Super App Home Screen Redesign (Yassir-inspired)

Problem The original “Services” section relied on circular icons, which limited clarity and slowed down user decision-making. All services were given equal visual weight, even though some—such as the donation feedback service—are rarely used. This created unnecessary cognitive load and reduced the efficiency of the home experience.

Solution I redesigned the structure by replacing circular icons with card-based Quick Actions, allowing better hierarchy and faster access to key user flows. This shift emphasizes the most frequently used actions directly on the home screen, improving scanability and interaction speed.

The home layout was also reorganized to prioritize high-frequency services, while secondary actions were visually deprioritized to maintain focus and reduce clutter.

Additionally, I refined the balance visibility interaction by repositioning the eye icon after the amount, ensuring users perceive the balance first before choosing to hide or reveal it. This small adjustment improves natural reading flow and interaction logic.

Outcome A more focused and structured home experience with improved visual hierarchy, reduced cognitive load, and faster access to essential actions.