Hello Mobile App Payment UI UX

by Rubayath Rahman

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.

Build with
Adobe Creative Suite
0
%
Hello Mobile Design System
0
%
Figma
0
%
React Native
0
%

Full Screenshots Below