.avif)
This project expands the PhoneBox Self-Serve Web Portal by adding a shopping section, allowing customers to easily browse and purchase mobile plans, internet packages, devices, and accessories. The goal is to enhance the portal's functionality, providing a seamless experience for managing accounts and shopping for services.
1 Month
Figma, Photoshop, Illustrator
As the sole designer in charge of this project,
Research & User Flow: Led user research and developed user flows
Wireframes & Mock-ups: Designed low-fidelity wireframes, refined them with cross-functional teams. Utilized existing UI components and delivered high-fidelity mock-ups for development.
Usability Testing: Conducted internal testing and used feedback to optimize the design for better usability.
Collaboration with Developers: Worked closely with developers to align on project goals and ensure a smooth design handover.
User insights were gathered through collaboration with the Customer Service and Operations teams based on customer interactions and feedback
Users have difficulty finding and navigating through products and services.
There’s a gap between managing accounts and shopping for new services.
Many users are unaware of available products or promotions when managing their accounts.
Customers want an easy way to browse and purchase mobile plans, internet services, and devices.
They expect a seamless experience, with minimal effort required to switch between managing their account and shopping.
The research highlights the need for a more integrated and user-friendly shopping section within the portal. Offering easy access to products and services will improve the overall user experience.
Balancing aesthetics with functionality was crucial to ensure the shopping section seamlessly integrated with the existing portal while maintaining visual consistency. Collaborating closely with developers and providing detailed design specifications helped prevent misalignment and ensured a smooth implementation.
Optimize Mobile Experience: Focus on refining the mobile design to ensure accessibility and ease of use for on-the-go customers.
Analyze User Behavior: Use analytics to track customer interactions within the shopping section and prioritize improvements based on data insights.