DESIGN FOUNDATIONS
OVERVIEW
As part of building a scalable and consistent product ecosystem, I focused on establishing strong design foundations that would support both current and future Onmo products.
DESIGN PRINCIPLES
To align the product experience across all touchpoints, I established a set of design principles that guided every decision — from layout to motion. These principles ensured that our work stayed consistent, purposeful, and user-centric:
Onmo Design Principles for
- Product Design
- Interface Design
- Copywriting
- Motion Design
APP design system
We built a robust design system in Figma — defining foundations, tokens, styles, and components aligned with the new brand.
This allowed designers and developers to use a synced system and ensured consistency across every screen and feature. Each component was designed with scalability in mind. We organised them by complexity and created nested variants so designers could quickly adjust properties — such as states, sizes, or styles — without duplicating elements.
I haven't included the whole design system here to keep this case study concise, but please reach out if you'd like a full walkthrough.
BLUEPRINTS
To speed up future design and development, we created blueprints — ready-to-use templates for all major app screens, documented both in Figma and in the codebase. This meant new user journeys could be designed and built faster, without reinventing the wheel each time.
MOTION DESIGN LIBRARY
We also introduced a motion design library that detailed every animation pattern — from subtle micro-interactions to full-screen transitions. It helped developers understand timing, easing, and intent behind every movement, while giving designers a shared framework for creating delightful, on-brand motion.
Together, these foundations became the backbone of Onmo's product design practice — creating a shared language between design and development, speeding up delivery, and ensuring every new feature could scale consistently. They allowed us to move fast without losing cohesion, and set a high bar for quality across every touchpoint of the Onmo experience.