ZooOK

Интернет - Магазин
Фото щенка

Наши цели и задачи

  • Цели

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

    Упростить достижение цели покупателей путем создания удобной навигации, разбиения по категориям, фильтрации товаров и поиска по сайту.

  • Задачи

    Создать сайт в минималистичном стиле используя цветовую гамму логотипа компании. Элементы дизайна должны быть связаны с животной тематикой.

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

Color palette:

Цвета бренда ZooOK:

  • #F58220
  • #E02690
  • #A6CE39
  • #3D616E
  • #00AEEF
  • #FFCB05

Реализация вашего личного кабинета

Декоративный елемент Декоративный елемент
Пример устройства личного кабинета

В личном кабинете покупателя можно отслеживать статус выполнения заказа, колличество сделанных покупок. На странице Избранное можно найти товары, которые понравились, но еще не приобретены.

На странице Авторизация у покупателя есть возможность получить доступ к личному кабинету и воспользоваться всеми преимуществами учетной записи.

Примеры и функциональность меню

  • Вид меню на мобильном устройстве Примеры иконок домашних питомцев

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

  • Примеры иконок домашних питомцев

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

  • Примеры иконок домашних питомцев

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

Фото карточки товара на десктоп разрешении

Функционал карточки

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

Образец карточки

Для удобства цена на карточке интерактивно пересчитывается в зависимости от выбранного колличества товара покупателем. Также, если добавить товар в корзину, сохраняется предыдущая ранее выбранная опция.

Результат

Пример дизайна

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

Пример дизайна

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

Бренды, с которыми сотрудничает магазин, были вынесены в отдельный блок на главной странице. Создана админ. панель, которая позволяет заказчику управлять сайтом путем добавления, изменения, удаления товаров, их характеристик и прочее.

Спасибо за просмотр. Здесь вы можете оставить свою заявку

Thank you for watching!
thank arrow Оставить заявку