Сайт для магазину косметики

Завдання:
Створити естетичний, мінімалістичний та візуально емоційний сайт для бренду косметики. Основна мета — передати атмосферу розкоші та елегантності, підкреслити преміум-якість продукції та створити зручний каталог з акцентом на візуальне сприйняття.

Моя роль:
Дизайн повного інтерфейсу (UI), побудова структури сайту (UX), розробка адаптивних макетів для desktop і mobile, стилістичне оформлення, робота з композицією та типографікою.


Етапи роботи:

1. Аналіз бренду та референсів
Проаналізувала позиціонування бренду: розкіш, жіночність, витонченість. Вивчила міжнародні референси косметичних компаній, щоб сформувати відповідний стиль візуального подання.

2. Створення структури сайту
Побудувала логіку навігації: головна сторінка, каталог, колекції, новинки, підписка, контакти. Продумала логічне розташування блоків для плавного скролінгу та взаємодії з контентом.

3. UI-дизайн та візуальний стиль
Розробила дизайн в чорно-білих тонах з акцентом на велику, чуттєву фотографію, мінімум кольору — максимум візуального настрою.
Використала витончену типографіку, що підкреслює преміальність бренду, а також мінімалістичні іконки та кнопки.

4. Опрацювання основних блоків:
• Hero section з великим іміджем, коротким слоганом і CTA-кнопкою
• Блок “Inspired by you” — емоційна складова бренду, фокус на клієнтах
• Bestsellers — оформлено у вигляді clean-сітки з назвами та коротким описом
• New Collection — подача через фото-емоцію та опис аромату
• Блок підписки з інтригуючим бекграундом
• New arrivals — акцент на нові продукти з візуальним балансом
• Footer — структурований, зі швидкими посиланнями, контактами та брендовим підписом

5. Адаптація та підготовка до розробки
Підготувала гайдлайн, компоненти, макети в Figma. Продумала адаптивність для мобільних пристроїв.

Результат:

Сайт вийшов естетичний, емоційним та зручним у користуванні. Візуальний стиль підкреслює ексклюзивність бренду, а структура допомагає користувачам швидко знайти потрібний продукт або ознайомитися з новинками.