Продуктовый кейс · Интернет-магазины

GLOSSARY BEAUTY

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • XState
  • Algolia
  • Shopify Storefront API
  • Stripe
  • Contentful
  • Segment
  • Klaviyo
  • Playwright
GLOSSARY BEAUTY — скриншот главной страницы сайта

Описание

Рынок красоты, ориентированный на открытия, объединяющий проблемы кожи, стандарты формул, повседневное положение, рекомендации по подбору, редакционные рекомендации, варианты продуктов, список желаний, постоянную корзину и полную демонстрационную проверку.

Детали проекта

Glossary Beauty превращает подбор косметики в содержательную консультацию вместо бесконечной витрины. Компактный выбор профиля кожи меняет редакционные рекомендации, а карточки сразу показывают задачу продукта, формат, рейтинг, цену и проверенные стандарты. Каталог из 24 позиций поддерживает нечёткий поиск, фильтры по задачам и брендам, сортировку, варианты, наличие и связанные формулы. На страницах товаров описаны ингредиенты, объём, происхождение, сводка отзывов, место в уходе, доставка и условия возврата открытого продукта. Перламутровые, винные и хромированные акценты придают магазину журнальный характер, не скрывая элементов покупки. Адаптивные фильтры, избранное, постоянная корзина, проверяемое оформление заказа и доступные состояния формируют понятный путь от задачи кожи к осознанной покупке.

Галерея интерфейса

Экраны проекта

Готовим сайт к работе