РАЗРАБОТКА ИНТЕРНЕТ-МАГАЗИНА

Elektrosamokati

Чистое будущее сегодня

Задача

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

Elektrosamokati.ru
illustration illustration

Реализация

  • Разработан сайт на WordPress
  • Проведена интеграция со СДЭК
  • Проведена интеграция с 1С
  • Реализована функция онлайн-оплаты
  • Подготовлена фильтрация товаров
  • Предоставлена возможность добавления товаров в избранное
  • Реализована возможность сравнения товаров
  • Созданы корпоративный дизайн, шрифты и логотип
Прототип
Дизайн
before after

Логотип

Мы разработали несколько вариантов логотипа для компании
Elektrosamokati. Поиск решение:
logo
logo
logo
logo
logo
logo
logo
logo
logo
Выбранный вариант:
logo
logo
logo

Цвета и типографика

logo
#C3F725
logo
#07A1A9
logo
#9332FD
logo
#84C240
typography text typography text

Концепция и дизайн

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

ПОИСКИ ДИЗАЙНА ГЛАВНОГО ЭКРАНА
logo
concept
concept
concept

Главная страница

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

macbook-pro-16
page

Каталог

  • Гибкий фильтр и поиск

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

    category
  • Карточка товара

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

card
card
category

Страница товара

goods

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

icon

Оформление заказа

На странице оформления заказа клиент оставляет свои персональные данные, выбирает способ доставки и оплаты.

order

Мобильная версия

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

adaptive version
adaptive version
adaptive version
mobile
mobile
mobile
Другие кейсы
img
img
img

Расскажите о своем проекте