Маркетплейс бытовой химии
Задача проекта
Создание комплексного, масштабируемого и визуально современного веб-сервиса маркетплейса для продажи товаров бытовой химии. Основная цель — объединить множество ролей (клиенты, вендоры, администраторы и гости) в единую экосистему с удобным управлением и развитой системой взаимодействия между пользователями.
Ключевой функционал
- Сервис поддерживает четыре уровня доступа: клиент, вендор, админ и гость, при этом каждая роль имеет свой набор возможностей и уникальный интерфейс.
- Регистрация реализована через SMS-подтверждение, что значительно упростило процесс входа и снизило порог входа для новых пользователей. После авторизации пользователь получает доступ к личному кабинету, истории заказов, бонусному счету и реферальной системе.
- Каталог товаров динамически подстраивается под пользователя: гость видит ограниченные категории и базовую информацию, а зарегистрированный клиент — полное описание, актуальные остатки, расширенный фильтр, персональные рекомендации и цены. Каждая товарная карточка включает галерею изображений, описание характеристик, отзывы покупателей, а также блок похожих или рекомендуемых товаров.
- Корзина поддерживает сложную валидацию — проверяются остатки товаров у конкретных вендоров, корректность доставки и доступность оплаты. Процесс оформления заказа включает выбор адреса доставки, автоматический расчет стоимости, поддержку онлайн-оплаты через Tinkoff API, а также опцию сохранения и повторного заказа. Система обработки оплат и возвратов выполнена с учетом внутренней финансовой модели, включая расчет партнерских вознаграждений и работу внутреннего баланса для продавцов.
- Для повышения вовлеченности пользователей реализованы чаты между клиентами, продавцами и администраторами, система отзывов и рейтингов для товаров и вендоров, а также возможность добавления товаров в избранное. Контентная часть проекта включает разделы с новостями и статьями, что позволяет не только продавать, но и информировать пользователей о новинках и полезных советах по бытовой химии.
- SEO-оптимизация выполнена с учетом особенностей Next.js: информационные страницы генерируются статически (SSG), основные разделы рендерятся на сервере (SSR), а внутренние взаимодействия работают на клиентской стороне (CSR). Настроены sitemap и robots.txt для корректной индексации.
Технологический стек
Проект построен на современном фронтенд-стеке с использованием TypeScript, Next.js, Zustand, Zod, DrizzleORM, а также множества вспомогательных библиотек: Axios, Jose, React PDF, Sharp, Hook Form, Framer Motion, Embla-carousel-react, Recharts и AWS SDK для интеграции серверных сервисов. Вёрстка выполнена с применением CSS Modules, что обеспечивает полную адаптивность под десктопы, планшеты и мобильные устройства.
Результат
В итоге реализован стабильный, многофункциональный маркетплейс с продуманной архитектурой, гибкой системой ролей и современным UI. Проект выдерживает высокую нагрузку, масштабируется под рост аудитории и демонстрирует высокий уровень UX-дизайна, сочетающий скорость работы и визуальную чистоту интерфейса.
---
Демо: https://storkmain.stardev.space/
Тестовый аккаунт: +7 (986) 456-12-12 , код верификации: 1234
По детальным вопросам или превью проекта пишите в личку или тг @stardevelopment
Создание комплексного, масштабируемого и визуально современного веб-сервиса маркетплейса для продажи товаров бытовой химии. Основная цель — объединить множество ролей (клиенты, вендоры, администраторы и гости) в единую экосистему с удобным управлением и развитой системой взаимодействия между пользователями.
Пожаловаться
