Интернет-магазин бренда «Жизнивек»
Клиент: Жизнивек
Задача
Вслед за лендингом, который презентовал чай Жизнивек широкой аудитории (и заодно начал отлично продавать), Spider Group® взяла задачу разработки инструмента реализации целого спектра товаров и нформационной работы с аудиторией.
Интернет-магазин бренда «Жизнивек»
Решение
Новый сайт Жизнивека знаменует расширение портфолио бренда. Здесь представлена палитра продуктов, от чая и полезных десертов до биологически активных добавок. Продуманный путь пользователя одинаково органично ведёт к покупке через персональные компьютеры и мобильные устройства, снабжая полезной информацией.
Главная страница
Разработка собственного интернет-магазина для полного контроля продаж вдобавок к маркетплейсам диверсифицирует коммерческие каналы, давая компании говорить с аудиторией на своём языке. Жизнивек с самого начала использует эту возможность.
Главная страница снабжает клиента информацией о продуктах, предлагает меню с выбором категорий товаров, показывает новинки и акции, рекомендации, комплексные предложения, популярные продукты. Карточки рекомендаций и хитов поддерживают отправку товара в корзину прямо с главной, без лишних переходов.
Футер даёт информацию о компании и дублирует меню, чтобы не возвращаться наверх.
Каталог
Каталог разделён на категории с карточками товаров. Карточки приятно выделяются при наведении курсора.
Категория «Комплексы» содержит специальные пакетные предложения, дополнительный инструмент маркетинга. Здесь доступны не только скидки, но и подборки товаров по потребностям разных групп покупателей. Если товара нет в наличии, он не будет доступен для покупки, и комплекс с ним автоматически скроется с сайта.
В мобильной версии каталог сохраняет презентабельность и информативность.
Корзина
Корзина состоит из одной лаконичной страницы. Вас встречают фотографии и краткие описания, чтобы помочь в принятии решения о добавлении, удалении или изменении количества товаров перед заказом.
В модуле доставки клиент может выбрать её способ и сразу увидит цену. Здесь же вводятся имя, адрес с возможностью выбора точки на карте и комментарий для сообщения деталей. Скоро форма научится сохранять введённые ранее адреса.
Итоговая цена пересчитывается в реальном времени и содержит информацию по скидке, весу посылки, цене и типу доставки. Нажимая кнопку оформления, клиент не должен держать все параметры в уме.
Выбор платёжного шлюза от Сбера обусловлен его простотой, надёжностью и итоговой стоимостью для заказчика. Это одно из лучших готовых решений на рынке.
После оформления на почту клиента приходит письмо с подтверждением. Затем приходят письма об отправке и доставке товаров. Они содержат информацию о составе заказа, доставке и оплате, которую также можно посмотреть в личном кабинете.
Карточка товара
Жизнивек продаёт товары для употребления в пищу и в качестве добавок к ней. Поэтому особенно важны крупные фотографии и понятные описания, наличие состава, способа применения, показаний и противопоказаний. Заметный ценник с выраженной кнопкой покупки стирает барьер между клиентом и удовлетворением его желания.
Под описанием мы разместили рекомендации для быстрого подбора других товаров. Внимание к ним привлекают скидки и графические пометки в углу изображений, говорящие о популярности или участии в распродаже.
Внизу есть условия оплаты, доставки, обмена и возврата. Карточка самостоятельно отвечает на большинство возникающих у покупателя вопросов.
Нюанс: Нажатие на значок корзины открывает предпросмотр. Пользователь, не переходя в корзину, может редактировать товары, менять их количество, удалять. Сумма будет меняться в реальном времени
Личный кабинет
Кабинет пользователя начинается с контактных данных, которые помогают магазину и клиенту взаимодействовать друг с другом. Ничего лишнего: имя, телефон и электронная почта для связи. Для регистрации и входа в аккаунт пользователь вводит номер телефона и полученный в сообщении код.
В следующем релизе в кабинете появится история заказов. Здесь будут статус, номер, дата и время заказа, список товаров с весом и количеством, транспортная компания, пункт выдачи, адрес, время и стоимость доставки, а также уплаченная сумма.
О компании
Эта страница объединяет полезную для покупателя информацию о продавце: способы связи с офисом Жизнивека, реквизиты с кнопкой быстрого копирования, документы, регламентирующие деятельность магазина, а также все условия и правила в доступной форме.
Цвета
Шрифты
Статистика
- Аналитика — 57 часов
- Дизайн — 116 часов
- Фронтенд — 265 часов
- Бэкенд — 254 часа
- QA — 156 часов
- Менеджмент — 166 часов
Команда
- Дизайнер — 1
- Фронтенд-разработчики — 2
- Верстальщик — 1
- Бэкенд-разработчик — 1
- Тестировщик — 1
- Менеджер проекта — 1
- Бизнес-аналитик — 1
Бэкенд
- Язык программирования — Python
- Фреймворк веб-приложений — Django REST
- СУБД — PostgreSQL
- Кэш — Redis
- Брокер — Redis
- Очередь задач — Celery
- Контейнеризация — Docker, Docker Compose
Фронтенд
- JavaScript-фреймворк — Next.js
- Управление состоянием — Redux
- Асинхронные действия — Redux Thunk
- Языки — TypeScript, Scss
- База данных — IndexDB
Spider Group® специализируется на разработке мобильных приложений, сайтов, CRM-систем и серверной логики, внедрении AI, а также создании дополненной реальности и интернета вещей разработке мобильных приложений, веба, серверных проектов, дополненной реальности, искусственного интеллекта и Интернета вещей.