Startify
OTOKO Media — strona główna na ekranie monitora
OTOKO Media — podstrony serwisu
Logo OTOKO
OTOKO Media — karta kontaktowa „Need help?”
Zdjęcie z komunikacji OTOKO — rozmowa w biurze
OTOKO Media — strona główna na telefonie

OTOKO Media GmbH — strona firmowa

Data:
Sierpień - Październik 2024
Narzędzia:
Figma, Adobe Photoshop, Adobe Illustrator
Materiały:
Grafiki wygenerowane z użyciem AI, Streamline
Zakres:
Projektowanie doświadczeń użytkownika
Projektowanie interfejsu
Design system

Klient:

OTOKO Media działa w Niemczech jako kompleksowy partner IT. Tworzy oprogramowanie i aplikacje dopasowane do potrzeb biznesu, wspierając innowacje i transformację cyfrową klientów.

Firma odpowiada na zmieniające się wymagania rynku i pomaga klientom rozwijać się w różnych branżach — od motoryzacji i finansów po sektor publiczny — łącząc realizację techniczną z podejściem strategicznym.

Cel projektu

Nowa strona powstawała od podstaw, bez ograniczeń wcześniejszego rozwiązania. Odpowiadałem za pełny UX/UI i design system, wspierając nowy wizerunek marki.

Swoboda twórcza pozwoliła zaprojektować rozwiązanie z myślą o przyszłości: spójne, łatwe do utrzymania i rozwijania wraz z firmą.

Wdrożona strona daje OTOKO powtarzalną strukturę do prezentowania usług, branż i kompetencji technologicznych bez projektowania każdej nowej podstrony od podstaw. Wyniki komercyjne po uruchomieniu nie są częścią publicznych materiałów, dlatego rezultat opisuję jako wdrożoną platformę i bardziej skalowalną strukturę podstron.

01. Wytyczne wizualne / Kolory

Minimalistyczna paleta, wyrazisty charakter — efekt bez zbędnych rozpraszaczy.

Paleta kolorów OTOKO Media

01. Wytyczne wizualne / Typografia

Jeden krój, jeden głos — czytelny, odważny i jednoznacznie nowoczesny.

Typografia OTOKO Media — krój Telegraf
Wizualizacja strony OTOKO Media na monitorze

02. UX/UI strony internetowej

Projekt, który rozwija się wraz z marką i buduje długofalowe zaufanie

Interfejs powstał, aby oddawać czytelność i pewność, jakie OTOKO Media wnosi do współpracy z klientami.

Każda sekcja łączy wyrazisty charakter wizualny z prostotą korzystania, stawiając treści na pierwszym miejscu. Przejrzysty układ, skalowalny design system i subtelne animacje tworzą elastyczne podstawy, gotowe rozwijać się wraz z firmą.

Makiety podstron OTOKO Media — część 1 z 6
Makiety podstron OTOKO Media — część 2 z 6
Makiety podstron OTOKO Media — część 3 z 6
Makiety podstron OTOKO Media — część 4 z 6
Makiety podstron OTOKO Media — część 5 z 6
Makiety podstron OTOKO Media — część 6 z 6
Wizualizacja mobilnej strony OTOKO Media na telefonie

02. UX/UI strony internetowej

Modułowe podejście: każda podstrona rozwija historię marki w elastycznej, skalowalnej strukturze.

Makiety podstron OTOKO Media — część 1 z 5
Makiety podstron OTOKO Media — część 2 z 5
Makiety podstron OTOKO Media — część 3 z 5
Makiety podstron OTOKO Media — część 4 z 5
Makiety podstron OTOKO Media — część 5 z 5

03. Podsumowanie i autorzy

Dzięki za Twój czas — do usłyszenia!

Data:
Sierpień - Październik 2024
Klient:
Yahya Zahad, CEO
Projekt:
Projekt UX/UI strony firmowej OTOKO Media GmbH
Product Designer:
Mateusz Madura, Startify
Zobacz stronę →