Кейс · интернет-магазин

Euphoria: нишевая парфюмерия, работающая в продакшене.

Мой собственный магазин арабской парфюмерии. Спроектировал, собрал и оперирую сам: от каталога и оплаты до доставки и поддержки. Сайт и витрина в Telegram работают из единой базы. Ниже разбор того, что именно построено.

Главная страница интернет-магазина Euphoria — тёмный премиальный дизайн с золотом
euphoria-parfum.com.ua
Май 2026в продакшене с запуска
88ароматов в каталоге
332автоматических теста
98/100Google PageSpeed на мобильном
Задача

Продавать парфюмерию без директа.

Парфюмерия в украинском Instagram продаётся перепиской: наличие в хайлайтах, заказ в директ, оплата по реквизитам. Euphoria строилась как ответ: магазин, где клиент сам находит аромат, видит цену и наличие и оформляет заказ без единого сообщения.

Что построено

Полный цикл продажи.

01

Витрина и каталог

88 ароматов: поиск, шесть категорий по нотам, фильтры по брендам и полу. Метки «остался последний флакон» подталкивают к покупке.

02

Интерактивный подбор

Квиз из пяти вопросов ведёт от «не знаю, чего хочу» к конкретному аромату и добавлению в корзину.

03

Корзина и доставка

Оформление с интеграцией Nova Poshta: поиск отделения с автозаполнением, доставка по Украине за 1–2 дня.

04

Оплата и подтверждение

Онлайн-оплата через Monobank на сайте и в Mini App. Каждый заказ подтверждается в Telegram в течение пары часов.

05

Telegram Mini App

Полная витрина внутри мессенджера из той же базы: каталог, корзина, заказ и трекинг статусов, не выходя из Telegram.

06

Блог и SEO

Блог, семантическая разметка и чистая индексация: магазин собирает органический трафик из Google без рекламного бюджета.

Интерфейс

Реальные экраны.

Не макеты и не шаблон: скриншоты действующего магазина, через которые ежедневно проходят покупатели.

Почему это не обычное портфолио

Я не сдал этот проект. Я им управляю.

Euphoria — не работа «под заказчика», которую забыли через месяц. Это мой действующий бизнес, и это меняет всё:

  • Каждый экран проверен живыми покупателями. Если что-то мешает покупке, я узнаю об этом первым и чиню.
  • 332 автотеста — потому что падение магазина стоит мне реальных денег, а не звёздочки в отзыве.
  • Решения принимаются по данным: аналитика, поведение покупателей, брошенные корзины.
  • Для вашего проекта это значит: я знаю, что работает в e-commerce, до того, как беру ваши деньги.
Технологии

Современный стек, без легаси.

Тот же стек использую в клиентских проектах: быстрый, типизированный, дешёвый в поддержке.

Next.js TypeScript React Tailwind CSS Supabase Vercel Telegram Bot API · Mini App 332 tests · CI
Следующий проект

Нужен такой же — под вашу нишу?

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