Создание сайта Giant: портфолио веб-студии INDEXIS

Giant

Интернет-магазин производителя велосипедов
Giant — американский бренд производителя велосипедов, основанный в 1972 году. Миссия компании — создавать лучшие велосипеды.
Для российского представительства необходимо было решить ряд задач: поддержать имидж бренда Giant; увеличить объем продаж; открыть розничное направление онлайн-продаж. Ранее заказчик сотрудничал только с дилерами, закупающими продукцию мелким и крупным оптом.
Рейтинга Рунета
3 место. Монобрендовые интернет-магазины
Workspace Awards
2 место. Комплексные услуги: Красота и здоровье
Особенности
проекта
Два сайта управляются из одной системы администрирования, они одинаковые по структуре, но разные по базовому цвету (кнопки, иконки) и конечно разные по контентному наполнению.
Технологии
  • HTML5
  • CSS3
  • PHP
  • MYSQL
  • 1С-Bitrix
  • AJAX
Предпроект­ные исследования

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

Нашей заслугой стала реализация двух сайтов на одном ядре «1C-Bitrix» с похожим дизайном, это позволило сделать второй сайт всего за 30% стоимости первого.

В итоге получили на одной системе администрирования 2 витрины: интернет-магазины GIANT и LIV.

Функционал

Два сайта управляются из одной системы администрирования, они одинаковые по структуре, но разные по базовому цвету (кнопки, иконки) и конечно разные по контентному наполнению.

— Создали сложные карточки товаров с подробным набором сопутствующей информации.

— Предусмотрели фильтрацию в списке товаров.

— Разработали интерфейс сравнения.

— Интегрировали продажи через тест-драйвы. Подтягивается информация о велосипедах в разделе «Тест-драйв» из каталога интернет-магазина giant-rus.ru.

GIANT Club

GIANT club — это площадка единомышленников, которая объединяет спорт, культуру и активный образ жизни.

Целью клуба было продвижение бренда GIANT и увеличение объема продаж.

В клубе можно бесплатно зарегистрироваться и получить стартовый набор участника.

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

Мы провели глубокий и детальный анализ как российских, так и американских велоклубов. Аналитика показала отсутствие нормальных велоклубов в нашей стране. Выявили 2 велоклуба, действующие на территории России. Это были сообщества в интернете, но не было единой площадки с сервисами для велосипедистов.

В Америке клубная культура отличалась. Почти в каждом штате был представлен свой велоклуб. Мы были удивлены тем, что все клубы в США платные и собирают членские взносы. На эти средства организуют мероприятия для участников клуба.

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

  • Интегрировали Яндекс.Карты в карточки мероприятий. Для максимальной информативности для велосипедистов в карточках заезда есть информация о перепадах высот, сложностях и интересных моментах на маршруте, отзывы и фотографии.
  • Для вовлечения и поддержания интереса к бренду включили челленджи, бейджи в виде велосипедных звёздочек за достижения.

Особенности проекта:

  • Вступление в клуб по персональной информации и данным велосипеда (каждый велосипед имеет уникальный серийный номер, как vin-код у автомобилей).
  • Чтобы привлечь велосипедистов для регистрация в клубе и участия в мероприятиях, выдается стартовый пакет участника. Он состоит из футболки, кепки, стикеров и др.
  • На сайте заезды разных типов выделены в отдельную группу. Есть городские, загородные заезды, соревнования, челленджи. 
  • В календаре мероприятий отмечены предстоящие и прошедшие мероприятия.
  • Участники клуба могут воспользоваться скидкой на товары и услуги партнёров клуба.
Дизайн

Опираясь на результаты аналитического исследования, прописали перечень UX- и UI-решений для прототипирования интерфейсов.

Отрисовали адаптивный дизайн для разных устройств.

Типографика

Для создания визуальной иерархии на проекте мы использовали 2 гарнитуры шрифтов. RideLife — в качестве акцентного шрифта, и Proxima Nova для наборного текста и Это низкоконтрастный гуманистический гротеск с почти классическими пропорциями, легко и приятно читается.

Для улучшения взаимодействия с интерфейсом выбрали невысокий контраст размеров шрифтов гарнитуры. В рисунке Proxima Nova сочетаются строгие пропорции, чистота и ясность линий, черты геометрического и гуманистического гротесков. У него нейтральный характер без трендовых деталей и явных визуальных отсылок к историческим стилям. Текст, набранный Proxima Nova, легко рассмотреть и прочитать.

Надёжный синий, стремящийся к совершенству мятный — для интернет-витрины Giant

Navy
#06038D
Blue
#007BFF
Mint
#00EDF0
Black
#080808
Grey
#F6F6F7
White
#FFFFFF

Эмоциональный, могущественный, страстный сливовый цвет, гармонизирующий violet — для интернет-витрины LIV.

Plum
#570054
Violet
#653393
Black
#080808
Grey
#F6F6F7
White
#FFFFFF
Проект в цифрах
7
человек
Команда
6
месяцев
Срок реализации проекта
Заключение

1. Наш заказчик получил интернет-магазин и клуб велосипедистов с интуитивно понятным интерфейсом и современным дизайном, адаптированный под различные устройства.

2. Сэкономил средства на разработке интернет-магазина для второго бренда LIV. Интернет-магазин LIV был выполнен за 30% от стоимости разработки интернет-магазина GIANT.

3. В результате использования одной административной панели для управления сайтами GIANT и LIV сэкономил средства на покупке лицензий.

4. GIANT club повысил узнаваемость бренда GIANT.

5. За счет использования интернет-магазина и клуба охватил более широкую аудиторию и повысил продажи велосипедов GIANT.

Узнайте стоимость и сроки разработки
Заполните форму, и мы вышлем вам КП на разработку похожего проекта