MiFi

MiFi

Website and mobile application for a portable Wi-Fi router.

Website and mobile application for a portable Wi-Fi router.

ROLE

UX/UI Design Lead-Graphic Design

UX/UI Design Lead-Graphic Design

SCOPE

End-to-end UX/UI design

End-to-end UX/UI design

End-to-end UX/UI design

timeline

2 months (2023)

2 months (2023)

2 months (2023)

TEAM

2 Designers, 2 PMs, 1 DEV

2 Designers, 2 PMs, 1 DEV

2 Designers, 2 PMs, 1 DEV

PROJECT OVERVIEW

PROJECT OVERVIEW

As UX UI Design Leader, I led the creation of a website and mobile application from the ground up, enabling customers to effortlessly connect, configure, and manage their MiFi routers directly from home.

My role covered the entire design process — from defining user needs and leading UX strategy to coordinating with developers and ensuring a cohesive, on-brand visual identity across platforms.

CONTEXTE

CONTEXTE

The main challenge was to present complex and technical information in a modern, accessible, and easy-to-use layout — creating a seamless experience for a diverse audience.

Competitive analysis revealed that most existing websites suffered from outdated interfaces overloaded with information, resulting in poor usability and low engagement. The product targeted B2B clients, with users ranging across various age groups — most of whom were not technologically proficient.

The goal was to design a clean, intuitive interface that simplified complexity through smart navigation, clear hierarchy, and adherence to the client’s brand guidelines.

DISCOVER

DISCOVER

We began with an in-depth analysis of user pain points and competitor interfaces to identify key usability barriers. This phase also included mapping existing customer journeys and aligning them with business goals to ensure both sides of the experience — user and stakeholder — were represented.

DEFINE

DEFINE

Using insights from research, we structured the site architecture and defined clear user flows. The sitemap became the foundation for information hierarchy, ensuring that technical data could be presented logically and intuitively.


Our focus was on minimizing cognitive load while maintaining feature accessibility.

IDEATE

IDEATE

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.

CONCEPTUALIZE

CONCEPTUALIZE

The UI design phase focused on translating clarity into visual form. Staying true to MobiIoT’s brand identity, we retained their established color palette while adding subtle complementary tones to enrich the visual rhythm.


I designed a custom set of icons to give the product a distinct and recognizable personality. For typography, we selected Nunito — chosen for its rounded forms and excellent legibility, perfectly harmonizing with the iconography and brand tone.

silver iMac displaying color gradient
silver iMac displaying color gradient
silver iMac displaying color gradient

INTEGRATE

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.


This iterative collaboration ensured the final product delivered both usability and performance within the given hardware constraints.

man wearing headphones while using computer
man wearing headphones while using computer
man wearing headphones while using computer

DELIVER

DELIVER

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.

PROJECT INSIGHT

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.