I led the end-to-end design of the MiFi portable router ecosystem — creating its first digital interface (website and mobile app) to let users easily set up and manage their device. In parallel, I drove the industrial design of the hardware, delivering a cohesive product experience across both software and physical touchpoints.
timeline
TEAM
Creating a website from scratch presented unique challenges :
No prior interface or visual framework existed
Need to simplify technical content for non-technical B2B users
Design a scalable, brand-aligned digital experience for current and future features
Research & Analysis :
Conducted competitive analysis of existing MiFi routers and similar B2B devices
Studied competitor websites, dashboards, and user flows to identify strengths, weaknesses, and best practices
Examined visual hierarchy, navigation patterns, and information architecture to inform design decisions
Key Insights :
Competitor interfaces were cluttered, confusing, and overloaded with technical jargon
Many lacked intuitive dashboards or clear actions for non-technical users
Opportunity to create a clean, user-friendly interface from scratch
From research insights, we framed the core problem :
“Users need a simple, intuitive interface to manage their MiFi router without confusion or reliance on support, while maintaining access to advanced features.”
Deliverables :
Sitemap and information architecture
Feature prioritization for essential dashboard actions
focus was on minimizing cognitive load while maintaining feature accessibility.
During ideation, multiple layout and navigation patterns were explored through sketches and low-fidelity wireframes. The objective was to find the most efficient way for users to connect and manage their routers without friction.
We also tested early wireframes internally to validate assumptions and refine user paths before high-fidelity execution.
Decision Highlights :
Streamlined main dashboard for key actions (status, connection, data usage)
Simplified menu to reduce cognitive load
Icons and typography chosen for clarity and legibility
The UI design phase focused on translating clarity into visual form. Staying true to MobiIoT’s brand identity, we retained their established colour palette while adding subtle complementary tones to enrich the visual rhythm.
Colour palette aligned with brand, avoiding visual overload
Custom icons for clearer navigation and function recognition
Typography: Nunito for high readability
Iterative prototyping to validate hierarchy and microcopy
I collaborated daily with the development team to ensure design fidelity and a smooth implementation process. Regular design-dev reviews allowed us to resolve technical challenges quickly and maintain consistent alignment with both the UX strategy and project timeline.
Collaboration with Development :
Worked closely with developers to ensure designs were feasible and responsive
Adjusted UI to meet technical constraints without sacrificing usability
Maintained cross-functional alignment through daily standups and review sessions
The final product offered a streamlined and modern interface that allowed users to connect and configure their MiFi routers with ease. The design successfully balanced aesthetic coherence, brand identity, and technical feasibility — improving accessibility and reducing user dependency on customer support.
By staying in constant communication, we were able to make timely adjustments, resolve issues quickly, and maintain a smooth workflow throughout the process.
This project reinforced the importance of strong cross-functional communication. By actively listening to my team and understanding their needs, we maintained momentum, built a positive work environment, and delivered a product that truly reflected both design intent and business goals.
