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

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
Вентпрофиль Разработка сайта, SEO, Видео
img
img
img
Liva Tour Разработка сайта, SEO, Видео
img
img

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