Велопланета

интернет-магазин велосипедов veloplaneta.com.ua
Задача
объединить в одном месте все направления деятельности компании
Шапка
Шапка
Решение
«Велопланета» строит комьюнити велосипедистов по всей Украине, а интернет-магазин — это один из инструментов. Поэтому функционал портала, услуги и блог мы прорабатываем так, чтобы они работали в комплексе, дополняя друг друга. Стиль соответствует наполнению: яркие фото, контрастные цвета, разнообразие графичных иконок
Структура баннер
Структура
Структура
Учитываем запросы разных сегментов аудитории — от новичков до заядлых фанатов. Продумываем структуру каталога и расположение элементов каждой страницы. Например, на выдаче предусматриваем для фото максимальное поле — чтобы велосипед можно было рассмотреть детальнее, не переходя в карточку. А на странице товара вводим фиксированное меню, которое напоминает пользователю, где он, позволяет быстро перемещаться и принимать решение
Онлайн-помощник
В любом комьюнити важную роль играет взаимовыручка и поддержка. Портал наполнен подсказками, инструкциями и формами обратной связи. Подчеркиваем заботу: самое важное размещаем на виду (например, основные характеристики велосипеда — в превью на выдаче), структурируем контент страниц и для удобства вводим переключатели, добавляем видеообзоры, интерактивные иконки отзывов и многое другое
Онлайн-помощник
Онлайн-помощник
Подборщик
Общаясь с покупателями, узнаем и собираем разные способы выбора велосипедов. Вместе с заказчиком составляем алгоритм поведения, основные вопросы и сложности на пути пользователя. Получаем ключевые параметры для подборщика: пол, возрастная категория, рост, назначение и интервал цен
Подборщик
Страница товара
Карточка — очень длинная и подробная, поэтому при скроле к верхней части страницы прикрепляется меню с изображением велосипеда, его характеристиками и кнопкой принятия решения. Чтобы купить дополнительные товары — шлемы, насосы, колеса и подобное — не нужно переходить на их страницы. Даем возможность выбрать их в специальном блоке и показываем общую сумму покупки
Подборщик
Checkout
Checkout
Только что ставшему обладателем велосипеда пользователю подсказываем, что делать дальше. Проще говоря, дополняем форму заказа рекомендациями. Компания проводит велошколу для новичков и регулярные покатушки для своего комьюнити. Мы находим место, в котором эта информация будет действительно полезной
Checkout
Услуги
Очень важно напоминать о сервисах, которые компания предлагает офлайн. Поэтому в карточке товара размещаем информацию о возможности тест-драйва, бесплатной установке деталей и подобном. Пользователь может забронировать велосипед напрокат, проверить состояние ремонта, выбрать новое седло, получить скидку на новую машину в обмен на старую или если велосипед украли. Для каждой услуги разрабатываем отдельную страницу

11-proverka.jpg
Услуги
Услуги
Стилистика
Стилистика
Общее графическое направление для нас определил гайдлайн: как правильно использовать логотип, фирменные цвета, шрифт и многое другое. Также дизайнер хотел сохранить преемственность со старым сайтом и оставил некоторые элементы. Например, в оформлении блога. Раздел структурно переработан, но осталось размещение заголовков поверх фото превью

15-colors.jpg
Элементы дизайна
Фирменный паттерн «Велопланеты» стал основой для прорисовки десятков иконок — для каждой категории товаров. Насыщаем сайт велосипедной тематикой: пагинатор в виде цепи, стрелка — след протектора, настройки — шестеренки. Фото в стиле lifestyle, хедер и футер с силуэтами городских пейзажей и подобное. Мелкие детали создают полноценный образ велофрейма

17-icons.jpg
Элементы дизайна
Элементы дизайна
В процессе работы
Для главной страницы ищем необычное дизайнерское решение, которое могло бы вызывать четкую ассоциацию с велосипедами, поездками и путешествиями. Прорабатываем разные варианты. Презентуем два: насыщенный графическими элементами и наполненный большими фото. Заказчик останавливает выбор на первом и необычном меню в виде ряда чекпоинтов
Понравилось? Закажите проект у нас
    Спасибо!
    Мы скоро свяжемся с Вами.
    Следующий проект ITbox
    Оставьте номер и мы перезвоним
    Спасибо!
    Мы скоро свяжемся с Вами.
    Напишите нам
    Выберите направление:
      Спасибо!
      Мы скоро свяжемся с Вами.