UX/UI & Branding​

O marce

Codificato to software house tworzący dedykowane aplikacje i rozszerzenia enova365. Zespół specjalizuje się w rozwiązywaniu złożonych problemów i dostarczaniu funkcjonalnych, dopasowanych rozwiązań. W pracy kierują się zasadą, że niemożliwe to tylko kwestia perspektywy – stawiają na innowacyjność i realne wsparcie rozwoju biznesów swoich klientów.

Wyzwanie

Wraz z rozwojem firmy pojawiła się potrzeba zbudowania spójnego wizerunku marki – zarówno pod względem wizualnym, jak i komunikacyjnym. Codificato chciało skuteczniej docierać do nowych klientów i zaprezentować swoje usługi w bardziej zrozumiały i profesjonalny sposób. Dotychczas nie mieli żadnej rozpoznawalnej identyfikacji wizualnej ani uporządkowanej struktury treści.

Cel projektu

Zbudowanie spójnej tożsamości marki i zaprojektowanie strony internetowej, która w przejrzysty i atrakcyjny sposób przedstawi ofertę Codificato. Kluczowe było też zadbanie o wiarygodność i zaufanie – zarówno w oczach potencjalnych klientów, jak i partnerów biznesowych.

Moja rola i wkład

Branding

Wizerunek marki Codificato miał odzwierciedlać nowoczesność, technologiczną złożoność i kreatywne podejście do rozwiązywania problemów. Zależało mi na stworzeniu identyfikacji, która nie tylko będzie estetyczna, ale przede wszystkim wyrazi charakter firmy – precyzyjnej, logicznej, ale też nieszablonowej.

Znak opiera się na siatce – litery tworzące nazwę firmy są uproszczone i ukryte w układzie modularnych kształtów. To właśnie brak lub obecność wypełnienia nadaje im znaczenie – jak w kodzie. Dzięki temu logo jest dynamiczne, nieoczywiste i zapadające w pamięć.

Logo

Logotyp Codificato powstał z inspiracji światem kodu – 0 i 1, cyfrowych struktur i estetyki „Matrixa”. Miał uchwycić złożoność i technologiczną naturę marki, ale w czystej, minimalistycznej formie.

Animacja logo

Ruchoma wersja logo pojawia się na stronie głównej jako wizualna zapowiedź charakteru marki – dynamicznej, nowoczesnej i uporządkowanej.

UX – podejście projektowe

Zanim przeszłam do projektowania wizualnego, skupiłam się na tym, co najważniejsze – strukturze i treści. Strona miała być konkretna, przejrzysta i zgodna z charakterem Codificato – bez zbędnego marketingowego tonu, za to z jasnym przekazem.

Założenia projektowe

Strona miała pełnić rolę zwięzłej, ale profesjonalnej wizytówki firmy programistycznej. Kluczowe było:

Planowanie treści

Zanim przeszłam do projektowania wizualnego, skupiłam się na tym, co najważniejsze – strukturze i treści. Strona miała być konkretna, przejrzysta i zgodna z charakterem Codificato – bez zbędnego marketingowego tonu, za to z jasnym przekazem.

Persony i ścieżka użytkownika

Na potrzeby projektowania struktury i treści strony przygotowałam dwie persony – każda reprezentuje inny sposób myślenia i cel, z jakim użytkownik może odwiedzać stronę Codificato.

Renata: Jako księgowa, która potrzebuje usprawnień w codziennej pracy z oprogramowaniem, chcę wiedzieć, czy potencjalny partner biznesowy ma odpowiednie kompetencje, aby znaleźć rozwiązanie moich problemów.

Stanisław: Jako osoba szukająca nowych rozwiązań dla swojej firmy,
chcę mieć pewność, że programista myśli nieszablonowo i posiada odpowiednie doświadczenie, aby nawiązać współpracę z kimś, komu mogę zaufać.

UI Design

Po ustaleniu struktury i treści, przeszłam do projektowania interfejsu – zaczynając od strony głównej i systemu komponentów.

Strona główna

Rozpoczęłam dalsze prace od zaprojektowania strony głównej – to ona stanowiła punkt wyjścia do dalszych decyzji wizualnych i układu treści. Zależało mi na stworzeniu nowoczesnego, uporządkowanego i przyjaznego wizualnie środowiska, które dobrze odda charakter marki i przyciągnie uwagę użytkowników.

System komponentów

Po zatwierdzeniu koncepcji graficznej zaprojektowałam zestaw komponentów wielokrotnego użytku – m.in. przyciski w różnych wariantach, elementy nawigacji, karty z ikonami, style typografii i kolorystyki. 

Taki system ułatwia: