Strona internetowa dla sklepu z kosmetykami
Projektowanie interfejsów użytkownika (UI/UX)
Zadanie:
Stworzyć estetyczną, minimalistyczną i wizualnie emocjonalną stronę dla marki kosmetyków. Głównym celem jest przekazanie atmosfery luksusu i elegancji, podkreślenie premium jakości produktów oraz stworzenie wygodnego katalogu z naciskiem na percepcję wizualną.
Moja rola:
Projektowanie pełnego interfejsu (UI), budowa struktury strony (UX), opracowanie responsywnych układów dla desktopów i urządzeń mobilnych, stylizacja, praca z kompozycją i typografią.
Etapy pracy:
1. Analiza marki i referencji
Przeanalizowałam pozycjonowanie marki: luksus, kobiecość, wyrafinowanie. Zbadałam międzynarodowe referencje firm kosmetycznych, aby wypracować odpowiedni styl wizualny.
2. Tworzenie struktury strony
Zbudowałam logikę nawigacji: strona główna, katalog, kolekcje, nowości, subskrypcja, kontakt. Zaplanowałam logiczne rozmieszczenie bloków dla płynnego przewijania i interakcji z treścią.
3. UI i styl wizualny
Opracowałam design w czarno-białych tonach z akcentem na dużą, zmysłową fotografię, minimalną ilość koloru — maksimum wizualnego nastroju.
Użyłam wyrafinowanej typografii podkreślającej prestiż marki, a także minimalistycznych ikon i przycisków.
4. Praca nad głównymi blokami:
• Sekcja Hero z dużym obrazem, krótkim hasłem i przyciskiem CTA
• Blok “Inspired by you” — emocjonalny element marki, skupienie na klientach
• Bestsellery — w formie czystej siatki z nazwami i krótkim opisem
• Nowa kolekcja — prezentacja przez zdjęciową emocję i opis aromatu
• Blok subskrypcji z intrygującym tłem
• Nowości — nacisk na nowe produkty z wizualnym balansem
• Stopka — strukturalna, z szybkim dostępem do linków, kontaktów i podpisem marki
5. Adaptacja i przygotowanie do developmentu
Przygotowałam wytyczne, komponenty, makiety w Figma. Zaplanowałam responsywność dla urządzeń mobilnych.
Rezultat:
Strona jest estetyczna, emocjonalna i wygodna w użytkowaniu. Styl wizualny podkreśla ekskluzywność marki, a struktura pomaga użytkownikom szybko znaleźć potrzebny produkt lub zapoznać się z nowościami.
Stworzyć estetyczną, minimalistyczną i wizualnie emocjonalną stronę dla marki kosmetyków. Głównym celem jest przekazanie atmosfery luksusu i elegancji, podkreślenie premium jakości produktów oraz stworzenie wygodnego katalogu z naciskiem na percepcję wizualną.
Moja rola:
Projektowanie pełnego interfejsu (UI), budowa struktury strony (UX), opracowanie responsywnych układów dla desktopów i urządzeń mobilnych, stylizacja, praca z kompozycją i typografią.
Etapy pracy:
1. Analiza marki i referencji
Przeanalizowałam pozycjonowanie marki: luksus, kobiecość, wyrafinowanie. Zbadałam międzynarodowe referencje firm kosmetycznych, aby wypracować odpowiedni styl wizualny.
2. Tworzenie struktury strony
Zbudowałam logikę nawigacji: strona główna, katalog, kolekcje, nowości, subskrypcja, kontakt. Zaplanowałam logiczne rozmieszczenie bloków dla płynnego przewijania i interakcji z treścią.
3. UI i styl wizualny
Opracowałam design w czarno-białych tonach z akcentem na dużą, zmysłową fotografię, minimalną ilość koloru — maksimum wizualnego nastroju.
Użyłam wyrafinowanej typografii podkreślającej prestiż marki, a także minimalistycznych ikon i przycisków.
4. Praca nad głównymi blokami:
• Sekcja Hero z dużym obrazem, krótkim hasłem i przyciskiem CTA
• Blok “Inspired by you” — emocjonalny element marki, skupienie na klientach
• Bestsellery — w formie czystej siatki z nazwami i krótkim opisem
• Nowa kolekcja — prezentacja przez zdjęciową emocję i opis aromatu
• Blok subskrypcji z intrygującym tłem
• Nowości — nacisk na nowe produkty z wizualnym balansem
• Stopka — strukturalna, z szybkim dostępem do linków, kontaktów i podpisem marki
5. Adaptacja i przygotowanie do developmentu
Przygotowałam wytyczne, komponenty, makiety w Figma. Zaplanowałam responsywność dla urządzeń mobilnych.
Rezultat:
Strona jest estetyczna, emocjonalna i wygodna w użytkowaniu. Styl wizualny podkreśla ekskluzywność marki, a struktura pomaga użytkownikom szybko znaleźć potrzebny produkt lub zapoznać się z nowościami.