сайт нерей

«Нерей» — отечественный производитель инновационных БАД на натуральной основе, рекомендованных в составе комплексной терапии. Продукция компании имеет научно подтверждённую эффективность и строгий контроль качества на всех этапах производства.

Ранее мы разработали для «Нерей» фирменный стиль и брендбук: логотип, цветовую палитру, типографику, паттерн из природных компонентов и полный набор деловой документации. Подробный кейс по фирменному стилю можно посмотреть у нас на сайте.

Следующим этапом стояла задача создать современный интернет-магазин, который объединит весь каталог продукции, даст удобный доступ к информации о товарах и обеспечит прямой канал онлайн-продаж.

Перед разработкой мы спроектировали детальный прототип сайта и проработали визуальную концепцию. Дизайн полностью опирается на созданный нами ранее фирменный стиль:

Сайт реализован как многостраничный интернет-магазин с богатым функционалом.

Технический стек

Проанализировав код главной страницы, можно выделить следующие технологии:

• Next.js (React-фреймворк) — серверный рендеринг и маршрутизация;
• TypeScript — типобезопасная разработка;
• Tailwind CSS — стилизация интерфейса;
• Модульная архитектура — отдельные компоненты для шапки, футера, каталога, блога, форм;
• Яндекс.Метрика — аналитика и отслеживание конверсий.

На сайте реализована полноценная система регистрации и личный кабинет пользователя. Возможности личного кабинета:

• Регистрация и авторизация — доступ к персональному разделу;
• История заказов — все покупки собраны в одном месте;
• Бонусная система — накопление и использование бонусов;
• Избранное — сохранение понравившихся товаров;
• Управление персональными данными — редактирование профиля и контактов.

Каталог продукции — центральный элемент сайта. Мы реализовали:

Умную фильтрацию по направлениям (мужское здоровье, женское здоровье, универсальные препараты и др.), по основному компоненту в составе и по критерию «помогает при».

Карточку товара с подробным описанием, составом, рекомендациями по применению и сертификатами качества — вся важная информация доступна до покупки.

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

Предусмотрен плавный переход от корзины к оформлению заказа — пользователь в любой момент может вернуться к покупкам или завершить оформление. Все изменения происходят без перезагрузки страницы, что делает процесс покупки быстрым и комфортным.

Одна из интересных особенностей сайта — раздел «Вопросы врачам». Механика работы:

• Зарегистрированный пользователь может задать вопрос о БАД: что лучше подойдёт, как сочетать, какие противопоказания.
• Врач отвечает на сайте, и вся история переписки сохраняется в общем разделе «Вопрос / Ответ».
• Постепенно формируется база знаний, доступная всем посетителям — вопросы не дублируются, а ответы помогают сразу многим людям.

Помимо основных функций интернет-магазина, сайт содержит ряд важных информационных страниц, которые формируют доверие к бренду:

«Нерей» получил полноценный и современный интернет-магазин, который не только продаёт, но и формирует доверие через экспертный контент и прозрачность. Сайт объединил в себе каталог продукции, базу знаний и сервис вопросов врачам — всё в едином визуальном стиле, который мы ранее разработали вместе с брендбуком.

Посмотреть сайт: https://nereiy.ru