Jest to koncept redesignu mojej pierwszej strony internetowej, którą stworzyłem dla salonu masażu w Lublinie. Ze względu na przerwę w funkcjonowaniu salonu, projekt czeka wdrożenie.
Moje zadania:
Stworzenie persony
Opracowanie user flow i zaproponowanie konwersji
Stworzenie mapy witryny wraz z makietami contentowymi
Zaprojektowanie responsywnej strony internetowej
Stworzenie design systemu
Opis projektu
Od stworzenia poprzedniego projektu minął ponad rok. W tym czasie nie tylko rozwinęły się moje umiejętności i poszerzyła się wiedza na temat stron internetowych, ale również salon masażu przeszedł metamorfozę. Oferta salonu znacznie się poszerzyła i poprzedni projekt słabo sobie radził z dużą ilością różnych masaży. Dodatkowo porzucono poprzednią paletę barw na rzecz zupełnie nowej. Efektem czego stara strona internetowa zupełnie nie pasowała do nowych realiów.
W nowym projekcie zależało mi przede wszystkim na skutecznym zaplanowaniu całej witryny oraz spójności między wyglądem strony i charakterem marki. Dlatego pod kątem stylistyki chciałem zachować jak najwięcej spokoju, harmonii oraz oddać uczucie relaksu i przestrzeni.
Wyzwanie
Głównym wyzwaniem przy tym projekcie był brak contentu. Przekonałem się jak bardzo ważne jest wcześniejsze zebranie dobrej jakości zdjęć i tekstu. Ciężko jest zacząć projektowanie bez tych materiałów. No bo jak rozpocząć nadawanie odpowiedniej hierarchii, kontrastu i rytmu elementom, skoro ich nie ma?
Z tych właśnie powodów zacząłem od dokładnego researchu i zbierania materiałów. Skorzystałem z darmowych serwisów ze zdjęciami, aby znaleźć te o odpowiedniej jakości oraz stylu, który będzie pasował do projektu. Do przygotowania materiału tekstowego przejrzałem strony salonów masażu w Polsce jak i za granicą. W ten właśnie sposób, po kilku godzinach pracy, udało mi się zebrać cały materiał do projektu.
Podstawowy UX strony
Zanim przechodzę do projektowania graficznego, zaczynam od zaplanowania całej witryny. W taki plan wchodzi stworzenie protopersony, user flow, mapy witryny oraz ustalenie celów konwersji. Protopersona jest pomocna, do jakich określenia informacji będą szukać potencjalni klienci na stronie. User flow jest to określenie ścieżki użytkownika na stronie. Pozwala na skuteczne i logiczne połączenie podstron. Mapa witryny pozwala przedstawić w sposób wizualny strukturę całej witryny oraz hierarchię i powiązania między stronami.
Design system
Aby zachować spójny wygląd całej witryny, stworzyłem podstawowy design system. Jest to zbiór elementów i wytycznych, które pomagają podczas projektowania. W takim systemie określam: kolory, typografię, proporcję zdjęć, odległości elementów, stany przycisków.
PORTFOLIO
