Logicake
CLIENT
- Logicake
Kanada (Quebec)
RODZAJ PRACY
- Projektowanie interfejsu użytkownika
- Projektowanie doświadczeń użytkownika
- Projektowanie stron internetowych
- Branding
- Marketing
KRAJ
Kanada
01. Podsumowanie
Misja Logicake
Misją platformy Logicake jest uproszczenie zarządzania dla małych firm, freelancerów oraz zespołów poprzez centralizację kluczowych funkcji zarządczych w jednym miejscu. Platforma umożliwia intuicyjne zarządzanie kontaktami, projektami, kalendarzem, zadaniami, marketingiem i treściami na stronie internetowej. Logicake dąży do tego, aby zapewnić prostotę i dostępność, eliminując zbędne komplikacje, a jednocześnie oferując pełen zakres narzędzi niezbędnych do codziennego zarządzania działalnością.
Celem Logicake jest wspieranie użytkowników w efektywnym organizowaniu pracy, oszczędzaniu czasu oraz osiąganiu lepszej wydajności operacyjnej w przystępnej cenie. Platforma wyróżnia się edukacyjnym podejściem oraz dostępnością darmowej wersji, co czyni ją odpowiednim rozwiązaniem dla początkujących i małych organizacji.
Mój udział
Jako Product Designer zbudowałem Logicake od podstaw – przeprowadziłem aplikację internetową przez wszystkie etapy procesu projektowania UX i przygotowałem ją do uruchomienia. Następnie zaprojektowałem i zbudowałem wysoce efektywną stronę internetową korzystając z narzędzi platformy Logicake, która edukuje odwiedzających na temat oferty Logicake i przekształca ich w użytkowników oraz klientów. W ciągu następnych dwóch lat pracowałem nad wieloma iteracjami istniejącej oferty, a także pomogłem uruchomić kilka nowych aplikacji.
02. Definiowanie marki
Rozpoczęliśmy od strategii, definiując markę oraz jej grupę docelową. Ponieważ była to nowa firma, skupiliśmy się na określeniu atrybutów marki i stworzeniu jasnego brand statement. Na szczęście zespół już wcześniej prowadził rozmowy ze swoją grupą docelową i posiadał cenne spostrzeżenia, więc naszym zadaniem było jedynie ich konsolidowanie w celu opracowania persony użytkownika. Oba te dokumenty stanowiły fundament naszych decyzji na dalszych etapach projektu.
Projektowanie logo
Projektując logo dla Logicake skupiłem się na stworzeniu nowoczesnej i minimalistycznej identyfikacji wizualnej, odzwierciedlającej innowacyjny charakter platformy CRM. Zaprojektowane logo miało oddawać ducha technologii i profesjonalizmu, wykorzystując kolory kojarzące się z nowoczesnością. Typografia została dobrana tak, aby była czytelna i spójna z ogólnym wizerunkiem marki. Całość nawiązuje do wycinka koła, które może kojarzyć się również z kawałkiem tortu.
03. Projektowanie platformy
Po tym przystąpiłem do stworzenia diagramu przepływu, który pokazywał, jak będzie zorganizowana platforma. Logicake jest platformą modułową, więc kolejne elementy były dodawane z czasem. Klient miał już pewne funkcje na uwadze, więc upewniłem się, że omówiłem je z nim i uwzględniłem w planie.
Wireframing
Gdy mieliśmy już gotową strukturę, przeszliśmy do szkieletów, w których badaliśmy, jak każdy ekran zostanie ułożony. Pozwoliło nam to szybko naszkicować różne przepływy użytkowników bez konieczności poświęcania zbyt wiele czasu na myślenie o projektowaniu wizualnym tych ekranów.
Wireframes pozwoliły na szybkie testowanie różnych koncepcji, zanim przystąpiono do pełnego projektowania graficznego. Wyeliminowaliśmy ryzyko „przeprojektowania” wizualnego na wczesnym etapie, koncentrując się na logice działania. Praca nad wireframes była efektywna kosztowo, pozwalając na identyfikację problemów przed rozpoczęciem kodowania.
Dzięki temu etapowi, proces projektowania platformy Logicake był bardziej uporządkowany, a finalny produkt lepiej dostosowany do potrzeb użytkowników, co znacząco podniosło efektywność rozwoju całego projektu.
UI Design
Po zakończeniu prac nad wireframami, przyszedł czas na przekształcenie ich w pełnoprawne projekty UI, które miały zostać przekazane deweloperom do wdrożenia. Ten etap obejmował zdefiniowanie wizualnej tożsamości platformy Logicake, zgodnej z wytycznymi marki, a jednocześnie uwzględniającej najlepsze praktyki projektowania interfejsów.
Wytyczne dotyczące marki były już częściowo opracowane, gdy dołączyłem do zespołu, jednak w trakcie realizacji projektu znacznie je rozwinięto. W tym procesie inspiracją były motywy związane z ciastem i tortami, które idealnie korespondowały z nazwą platformy.
Elementy wizualne, takie jak warstwy ciasta, delikatne tekstury przypominające krem czy motywy nawiązujące do dekoracji tortu, zostały wprowadzone jako kluczowe elementy estetyki.
Podczas projektowania zdecydowaliśmy się na pełne kolory i zaokrąglone kształty, które przypominały miękkość i harmonię warstw tortu. Dzięki temu interfejs zyskał unikalny, przyjazny i spójny charakter, który odzwierciedla ideę platformy jako rozwiązania „słodkiego” i przyjemnego w obsłudze, a jednocześnie profesjonalnego.
Ta koncepcja wizualna pomogła wyróżnić platformę Logicake na tle innych narzędzi do zarządzania, podkreślając jej indywidualność i lekkość, a jednocześnie wzmacniając powiązanie z nazwą i tożsamością marki.
UI mobile design
Projektowanie interfejsu mobilnego dla Logicake koncentrowało się na zapewnieniu intuicyjnej i responsywnej obsługi, dostosowanej do potrzeb użytkowników na urządzeniach mobilnych. Kluczowym celem było zoptymalizowanie dostępu do najważniejszych funkcji, takich jak zarządzanie kontaktami, projektami i harmonogramem, przy jednoczesnym zachowaniu spójności z tożsamością marki.
04. Strona internetowa
Po zakończeniu prac nad MVP platformy Logicake, skoncentrowałem się na stworzeniu strony marketingowej, której celem było zaprezentowanie oferty Logicake oraz przekształcanie odwiedzających w aktywnych użytkowników. Proces ten obejmował zaplanowanie struktury strony, zaprojektowanie strony głównej oraz stron docelowych dla kluczowych narzędzi i przypadków użycia, a także zaplanowanie i zaprojektowanie sekcji blogowej.
Podobnie jak w przypadku aplikacji, projekt wizualny strony internetowej bazował na wytycznych marki, które rozwijaliśmy w trakcie pracy. Pierwotne wytyczne zawierały wiele elementów graficznych, takich jak prześwietlenia roślin i zwierząt, jednak z czasem zastąpiliśmy je motywami inspirowanymi estetyką scrapbooków i albumów. W przypadku Logicake, kluczowym kierunkiem była integracja wizualnych nawiązań do tortów, takich jak warstwy, dekoracje czy miękkie gradienty, co idealnie odzwierciedlało charakter platformy.
Kiedy projekt został ukończony, moim zadaniem była również jego implementacja w Logicake, co pozostało moją odpowiedzialnością przez kolejne dwa lata. Wraz z rozwojem Logicake – wprowadzaniem nowych produktów i ulepszaniem istniejących funkcji – strona internetowa musiała ewoluować i rozszerzać swoje możliwości, by skutecznie wspierać marketing i rozwój platformy. Dzięki temu Logicake zyskało dynamiczne i atrakcyjne narzędzie promocyjne, które wspierało rozwój bazy użytkowników i budowanie spójnej tożsamości marki.
05. Social media
Zajmowałem się prowadzeniem profilu Logicake na Instagramie, dbając o spójność wizualną i angażujące treści. Tworzyłem grafiki, posty oraz stories, które prezentowały funkcjonalności platformy i jej zalety. Regularnie analizowałem statystyki, aby dostosować strategię i zwiększyć zasięgi. Ważnym elementem było także budowanie społeczności wokół marki poprzez interakcję z obserwującymi i odpowiadanie na ich pytania. Dzięki konsekwentnym działaniom udało się zwiększyć rozpoznawalność Logicake i przyciągnąć nowych użytkowników.
