Froobook

01 O kliencie

Froobook to cyfrowa usługa umożliwiająca wyszukiwanie profesjonalistów i salonów kosmetycznych, rezerwację zabiegów online i zarządzanie usługami kosmetycznymi w jednym miejscu. Platforma łączy klientów i firmy kosmetyczne, upraszczając wybór, rezerwację i komunikację.

02 Cele i zadania

Naszym celem było stworzenie identyfikacji wizualnej, która stanie się podstawą interfejsu serwisowego i komunikacji wizualnej marki. Główne zadania obejmowały:
– wypracowanie nowoczesnego stylu z naciskiem na modę, estetykę i emocje,

– stworzenie adaptacyjnego designu do różnych urządzeń,

– identyfikacja wizualna musiała wyróżniać markę na tle typowych rozwiązań SaaS,

– przejrzysty styl dla grupy docelowej oraz skojarzenie z pięknem i prostotą.

03 Decyzja

Opracowaliśmy holistyczny system wizualny, który łączy minimalizm interfejsu z wyrazistymi, emocjonalnymi akcentami. Identyfikacja wizualna została zbudowana jako elastyczny język projektowy, który można łatwo skalować na stronie internetowej i w aplikacji mobilnej.

Zdefiniowano system kolorów, typografię i podstawowe zasady mikrointerakcji. W rezultacie marka zyskała nowoczesny, dynamiczny styl, który sprawdza się nie tylko jako design, ale także jako element doświadczenia użytkownika.

System kolorów

Kolorystyka Froobooka opiera się na połączeniu ciemnej bazy z jasnymi akcentami. Dominujący kolor limonkowy odpowiada za dynamikę, nowoczesność i poczucie „właściwego wyboru”. Ciemne tło wzmacnia kontrast i sprawia, że interfejs jest wizualnie przejrzysty i skoncentrowany na akcji.

Kolory dopełniające działają jak markery emocjonalne: pomagają uporządkować treść, podkreślić status i stworzyć żywą, ale kontrolowaną atmosferę podczas obsługi. W sumie paleta tworzy równowagę między technologicznością produktu a delikatnością piękna.

Kolory podstawowe

Kolory pomocnicze

Typografia

Głównym fontem identyfikacji jest Mulish. Jest on używany we wszystkich interfejsach i zapewnia jednolitą logikę wizualną produktu. Czcionka ma nowoczesny, neutralny charakter i jest czytelna na każdym urządzeniu.

Kluczowe elementy

W identyfikacji Froobooka kluczową techniką graficzną jest limonkowa kreska „ręczna”, pojawiająca się w nagłówkach i kluczowych akcentach tekstowych. Podkreśla ona ważne słowa i frazy, dodając interfejsowi emocjonalności i ożywienia, przy jednoczesnym zachowaniu czystości i minimalizmu kompozycji.

Kreska działa jak delikatny wizualny znacznik uwagi. Nie przeciąża interfejsu, lecz delikatnie podkreśla główne znaczenia: wartościowe komunikaty, rezultaty po rejestracji i kluczowe korzyści usługi. Dzięki temu komunikacja wydaje się bardziej osobista i przyjazna.

charakterystyczną techniką jest zastosowanie kontrastujących bloków. Jasne lub limonkowe bloki z tekstem tworzą wyraźne akcenty semantyczne i pomagają szybko odczytać główne komunikaty bez zbędnego szumu wizualnego.

Język wizualny

System wizualny opiera się na połączeniu głębokiego, ciemnego tła, dużych, czystych powierzchni i jasnych, limonkowych akcentów. Takie podejście tworzy nowoczesny, cyfrowy charakter, a jednocześnie podkreśla prostotę interakcji z usługą.

Elementy graficzne – kreski nagłówków, kontrastujące bloki tekstu i duże obrazy portretowe – tworzą przejrzystą hierarchię i koncentrują się na kluczowych przekazach. Działają one w ramach ścisłej siatki i nie naruszają logiki interfejsu, a jedynie wzmacniają główne znaczenia.

Styl można łatwo skalować, od interfejsu produktu po prezentacje, banery i landing page’e, zachowując rozpoznawalność marki we wszystkich punktach styku.

Wynik

Stworzyliśmy identyfikację marki Froobook, bazując na kontraście ciemnej bazy i jasnych akcentów, z rozpoznawalną limonkową kreską w nagłówkach. Takie podejście pozwoliło nam stworzyć komunikację wyrazistą, a jednocześnie prostą i zrozumiałą dla użytkownika

Identyfikacja organicznie wspiera doświadczenie użytkownika, pomaga szybko odczytać kluczowe komunikaty i tworzy wrażenie nowoczesnego, technologicznego, a jednocześnie przyjaznego salonu kosmetycznego.