UI/UX
MyFOB
ISP App Redesign
Overview
The primary goal was to revamp the MyFOB mobile app to enhance the user experience, improve usability, and introduce new features that align with user needs and expectations.
Challenges
Outdated Interface: The app had an outdated and basic design that lacked modern UI/UX practices.
Limited Functionality: Users struggled with navigating the app due to limited features and poor layout.
User Engagement: The app needed more engaging elements to keep users interested and satisfied.
Support System: The existing support and FAQ sections were not user-friendly.
Design Process
1. Research and Analysis
Conducted user surveys and interviews to gather feedback.
Analyzed current app usage data to identify pain points.
Studied competitors’ apps to benchmark best practices.
2. Ideation and Wireframing
Brainstormed ideas to address identified challenges.
Created wireframes for key screens to map out the user flow and layout.
3. Prototyping
Developed interactive prototypes to test new designs and features.
Gathered feedback from stakeholders and users to refine the prototypes.
4. Visual Design
Applied a modern and clean visual design, incorporating FiberOne’s brand colors (#0D3E9B and #E10000).
Designed new icons, animations, and interactive elements to enhance user engagement.
5. Development and Testing
Collaborated with developers to ensure accurate implementation of designs.
Conducted usability testing to gather user feedback and make necessary adjustments.
Research and Discovery
Outdated Interface: The app had an obsolete, basic design lacking modern UI/UX practices.
Limited Functionality: Users struggled with navigating the app due to limited features and poor layout.
User Engagement: The app needed more engaging elements to keep users interested and satisfied.
Support System: The existing support and FAQ sections were not user-friendly.
Shop Screen
I introduced a shop section for users to purchase merchandise and upgrade/renew plans directly from the app.
Quicker Conflict Resolution
Support system on the old design was not comprehensive enough. Some issues that could be solved in less than 5 minutes would take hours as a result of this. I enhanced visual design with better organization of information, making it user-friendly and informative. I also introduced FiBot, a chat mascot for self-help, reducing the time and complexity of resolving issues.
Result
Increased User Engagement: Enhanced visual design and new features led to higher user satisfaction and engagement.
Improved Usability: Streamlined navigation and intuitive layouts reduced user frustration and improved overall app usability.
Positive Feedback: Received positive feedback from users and stakeholders on the revamped design and added functionalities.
Conclusion
The MyFOB mobile app redesign successfully addressed the challenges and improved the user experience through modern design practices, new features, and a focus on user needs. The revamped app not only meets but exceeds user expectations, positioning FiberOne as a customer-centric ISP.
