.png){kind=logo}
Przegląd
Odświeżenie strony i systemu zarządzania treścią dla marki B2B
.png)
.png)
Strona internetowa Optidata nie nadążała za rozwojem firmy.
Przez lata była rozbudowywana o kolejne elementy, które z dzisiejszej perspektywy były po prostu przestarzałe, zarówno wizualnie, jak i komunikacyjnie. Układ strony był chaotyczny, a sposób prezentowania treści nie budował zaufania ani poczucia, że mamy do czynienia z dojrzałą organizacją działającą w branży B2B.
Kontekst biznesowy / wyzwanie
Optidata to średniej wielkości firma o stabilnej pozycji na rynku B2B, współpracująca głównie z firmami produkcyjnymi, dostawczymi i logistycznymi. Biznesowo wszystko działało poprawnie, natomiast strona internetowa nie oddawała skali ani profesjonalizmu organizacji. W praktyce mogła wręcz podważać zaufanie użytkowników, którzy trafiali na nią po raz pierwszy.
Cel, który prowadził cały proces
Głównym celem było uporządkowanie warstwy wizualnej i komunikacyjnej strony. Chodziło o odejście od elementów, które pamiętały początki internetu, i wprowadzenie świeżego, ale stonowanego kierunku wizualnego. Dodatkowym celem było rozwiązanie problemów z zarządzaniem treścią, dlatego ważnym założeniem było przejście z WordPressa na Webflow i stworzenie prostego, intuicyjnego systemu CMS.
Rola w projekcie
Moja rola obejmowała zaprojektowanie nowego layoutu, stworzenie key visualu, a następnie development i wdrożenie strony w Webflow. Pracowałem zarówno nad warstwą wizualną, jak i techniczną.
Decyzje podjęte w procesie projektowym
Wartość dla użytkownika firmy
Nowa strona buduje zaufanie od pierwszego kontaktu i jasno komunikuje, czym zajmuje się Optidata oraz jaką wartość oferuje swoim klientom.
Najciekawszy problem do rozwiązania
.png)
Unowocześnienie serwisu z myślą o czytelności informacji
Cały serwis został odświeżony wizualnie i strukturalnie, aby ułatwić użytkownikom zapoznanie się z informacjami branżowymi.
.png)
Komunikacja systemów pokazana przez realne zastosowanie
Główne systemy oferty zostały zaprezentowane w możliwie najbardziej praktyczny sposób, z naciskiem na konkretne funkcje i realne korzyści.
.png)
System kart jako główny motyw projektu
Karty stały się wspólnym motywem całego projektu, ułatwiając skanowanie informacji i poprawiając czytelność nawet przy dużej ilości treści.
.png)
Intuicyjny system CMS jako fundament projektu
Jednym z głównych celów projektu było wdrożenie przejrzystego i łatwego w obsłudze systemu CMS do zarządzania treściami
Nasza wizja
Jak decyzje projektowe przełożyły się na efekt?
Design
Projekt strony www opiera się na całkowicie nowym key visualu.
Zastosowano nowy key visual oparty na gradientach oraz dwóch głównych kolorach brandingowych, które nadają całości nowoczesny i spójny charakter. Duży nacisk położono na ujednolicenie elementów UI, takich jak labelki, typografia i kolorystyka, a także na stworzenie spójnego style guide’u. Layouty zostały uproszczone, a struktura treści uporządkowana w sposób bardziej czytelny i logiczny.
Development
Stabilne i skalowalne wdrożenie w Webflow
Od strony technicznej projekt obejmował wdrożenie dwujęzycznej wersji strony oraz przeniesienie projektu z Figmy do Webflow z zachowaniem pełnej spójności wizualnej. Kluczowym elementem było zaprojektowanie intuicyjnego systemu zarządzania treścią, który umożliwia łatwe dodawanie i edytowanie contentu. Szczególną uwagę poświęcono czytelnemu zaprezentowaniu szerokiego asortymentu oferty w sposób zrozumiały i uporządkowany.
Komunikacja
W warstwie komunikacyjnej postawiliśmy na zmianę narracji.
W warstwie komunikacyjnej nacisk został przeniesiony z opisu samej firmy na realne problemy, które rozwiązuje dla swoich klientów. Produkty i systemy otrzymały jasny kontekst, a komunikacja stała się bardziej konkretna, zrozumiała i użyteczna dla odbiorcy.
Technologie
Użyte technologie w projekcie:
Figma
Strony internetowe
Miejsce do projektowania makiety strony i układania jej struktury jeszcze przed wdrożeniem
Webflow
Strony internetowe
Centrum dowodzenia stroną które pozwala tworzyć atrakcyjne wizualnie i funkcjonalne witryny
Współpraca
Rozpoczynamy wspólnie projekt?
Umów się na bezpłatną konsultację, podczas której odpowiem na Twoje pytania i wspólnie sprawdzimy, jak możemy pomóc Twojej marce.
Mamy to! 🚀 Dziękuję za wiadomość, formularz dotarł do mnie bez problemu. Odezwię się do Ciebie najszybciej, jak to możliwe.
Jakub Jagoda
Designer, Developer
.png)
Wspólnie budujemy rozwiązania, tak aby nowa strona budziła zaufanie od pierwszego dnia
