Онлайн магазин косметики

Платформа: Bubble, дизайн и прототипы Figma, логотип создан с помощью нейросети

Ссылка на проект: https://bubble.io/page?id=beautyshop-19836&tab=Design&name=index&type=page



Онлайн магазин косметики. Дизайн современный и минималистичный, чтобы не отвлекать внимание от контента. Сайт адаптивный и отображается корректно на всех устройствах.

Структура сайта и основной функционал:

1. Главная страница
   
   
   • Хедер: логотип магазина, навигационное меню (категории товаров), поиск, входная группа
     
   • Отдельно проработано мобильное меню
     
   • Краткое описание магазина
     
   • Новые продукты и бестселлеры
     
   • Фильтры для поиска товаров: по цене, по типу кожи, по бренду
     
   • Призыв к действию (СТА)
     
2. Страница категории
   
   
   • Название категории
     
   • Фильтры для удобства поиска товаров
     
   • Список товаров в данной категории
     
3. Страница продукта
   
   
   • Фото продукта
     
   • Название продукта
     
   • Описание продукта
     
   • Цена продукта
     
   • Кнопки "Добавить в корзину" и “В избранное”
     
4. Корзина
   
   
   • Список добавленных товаров
     
   • Итоговая сумма заказа
     
   • Кнопки для изменения и удаления товаров в корзине
     
   • Кнопка "Оформить заказ"
     
5. Страница оформления заказа
   
   
   • Форма для ввода информации о доставке
     
   • Способы оплаты
     
   • Итоговая информация о заказе
     

6. Страница Избранное

• Возможность отправить товары в корзину или удалить из избранного