SmartPocket is the UAE's first student discount platform, connecting students with exclusive offers from verified merchants. The platform consists of two operational dashboards: a Super Admin dashboard used by the internal SmartPocket team to manage the platform, and a Merchant dashboard that enables businesses to manage offers, monitor performance, and process student redemptions.

As the platform expanded, both dashboards accumulated new features without a cohesive design system. Although functional, the experience became increasingly inconsistent, making complex workflows harder to navigate and limiting the product's ability to scale. My role was to redesign both platforms, creating a modern, scalable interface that improved usability while establishing a stronger visual identity.

Before designing any new screens, I conducted a comprehensive audit of both dashboards to understand how the product had evolved, identify usability issues, and uncover opportunities for improvement. The goal wasn't simply to make the interface more attractive—it was to understand where the current experience was creating unnecessary friction.

Almost every component shared identical visual weight. Cards, buttons, filters, search bars and tables competed equally for attention, making it difficult for users to identify important information or prioritize tasks.

The interface relied heavily on common SaaS dashboard patterns. Although functional, the product lacked a distinctive identity and felt more like a template than a product designed specifically for SmartPocket.

Buttons, badges, cards, spacing and form controls varied throughout the platform. Without a unified design system, screens felt disconnected and difficult to scale.

Color, typography and component styling lacked consistency. If the SmartPocket logo were removed, the dashboard could easily be mistaken for any generic admin template.

While the existing product successfully supported its core functionality, the audit revealed an opportunity to move beyond a collection of administrative screens and create a cohesive product experience centered around clarity, efficiency, and scalability.

A strong product experience should prioritize clarity over decoration, ensuring that every element serves a purpose and helps users complete tasks faster. Information should always come first, with important data given greater emphasis so users can quickly understand what matters. Consistency creates trust, as reusable components build familiarity and reduce cognitive load. The system should also be scalable by design, allowing new features to fit naturally into the existing design system without creating unnecessary complexity. Finally, purposeful branding through color, typography, and spacing creates a cohesive visual identity that makes the product immediately recognizable.

I designed 120+ screens across the admin and merchant experiences, while improving information hierarchy, and establishing a more consistent and scalable design system.

The redesign transformed SmartPocket from a functional but inconsistent platform into a cohesive product ecosystem. By introducing a scalable design system, clearer information hierarchy, and streamlined workflows, both administrators and merchants can complete tasks more efficiently while benefiting from a more intuitive and recognizable experience. The new foundation also enables future features to be added consistently without compromising usability or visual quality.