Online-Shop “Celine”

E-Commerce

Project Brief:

The goal was to design a user-friendly, responsive online shop that is both functional and visually appealing. The shop should offer clear navigation, cover the entire purchasing process, and work seamlessly across all devices (desktop, tablet, mobile). Additionally, the design was to follow current UI/UX trends and support multilingual use.

Solution:

A complete prototype was developed, including: Homepage / Product Catalog / Product Detail Page / Shopping Cart Checkout Process / “Thank You for Your Purchase” Page Shipping Information / Error Page (404) All pages were visually designed. A moodboard, color palette, typography, and UI kit were created. Logo, header, footer, buttons, and product cards were custom-designed. Mobile and iPad-optimized versions were also implemented. Personas were defined, user pain points analyzed, and a minimalist, trend-oriented design was developed as a solution.

My Responsibilities:

Creation of a full website prototype in Figma Development of a complete sitemap and navigation structure Design of moodboard, color concept, and typography Design of all UI components: header, footer, buttons, product cards Responsive design for mobile and tablet Logo design and creation of a UI kit Design of the following pages: Homepage / Catalog / Product Page / Shopping Cart / Checkout Thank You Page / Shipping Info Page / Error Page (404) Definition of personas and user needs Implementation of a minimalist, multilingual design based on current trends

01 / Site Map

02 / Grid

03 / Color / Fonts

04 / Main Page

05 / prototype

06 / Catalog

06 / prototype Catalog

08 / Product Card

09 / prototype Product Card

10 / Product Card

11 / prototype Product Card

12 / Checkout

13 / prototype Checkout

14 / Cart

01 / Wishlist

15 / prototype Cart / Wishliste

16 / Thank you

17 / prototype thank you

18 / 404

19 / prototype 404