MAGDALENA
SAMELA

Esti & Esta

rodzaj projektu:


Zakres prac:

programy:

strona internetowa
w zgodzie z identyfikacją wizualną marki

Ui, Ux

Figma

esti & esta to marka mebli ogrodowych, która czerpie inspirację z natury, uwzględniając jej kolory, formy i tekstury. Proponuje minimalistyczne i eleganckie wzornictwo, podkreślające naturalne piękno otoczenia. Zaprojektowałam dla nich nowoczesną stronę, która prezentuje produkty i styl marki.

rodzaj projektu:

strona internetowa
w zgodzie z identyfikacją wizualną marki

Zakres prac:

ui, ux

programy:

Figma

esti & esta to marka mebli ogrodowych, która czerpie inspirację z natury, uwzględniając jej kolory, formy i tekstury. proponuje minimalistyczne i eleganckie wzronictwo, podkreślając naturalne piękno otoczenia. zaprojektowałam dla nich nowoczesną stronę, która prezentuje produkty i styl marki.

Mockup przedstawiający projekt strony Esti&Esta na laptopie.

O projekcie

Połączenie minimalizmu i dużych zdjęć sprawia, że głównymi bohaterami projektu są produkty Esti&Esta. Meble ukazane są w scenerii ogrodów, co pozwala klientom wyobrazić je sobie we własnym otoczeniu. Podstrony kolekcji i produktu zostały zaprojektowane tak, aby klient mógł je samodzielnie edytować, dodając poszczególne kolekcje i produkty w razie potrzeb. W projekcie uwzględniłam również stronę błędu 404, która często jest pomijana, a pozwala zatrzymać klienta na stronie i zwiększyć konwersję.

Grafiki pokazane na projekcie są zastępcze. Zdjęcia oraz teksty zostały podmienione przez klienta w dalszych etapach.

Wszystkie zdjęcia są własnością marki Esti&Esta.

Strona główna Esti&Esta.
Podstrona produktu - baner.
Podstrona produktu - galeria i detale produktu.
Strona błędu 404.
Prezentacja podstron projektu.
Przedstawienie menu rozwijanego z listą kolekcji.
Przedstawienie podstrony kontakt.
Prezentacja strony w wersji na telefon.
Pokazanie siatki, na której zbudowany jest projekt.
Prezentacja odległości między elementami zastosowanymi w projekcie.

Detale projektu

Marka posiadała już swoją identyfikację wizualną. Określone zostały kolory, fonty oraz sposób ich użycia. Na potrzeby projektu stworzyłam hierarchię typograficzną, określającą możliwe do użycia wielkości fontów oraz nagłówki i przyciski. Hierarchia typograficzna pozwala osiągnąć harmonijny efekt. Jednocześnie określenie wszystkich elementów tworzy spójny system, który ułatwia klientowi dokonywanie zmian i dostosowywanie strony do swoich potrzeb w przyszłości.

Połączenie subtelnych przycisków, bezszeryfowego fontu, nagłówków pisanych wersalikami, dużych zdjęć i ciemnozielonych napisów na białym tle daje nowoczesny, interesujący efekt, który jednocześnie wyraża styl marki.

Pokazanie elementów projektu, w tym przycisków i kolorów.
Pokazanie wybranego fontu i hierarchii typograficznej.

Spodobał ci się ten projekt? potrzebujesz strony internetowej, która pomoże ci spełnić twoje cele biznesowe? Napisz do mnie na: kontakt@magdalenasamela.pl