OTOMO Web Design & Design System

Reimagining brand identity and delivering a modular design system for digital growth.

Web

Technology & SaaS

3 months

Get StartedBack Icon  Button

Challenge & Scope

OTOMO, a platform aimed at empowering creative freedom, engaged AnalogFolk and Irazu Studio to design its website and foundational design system from the ground up. The project was split into two key phases: first, defining the brand identity and creating a clean, flexible logo; and second, developing a design system that could scale across web and mobile. The goal was to produce a modular, easy-to-use framework that minimized future rework while establishing visual consistency across platforms.

UX/UI Design

Visual Design

Interaction Design

Prototyping

Design Documentation

What We Did

We collaborated closely with the AnalogFolk team and OTOMO’s stakeholders across both branding and system design phases.

Defined brand identity and visual direction through exploration and workshops

Created flexible logo and foundational color palette based on stakeholder alignment

Built low-fidelity wireframes to identify key components and UI patterns

Developed modular UI system with rules for spacing, typography, and color

Prototyped and tested core layouts across desktop and mobile

Delivered final design system with documentation and business usage guidelines

Highlights

Built for Scalability

We designed a modular component system with scalability in mind, ensuring UI elements could be reused and adapted across desktop and mobile.

Series of low-fidelity wireframes created by Irazu Studio for Otomo website structure and layout exploration.

Highlights

Cohesive Visual Identity

We delivered a consistent design system that defined foundational rules (spacing, typography, colors) and was ready for developers and writers to build upon.

Tablet device showing Otomo design system inside Figma, including typography scales, color tokens, and component libraries built by Irazu Studio.

Highlights

Validated Through Testing

Our approach included prototype testing to validate component flexibility, ensuring long-term usability with minimal future adjustments.

Laptop screen showing redesigned Otomo homepage with layered visual elements and gradient background designed by Irazu Studio.

Highlights

Design System Delivery

Delivered final documentation including design rules for business and marketing use, ready for implementation across product and content teams.

Hand holding mobile phone displaying Otomo homepage with bold tagline and vibrant gradient design created by Irazu Studio.

Outcome

Over the course of 3 months, we created OTOMO’s core digital presence and design system, laying the foundation for consistent brand expression across all channels. The project included exploratory visual work, low- and high-fidelity prototypes, and the successful delivery of a documented design system. This modular setup now supports both current and future platform iterations across teams.

Let's Talk

Need Reliable UX/UI Help?

Tell us what you’re working on we’ll jump in where it matters most.

Get in touch