Realizacja projektu opierała się na stworzeniu makiet do strony oraz developmencie. Strona internetowa dla spółki KMR restrukturyzacje pełni rolę rolę wizytówki firmy, której celem jest zwiększenie rozpoznawalności oraz zwiększenie możliwości marketingowych.
To na czym zależało klientowi to podkreślenie wiarygodności firmy, poprzez pokazanie ludzi stojących za firmą. Dodatkowo duży nacisk został położony na merytoryczność przedstawianych treści, co także pomaga w budowaniu rzetelnego wizerunku firmy. Naszym zadaniem było wizualne odwzorowanie ważnych dla klienta wartości takich jak transparentność, prostota przekazu i budowanie zaufania poprzez pokazanie dokładności i świadomości w działaniach związanych z restrukturyzacją firm.
Etap Discovery
Etapem od którego rozpoczęliśmy pracę nad projektem była faza discovery, która zawierała analizę konkurencji, warsztaty z klientem oraz prace nad strukturą strony. Analiza konkurencji opierała się na dwóch aspektach: funkcjonalnym oraz wizualnym. W pierwszym przypadku skupiliśmy się na przejrzeniu rozwiązań oraz struktury stosowanej na innych stronach. W przypadku analizy pod kątem wizualnym skupiliśmy się na odzwierciedleniu wartości i przekazu w wyglądzie strony. W przypadku naszego klienta mieliśmy dostarczony brandbook, w którym było określona kolorystyka oraz logotyp, co wpłynęło na ostateczny wygląd strony, tak aby całość była spójna z przygotowaną identyfikacja wizualną firmy.
Warsztaty z klientem opierały się głównie na poznaniu wizji dotyczącej spółki oraz zrozumieniu oferowanych przez niego usług. Ważne było także zrozumienie potrzeb i obaw potencjalnych użytkowników odwiedzających stronę. Informacje wyciągnięte z warsztatów zostały przełożone na strukturę strony, która zawierała rozkład najważniejszych podstron, a także pokazywała dalszy rozwój spółki, ponieważ część stron została zaplanowana i zaprojektowana na przyszłość.
Projektowanie
Etap ten składał się ze stworzenia makiet lo-fi, które po akceptacji po stronie klienta zostały przerobione na makiety hi-fi. Z racji tego, że projekt został wdrożony na Webflow, do projektowania makiet niskiej szczegółowości skorzystaliśmy z biblioteki Relume, która ma integrację zarówno z Figmą jak i z Webflow. Zastosowanie takiego rozwiązania wpłynęło na szybkość wykonania projektu oraz ujednoliceniu i spójności w wyglądzie.
Stworzenie makiet niskiej szczegółowości miało na celu przedstawienie funkcjonalności strony, co pozwoliło na lepsze dopracowanie struktury konkretnych podstron.
Po ustaleniu wszystkich funkcjonalnych potrzeb przeszliśmy do projektowania makiet wysokiej szczegółowości. Tutaj skupiliśmy się już na wizualnym aspekcie strony, stworzenie wrażenie wiarygodności wykorzystując dostarczoną nam identyfikację wizualną. Proces opierał się na zaprojektowaniu kilku wersji każdej podstrony z czego ostatecznie można było wybrać najbardziej dopasowane do wymagań klienta oraz projektu. Finalne wersje opierają się na połączeniu zdjęć przedstawiających pracowników lub siedzibę firmy oraz oraz stonowanej kolorystyce, która ma swoje źródło we wcześniej przygotowanym logotypie. Jasny, delikatny odcień beżu nawiązujący do złota w logotypie pozwolił na wprowadzenie łagodności, która daje wrażenie zaopiekowania i spokoju. Złote akcenty na zdjęciach czy przyciskach pozwoliły na podkreślenie ważnych treści, nadają one także dynamiki i urozmaicenia. Zachowanie spójnej i stonowanej kolorystyki z drobnymi akcentami wskazuje na profesjonalizm oraz dynamikę w działu spółki. Całość projektu jest prosta i tradycyjna w odbiorze a drobne detale wprowadzają nowoczesny wygląd.
Development
Development został przeprowadzony na Webflow. Etap ten miał za zadanie wcielenie strony w życie poprzez odwzorowanie makiet, dodanie interakcji oraz zadbanie o responsywność. Ważne było także stworzenie systemu CMS, w którym będzie można dodawać i edytować wszystkie treści, które zostały oparte na szablonie czyli np. treści na stronie usług lub treści związane z członkami zespołu. Zostały także zrealizowane strony, które klient będzie mógł aktywować w przyszłości takie jak opinie klientów i zakończone sprawy.
Poprzedni projekt
Sunny family