HTML5
Семантическая разметка страниц каталога.
Кейс · Автомобильный сайт-каталог
Сайт-каталог Chevrolet
Корпоративный сайт-каталог для официального дистрибьютора Chevrolet в России с акцентом на модель Chevrolet Tahoe.
Год
2019
Город
Москва
Срок разработки
13 дней
Роль
дизайн и frontend-разработка
Тип проекта
сайт-каталог
Заказчик
официальный дистрибьютор Chevrolet в России
О проекте
Заказчик — официальный дистрибьютор Chevrolet в России — обратился с конкретной задачей: сделать сайт-каталог модельного ряда с отдельной, проработанной страницей флагманского внедорожника Chevrolet Tahoe. Страница должна была подробно раскрывать комплектации, характеристики, интерьер, технологии и безопасность автомобиля и подталкивать пользователя к целевому действию — заявке и подбору в наличии.
Проект я выполнил самостоятельно за 13 дней, будучи студентом в Москве. От меня требовалось пройти весь путь: от прототипа и дизайна до адаптивной вёрстки и сборки рабочего каталога.
Что использовал
Сайт собран на чистом фронтенд-стеке без тяжёлых CMS — это обеспечило высокую скорость загрузки и полный контроль над вёрсткой.
CSS3
Кастомные стили, флекс/гриды, анимации и hover-эффекты.
JavaScript
Интерактив: табы, переключение комплектаций, аккордеоны.
jQuery
Слайдеры, плавная прокрутка, обработка форм и галерея.
Адаптивная вёрстка
Корректное отображение на мобильных, планшетах и десктопе.
Кроссбраузерность
Проверка в актуальных на 2019 год браузерах.
Оптимизация изображений
Сжатие и подготовка ассетов под быструю загрузку.
Мета-теги и семантика
Заголовочная структура, alt-атрибуты, Open Graph.
Что внутри
- Каталог модельного ряда с карточками автомобилей.
- Детальная страница Chevrolet Tahoe: hero, 6 комплектаций, характеристики.
- Блоки интерьера, технологий, безопасности и дизайна.
- Сравнение комплектаций и таблицы характеристик.
- Галерея фотографий с лайтбоксом.
- Раздел FAQ с аккордеоном.
- Формы заявки / подбора автомобиля.
- Полностью адаптивный интерфейс.
Создатель проекта
Иннокентий Горохов
Дизайн и разработка
Сделал проект самостоятельно в 2019 году в Москве, будучи студентом. Отвечал за весь цикл: прототип, дизайн, адаптивная вёрстка и интерактив. Срок — 13 дней.