kategoria: E-COMMERCE / BRANDING
klient: MEBELLI
rok wykonania: 2022-2023
Praktyczna część mojej pracy magisterskiej, przygotowana pod kierunkiem prof. nadz. dr hab. Elżbiety Dul-Ledwosińskiej, 2023
Założenia projektowe procesu wprowadzenia marki Mebelli na rynek były ściśle dopracowane i oparte na wielu elementach kluczowych. Realizacja kolejnych etapów tych założeń umożliwiła rozpocząć wdrażanie marki, a kontynuacja wykonywania dalszych etapów pozwoli nieprzerwanie rozwijać ten brand.
Proces projektowy objął przygotowanie identyfikacji wizualnej marki, której charakterystyka miała w pełni oddać założenia projektowe. Wykorzystanie nowoczesnej typografii pozwoliło zmaksymalizować rozpoznawalność znaku – stał się on czytelny i w pewnych jego elementach brutalistyczny. W ramach kolejnego etapu przygotowano nowoczesny sklep internetowy.
STRONA GŁÓWNA
Całokształt wizualny oparty jest o wcześniej wspomniany monochromatyzm z wyróżnieniem kolorystycznym wyłącznie w formie zdjęć umieszczonych na stronie. Siatka całej strony została podkreślona wykorzystaniem szarych linii, w celu wprowadzenia porządku, rytmu i hierarchii prezentowanych sekcji. Strona jest asymetryczna, jej lewy margines jest większy, aby hamburger podczas scrollowania był zawsze częścią całego layoutu.
W sekcji z głównymi kategoriami asortymentu marki – każda kategoria otrzyma ostatecznie dedykowaną wizualizację 3D prezentującą produkty danej kategorii.
WYNIK WYSZUKIWANIA
Widok rozpoczyna się od krótkiego komunikatu dot. wyszukiwanej frazy oraz ilości wyświetlonych produktów pasujących do danego wyszukiwania. Poniżej znalazły się przyciski umożliwiające filtrację wyniku – poprzez sortowanie (w formie rozwijanej listy z checkboxami) lub filtrację przez wybór cech szczególnych (w formie sidebara).
KARTA PRODUKTU
Duża fotografia przedstawiająca produkt, nazwa i opis produktu, cena oraz cena w ostatnich 30 dniach, wybór wariantu (w zależności od produktu może to być kolor i rozmiar), przyciski do wyboru ilości i przycisk dodania do koszyka. W dalszej części karty produktu pojawiają się przyciski dot. specyfikacji produktu (prezentowane w formie sidebara). Poniżej znajduje się sekcja z przedstawionymi w formie zdjęć i opisanymi detalami produktu.
KOSZYK
Zastosowano budowę opartą o zamknięty układ z wykorzystaniem szarych linii. Produkty dodane do koszyka przedstawione są w formie listy – każdy produkt to: zdjęcie, nazwa, czas oczekiwania, cena jednostkowa i całościowa. Pojawiają się także przyciski do zmiany ilości danej pozycji oraz przycisk z możliwością usunięcia danego produktu. Poniżej listy pozycji koszyka pojawia się podsumowanie, rubryka do wpisania kodu rabatowego oraz przycisk przenoszący do finalizacji zamówienia.
BLOG
Układ szerokich kafelków (w przypadku listy produktów były to 4 produkty w jednej linii, w przypadku bloga są to 2 wpisy w jednej linii). Każdy kafelek to zdjęcie wpisu, tytuł, data publikacji, przybliżony czas przeczytania, skrót/streszczenie, przycisk.
WPIS NA BLOGA
Wąska kolumna tekstu (wzbogaconego o zdjęcia i nagłówki) oparta o ogólny układ strony. Prawa część wpisu zawiera odnośniki do innych wpisów dopasowanych pod względem podobieństwa ich treści.
KONTAKT
Widok przedstawiający informacje kontaktowe oraz formularz wysłania wiadomości/zapytania.
WERSJA MOBILNA STRONY GŁÓWNEJ
Wersja mobilna strony głównej jest pełnym odwzorowaniem wersji desktopowej. Przycisk logowania przeniesiono z paska menu do aktywnej wersji menu hamburgerowego. Wszystkie listy produktów zostały zwężone do 2 pozycji w jednej linii (w wersji desktopowej były to 4 pozycje w jednej linii).
WERSJA MOBILNA KARTY PRODUKTU
W pełni analogiczna do wersji desktopowej. Treść została zwężona do jednej kolumny, w ogólnym układzie niektóre elementy z hierarchii „obok siebie” zostały ułożone naprzemiennie (jeden za drugim).
WIZYTÓWKI
Zestaw druków firmowych przygotowanych dla marki Mebelli składa się z projektów wizytówek, papieru firmowego, kart ofertowych. Każdy z projektów wiąże design całej marki łącząc nowoczesność z przejrzystością – powtarzając główne założenia identyfikacji wizualnej. Największą uwagę odbiorców zwracać ma wyraźne logo oraz monochromatyczna stylistyka.
PREZENTACJA KOPERT I PAPIERU FIRMOWEGO
PREZENTACJA KART OFERTOWYCH
PREZENTACJA TAŚMY DO PAKOWANIA
KOMUNIKACJA MARKI W SOCIAL MEDIACH
W kanałach social mediowych zastosowane będą albumy zdjęć lub autorskich wizualizacji 3D, a także dedykowane grafiki ze zdjęciem i tekstem zaprojektowane w layoucie identyfikacji marki.