Photo from OTOKO’s communication — a conversation in the office

OTOKO Media GmbHCorporate Website

Date:: August - October 2024
Tools:: Figma, Adobe Photoshop, Adobe Illustrator
Materials:: AI Generated visuals, Streamline
Scope:: User Experience
User Interface
Design System

Client:

OTOKO Media GmbH is based in Germany and operates as a full-service IT partner, focused on driving clients’ digital transformation. They specialize in delivering tailored software and app solutions that blend business insight with technological innovation.

Their mission is to build digital products and services that not only meet current demands but also scale sustainably and evolve with future needs. OTOKO collaborates across industries, from automotive and finance to public sector – ensuring each solution is closely aligned with clients’ strategic goals and domain requirements.

Project goal

The challenge was to create a brand-new website for a growing software company – from the ground up. With no existing structure or design legacy, I led a full UX/UI process and built a scalable design system tailored for their new brand.

This approach allowed for full creative freedom, but also required forward-thinking decisions to ensure the solution would be easy to scale, maintain, and extend as the company grows. The result is a flexible and future-proof foundation, both visually and structurally.

The delivered website gives OTOKO a reusable structure for presenting services, industries and technology expertise without redesigning each new page from scratch. Post-launch commercial metrics are not part of the public project record, so the outcome is documented as an implemented platform and a more scalable page structure.

01. Style guide / Colors

A minimalist palette with boldpersonality, designed to deliver impactwithout distractions.

01. Style guide / Typography

One typeface. One voice. Clear, bold,and unmistakably modern.

OTOKO Media typography — the Telegraf typeface

OTOKO Media website mock-up on a monitor

02. UX/UI Website

Designed to grow with thebrand, built to inspire trust andsupport long-term scalability

The interface was crafted to reflect the clarity and confidence OTOKO Media brings to its clients.

Every section of the website balances bold visual presence with minimal friction, making content the hero. The clean layout, scalable design system, and subtle motion create a flexible foundation — ready to grow alongside the company.

OTOKO Media subpage mock-ups — part 1 of 6

OTOKO Media subpage mock-ups — part 2 of 6

OTOKO Media subpage mock-ups — part 3 of 6

OTOKO Media subpage mock-ups — part 4 of 6

OTOKO Media subpage mock-ups — part 5 of 6

OTOKO Media subpage mock-ups — part 6 of 6

OTOKO Media mobile website mock-up on a phone

02. UX/UI Website

A modular approach ensuredeach subpage supportsthe overall brand narrative whilestaying flexible and scalable.

OTOKO Media subpage mock-ups — part 1 of 5

OTOKO Media subpage mock-ups — part 2 of 5

OTOKO Media subpage mock-ups — part 3 of 5

OTOKO Media subpage mock-ups — part 4 of 5

OTOKO Media subpage mock-ups — part 5 of 5

03. Summary and credits

Thanks for your attention – let’scatch up soon

Date:: August - October 2024
Client:: Yahya Zahad, CEO
Project:: UX/UI Corporate Website for OTOKO Media GmbH
Product Designer:: Mateusz Madura, Startify

See online →

More case studies

Lou.pl

Fast-growing Polish fashion brand for women, known for its elegant dresses and a loyal customer base.

Tigers.pl

Polish digital agency with a bold, community-driven identity, redesigned to translate its transformation and Asian-inspired branding into a distinctive digital experience.