Работы/01Концепт

NØRÉ

Интернет-магазин с каталогом, корзиной, оформлением заказа и собственной админкой.

Ниша
Магазин нишевой парфюмерии
Тип
Магазин
Цель сайта
Покупка
Объём
20+ страниц
nore-shop-gamma.vercel.app

01 Задача

Что нужно было сделать

Нужен был не просто красивый каталог, а магазин, которым можно управлять без программиста. Покупатель должен пройти от первого экрана до оплаты за минимальное число шагов.

Сделал тёмную тёплую витрину в духе Oura и Rains. Добавил подбор аромата для тех, кто не знает, что выбрать, и админку, где владелец сам меняет цены, остатки и промокоды.

02 Путь клиента

6 шагов до цели

  1. 01Главная
  2. 02Каталог или подбор аромата
  3. 03Карточка товара
  4. 04Корзина
  5. 05Оформление с промокодом
  6. 06Заказ в Telegram

03 Приёмы и фишки

  • 01

    Админка, как у настоящего магазина

    Товары, цены, остатки, промокоды и заказы. Поменяли цену — она сразу меняется на витрине.

  • 02

    Сервер сам считает сумму

    Итог заказа пересчитывается на сервере по каталогу и промокоду, поэтому подменить цену в браузере нельзя. Заказ приходит в Telegram.

  • 03

    Флакон перелетает на страницу товара

    Переходы между страницами без перезагрузки. Фото из карточки плавно становится главным фото товара.

  • 04

    Меню на весь экран

    Матовое полноэкранное меню каталога. Выбор по категории, семейству или настроению плюс подборка товаров.

  • 05

    Подбор аромата

    Четыре вопроса, затем подходящие ароматы из каталога.

  • 06

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

    Фид для Яндекс Маркета, микроразметка для поиска, события электронной торговли в Метрике.

04 Стиль и стек

Цвета

  • #15110E
  • #CBC2B4
  • #EDE6DA

Шрифты

  • Tenor Sans
  • Golos Text

Технологии

  • Astro
  • TypeScript
  • Serverless-функция
  • Telegram Bot API

Концепт-проект для портфолио: компания и данные вымышлены.

Следующий шаг

Нужен такой же сайт?

Написать в Telegram ↗Telegram@insomniaqq1

Ответцена и срок — в первом ответе