Hello Mobile is a wireless company that needed a user-friendly mobile application to enhance customer interaction and streamline account management. The project involved designing and developing a comprehensive mobile app using React Native, with a strong focus on UX/UI design to ensure seamless user experiences. My role encompassed the entire UX/UI design process, from initial research and wireframing to final prototyping and implementation, while working closely with the Hello Mobile design system.
Login Screen: A simple and secure login interface allowing users to access their accounts quickly.
Balance Screen: Provides users with real-time information on their account balance and payment history.
Usage Data: Displays detailed data usage statistics, helping users keep track of their data consumption.
Information Architecture: An intuitive navigation structure ensuring users can easily find the features and information they need.
Customer Support: Direct access to customer support through chat, call, and FAQs.
Research and Analysis: Conducted user research and competitive analysis to understand user needs and market trends.
Wireframing: Created low-fidelity wireframes to outline the app’s structure and flow.
Prototyping: Developed high-fidelity prototypes using Figma, incorporating feedback from stakeholders and potential users.
User Testing: Conducted usability testing sessions to gather feedback and refine the design.
Iteration: Made iterative improvements based on user feedback and testing results to enhance usability and aesthetics.
Design System Integration: Ensured consistency with the Hello Mobile design system, aligning with branding guidelines and reusable components.
React Native: Chosen for its cross-platform capabilities, allowing for simultaneous deployment on iOS and Android.
Figma: Used for designing high-fidelity prototypes and collaborating with stakeholders.
Adobe Creative Suite: Utilized for creating graphic assets and enhancing visual elements.
Hello Mobile Design System: Leveraged existing design components to ensure brand consistency and accelerate the development process.
Full Screenshots Below