проекта
- HTML5
- CSS3
- PHP
- MYSQL
- 1С-Bitrix
- AJAX
У нашего заказчика были представлены разные бренды велосипедов. Обсудив с заказчиком возможные варианты реализации, продумали оптимальную архитектуру системы сайтов.
Нашей заслугой стала реализация двух сайтов на одном ядре «1C-Bitrix» с похожим дизайном, это позволило сделать второй сайт всего за 30% стоимости первого.
В итоге получили на одной системе администрирования 2 витрины: интернет-магазины GIANT и LIV.
Два сайта управляются из одной системы администрирования, они одинаковые по структуре, но разные по базовому цвету (кнопки, иконки) и конечно разные по контентному наполнению.
— Создали сложные карточки товаров с подробным набором сопутствующей информации.
— Предусмотрели фильтрацию в списке товаров.
— Разработали интерфейс сравнения.
— Интегрировали продажи через тест-драйвы. Подтягивается информация о велосипедах в разделе «Тест-драйв» из каталога интернет-магазина giant-rus.ru.
GIANT club — это площадка единомышленников, которая объединяет спорт, культуру и активный образ жизни.
Целью клуба было продвижение бренда GIANT и увеличение объема продаж.
В клубе можно бесплатно зарегистрироваться и получить стартовый набор участника.
Клуб проводит регулярно в разных парках Москвы тест-драйвы велосипедов GIANT. Любой человек может записаться на тест-драйв, покататься на велосипеде и купить его. Также проводятся тест-драйвы на встречах клуба.
Мы провели глубокий и детальный анализ как российских, так и американских велоклубов. Аналитика показала отсутствие нормальных велоклубов в нашей стране. Выявили 2 велоклуба, действующие на территории России. Это были сообщества в интернете, но не было единой площадки с сервисами для велосипедистов.
В Америке клубная культура отличалась. Почти в каждом штате был представлен свой велоклуб. Мы были удивлены тем, что все клубы в США платные и собирают членские взносы. На эти средства организуют мероприятия для участников клуба.
С американских велоклубов почерпнули полезную информацию, которая нам пригодилась в разработке.
- Интегрировали Яндекс.Карты в карточки мероприятий. Для максимальной информативности для велосипедистов в карточках заезда есть информация о перепадах высот, сложностях и интересных моментах на маршруте, отзывы и фотографии.
- Для вовлечения и поддержания интереса к бренду включили челленджи, бейджи в виде велосипедных звёздочек за достижения.
Особенности проекта:
- Вступление в клуб по персональной информации и данным велосипеда (каждый велосипед имеет уникальный серийный номер, как vin-код у автомобилей).
- Чтобы привлечь велосипедистов для регистрация в клубе и участия в мероприятиях, выдается стартовый пакет участника. Он состоит из футболки, кепки, стикеров и др.
- На сайте заезды разных типов выделены в отдельную группу. Есть городские, загородные заезды, соревнования, челленджи.
- В календаре мероприятий отмечены предстоящие и прошедшие мероприятия.
- Участники клуба могут воспользоваться скидкой на товары и услуги партнёров клуба.
Опираясь на результаты аналитического исследования, прописали перечень UX- и UI-решений для прототипирования интерфейсов.
Отрисовали адаптивный дизайн для разных устройств.

Для создания визуальной иерархии на проекте мы использовали 2 гарнитуры шрифтов. RideLife — в качестве акцентного шрифта, и Proxima Nova для наборного текста и Это низкоконтрастный гуманистический гротеск с почти классическими пропорциями, легко и приятно читается.
Для улучшения взаимодействия с интерфейсом выбрали невысокий контраст размеров шрифтов гарнитуры. В рисунке Proxima Nova сочетаются строгие пропорции, чистота и ясность линий, черты геометрического и гуманистического гротесков. У него нейтральный характер без трендовых деталей и явных визуальных отсылок к историческим стилям. Текст, набранный Proxima Nova, легко рассмотреть и прочитать.
Надёжный синий, стремящийся к совершенству мятный — для интернет-витрины Giant
Эмоциональный, могущественный, страстный сливовый цвет, гармонизирующий violet — для интернет-витрины LIV.
1. Наш заказчик получил интернет-магазин и клуб велосипедистов с интуитивно понятным интерфейсом и современным дизайном, адаптированный под различные устройства.
2. Сэкономил средства на разработке интернет-магазина для второго бренда LIV. Интернет-магазин LIV был выполнен за 30% от стоимости разработки интернет-магазина GIANT.
3. В результате использования одной административной панели для управления сайтами GIANT и LIV сэкономил средства на покупке лицензий.
4. GIANT club повысил узнаваемость бренда GIANT.
5. За счет использования интернет-магазина и клуба охватил более широкую аудиторию и повысил продажи велосипедов GIANT.