Projekt koncepcyjny sklepu 
e-commerce internetowej oraz etykiet produktów

• marka kosmetyczna Naturalne
• Figma, Adobe Photoshop, 
Adobe After Effects, Runway

luty • 2025


/Conceptual design of an 
e-commerce website and product labels 

• Naturalne cosmetics brand
• Figma, Adobe Photoshop, Adobe After Effects, Runway
 
February • 2025


Strona główna 
•  Layout 
•  Widok na desktop

Proces brandingowy obejmował
wiele etapów strategicznych
i projektowych, zarówno 
w kontekście tworzenia strony
internetowej, jak i projektowania
etykiet na kosmetyki. Projekt ten
wymagał holistycznego podejścia,
łączącego strategię marketingową
z projektowaniem UX/UI oraz
designem opakowań.


/Home page
• Layout
• Desktop view

The branding process involved numerous strategic and design stages, both in the context of creating the website and designing labels for cosmetics. This project required a holistic approach, combining marketing strategy with UX/UI design and packaging design.

Bestsellery 
• Widok na desktop

/Bestsellers
• Desktop view
Bestsellery
• Krótka interakcja
• Widok na desktop

/ Bestsellers
• Short interaction
• Desktop view
Menu mobile
/ Mobile menu
Menu desktop
/ Desktop menu
Podstrona - O nas 
•  Widok desktop i mobile

/ Subpage - About Us
• Desktop and mobile views
Podstrona artykułu 
•  Widok desktop i mobile

Article subpage
• Desktop and mobile views
Strona główna
•  Widok desktop i mobile

/Home page
• Desktop and mobile views
Bestsellery 
•  Widok mobile i desktop

/ Bestsellers
• Mobile and desktop views
Sekcja: O nas 
• Widok desktop

/ Section: About Us
• Desktop view
Sekcja z galerią
• Widok desktop

/ Gallery section
• Desktop view
Sekcja z artykułami na stronie głównej 
• Widok na desktop

/ Articles section on the home page
• Desktop view
Sekcja z quizem na stronie głównej 
• Widok na desktop

/Quiz section on the home page
• Desktop view
Podstrona artykułu
•  Widok na desktop

/ Article subpage
• Desktop view
Wizualizacja podstrony Bestsellery 
• Widok na mobile

/ Visualization of Bestsellers subpage • mobile view
Wizualizacja podstrony Bestsellery
• Widokna na desktop

/ Visualization of Bestsellers subpage
• Desktop view
Wizualizacja artykułu
• Widokna mobile

/Article visualization
• Mobile view
Wizualizacja podstrony artykułu  
• Widok na desktop

/Visualization of the article subpage  
• Desktop view
Dodanie produktu do koszyka
• Widok na desktop
/Adding a product to your cart
• Desktop view
QUIZ 
• Widok na desktop 
Ze strony głównej można przejść do wypełnienia quizu, który pomoże dobrać odpowiednie kosmetyki do typu skóry.  Całość utrzymana jest 
w minimalistycznej stylistyce z wykorzystaniem naturalnych kolorów i responsywnym designem, dopasowującym się do różnych urządzeń.

/ QUIZ
• Desktop view
From the home page, you can take a quiz that will help you choose the right cosmetics for your skin type.The entire site features a minimalist style, natural colors, and a responsive design that adapts to various devices.
QUIZ 
• widok mobile

/QUIZ 
• mobile view