top of page
Shaggy-sting-top.png
onet-logo.png

Przebudowa struktury i redesign strony internetowej marki Wokas

Klient:

Wokas SA

Zakres prac:

Strona internetowa

System CMS

Strona docelowa

grid.png

NASZE ZADANIE

W związku z wprowadzeniem na rynek nowej linii produktów, marka Wokas potrzebowała funkcjonalnego landing page, na który mogłaby kierować ruch z poszczególnych kanałów kampanii promocyjnej.

Przy okazji postanowiła także kompleksowo odświeżyć swoją dotychczasową stronę www, przystosowując ją do obecnych trendów i wymagań konsumentów, a także wprowadzając nowoczesne rozwiązania w jej funkcjonowaniu, nawigacji oraz warstwie wizualnej.

projekt_pulpit.jpg
grid.png
liść_2.png

Po pierwsze, audyt!

Nasze działania rozpoczęliśmy od dokładnego audytu dotychczas funkcjonującej strony www oraz rzetelnej analizy potrzeb Klienta, w tym także jego oczekiwań, co do kierunku dalszych działań oraz charakteru wprowadzanych zmian. Sprawdziliśmy, które z dotychczas stosowanych rozwiązań były skuteczne, a które wymagały dodatkowego przemyślenia.

Zbadaliśmy również obecną stronę internetową pod kątem użyteczności, a także jej zgodność z zasadami SEO. Wnioski z tej analizy posłużyły nam do dalszych prac, czyli przygotowania mapy oraz, w dalszej kolejności, makiet nowej strony wokas.pl.

headerplants_dektop_en.jpg
grid.png
navstyle_dekstop.png

Zmiana struktury

Następnie zabraliśmy się za kwestie związane z architekturą treści, skupiając szczególną uwagę na profilach i typach użytkowników korzystających z witryny i tworząc nowy układ w oparciu o ich doświadczenia i potrzeby.

Nowa platforma miała służyć nie tylko klientom biznesowym, ale także indywidualnym, dlatego zaprojektowaliśmy stronę główną w taki sposób, aby pozwalała na proste przejście do interesującej nas kategorii.

Dodatkowo, aby ułatwić nawigację po poszczególnych sekcjach, stworzyliśmy proste i intuicyjne menu, z pomocą którego szybko i wygodnie możemy poruszać się po poszczególnych elementach strony zarówno w wersji desktop, jak i mobile.

liść_3.png
grid.png
fonts_desktop.png
grid.png

Nowy wygląd

Chcąc zrozumieć oczekiwania Klienta odnośnie warstwy wizualnej, przygotowaliśmy serię benchmarków prezentujących nowoczesne rozwiązania w tym zakresie.

Skupiliśmy się na przedstawieniu kilku różnych propozycji pod kątem estetyki, atrakcyjności wizualnej, ale także wykorzystywanych typów animacji. Następnie, na podstawie wybranego wzoru zaprojektowaliśmy kilka propozycji graficznych, które nie tylko miały nawiązywać do tematyki ogrodnictwa, ale też pokazać działalność marki w sposób nowoczesny, z wykorzystaniem najnowszych trendów w designie.

W tym celu wykorzystaliśmy najwyższej jakości zdjęcia, naturalne elementy w postaci liści i kwiatów, a także wzory geometryczne, gradient oraz klasyczne czarno-białe tła. Całość miała przyciągać wzrok, a jednocześnie być przejrzysta i czytelna.

notebook_desktop.png
grid.png
packshot_desktop_edited.png
liść_5.png

Wdrożenie

Ostateczny projekt graficzny został wdrożony w trzech wersjach językowych. Sporym wyzwaniem było zwłaszcza wydzielenie elementów, które miały być dostępne w poszczególnych wariantach.

Do podstron, w których teksty są modyfikowane najczęściej, został dobudowany system CMS z bogatym edytorem, dzięki czemu całość jest niezwykle łatwa w obsłudze.

grid.png

Dodatkowo, na stronie zakodowane zostały liczne animacje, których zadaniem jest uatrakcyjnienie treści i dostosowanie ich do wymagań współczesnych odbiorców. Na stronie pojawiają się między innymi paralaksy czy wbudowane wideo. Pojawia się też wiele mniejszych dynamicznych detali, które sprawiają, że korzystanie ze strony jest wyjątkowo przyjemne.

aplikacjamobilna.png
liść_6.png
grid.png

Spodobał Ci się ten projekt?

Wypełnij formularz i zobacz, co możemy zrobić dla Twojej firmy.

ekrany_pulpitu.png
liść_8.png

Satysfakcja

Przeprowadzone przez nas działania doskonale wpisały się w oczekiwania Klienta i spotkały się z jego dużym zadowoleniem.

Ważne jest też dla nas to, że zaprojektowana przez nas strona nie tylko jest atrakcyjna wizualnie, ale także intuicyjna i przejrzysta, co znacząco ułatwi klientom marki Wokas skorzystanie z oferty. A w czym możemy pomóc Tobie?

Zobacz stronę WOKAS w nowej odsłonie

Zobacz również

Title

Opis

logo_filler.png

Tytuł

Opis

logo_filler.png

Tytuł

Opis

logo_filler.png

Tytuł

Description

logo_filler.png
case_allegro_strona_vNaN-1-480x480-c-default.jpg

Allegro – projekt automatu paczkowego

Przygotowanie projektu automatu paczkowego

logo_filler.png
virgin-mobile-kampania-banerowa-480x480-c-default.jpg

Virgin Mobile – kampania banerowa

Kampania banerowa

logo_filler.png
dkmsdobrywzor-480x480-c-default.jpg

DKMS

#DobryWzór - kampania online dla Fundacji DKMS

logo_filler.png
wokasspot-480x480-c-default.jpg

Wokas – Spot

Spot do kampanii “Rośliny będą Ci wdzięczne"

logo_filler.png
voxbox-480x480-c-domyślny.jpg

VOXBOX

Koncepcja i wykonanie kampanii aplikacji VOXBOX

logo_filler.png
bottom of page