Creating a scalable design system for web and Android applications
Orderin needed a design system to standardize UI patterns, improve collaboration between design and engineering, and accelerate product development across platforms.
I led the creation of a cross-platform design system that supports both web and Android applications, working closely with a front-end developer who implemented the component library in React and Storybook.
Orderin
Lead UI Designer
Design system creation
Web and Android
React component library in Storybook
As the product grew, the team faced several challenges
The goal was to create a shared system that aligned design and engineering while supporting multiple platforms.
The design system was built around three principles.
Establish clear UI patterns and reusable components.
Ensure the system could support both web and native Android products.
Create a workflow where components are designed once and implemented once.
The system was based on Google Material design patterns, adapted to support Orderin’s product needs.
Core foundations included:
The design system included a comprehensive set of reusable components such as:
Each component was documented and implemented in Storybook, enabling developers to reuse components consistently across the product.
A key goal was improving collaboration between design and development.
The workflow worked as follows:
1. Components designed in the design system
2. Reviewed with engineering
3. Built as reusable React components in Storybook
4. Used across the product
This ensured design decisions translated directly into production-ready components.
The design system created a shared language between design and engineering, enabling:
I led the design system initiative by:
Getmo is a founder-led design and digital marketing studio run by me, Piet Alberts. I offer senior UX/UI, web design, brand identity, and digital marketing as a direct alternative to hiring in-house or using an agency. With 20+ years of experience, you work with me directly.
I offer design and digital marketing services across UX and UI design, product design, web design and Webflow or Framer development, brand identity and logo design, marketing design, digital marketing strategy, SEO, campaigns, and landing pages. For hands-on channel work like paid media, I bring in trusted specialists and manage it for you.
There are three ways to hire me. A monthly plan, a design and marketing retainer where you reserve a block of hours. Fixed-price packages, for standard projects like a website. And custom projects, quoted per brief for one-off, bespoke work. You choose whichever suits your needs and budget.
If you need ongoing design and marketing, a monthly retainer fits best. For a standard, well-defined project like a website, a fixed-price package is the quickest and most affordable route. For one-off, bespoke work, a custom project is quoted per brief. Not sure? Book a free call and I will recommend the right fit.
I do, personally. Getmo is founder-led, so every design and marketing project is handled by me, Piet Alberts, a senior designer and digital marketing consultant with 20+ years of experience. There are no juniors and no handoffs; the core design and marketing work is always mine.
Most individual tasks are delivered within 48 to 72 hours, with larger design and marketing projects on a timeline agreed upfront. Because you work directly with me, there are no account managers or queues slowing delivery down.
Yes. Getmo works remotely with clients worldwide. I am based in South Africa and take on design and digital marketing projects internationally, agreeing currency and timelines upfront.
Book a free intro call, or head to the monthly plan, packages, or custom projects page to take the next step. We will talk through your design and marketing needs and find the right fit. No pitch, no pressure.
