Главная | Портфолио | Сайты | Компания «Трэкол»

Компания «Трэкол»

www.trecol.ru
Компания является безоговорочным лидером в производстве внедорожных транспортных средств на бескамерных шинах сверхнизкого давления.

Следующий проект

Адаптивный
дизайн

1С-Битрикс

HTML-5 анимация

Проектирование

Перед нами была поставлена задача сделать функциональный современный редизайн для сайта компании «Трекол» с учётом разработанного нами ранее фирменного стиля и брендбука.

Задачи и таймлайн

Проектирование состояло из трех этапов: UX/UI дизайн, верстка, программирование.

UX/UI дизайн

Верстка

Программирование

Структура сайта

Главная

Концепции

Мы подготовили две концепции главной страницы.

Дизайн

В работу была принята первая концепция после внесения ряда корректировок.

Заменили тёмный цвет
в баннере на более светлый.

Доработали карточку товара:
при наведении открываются
основные характеристики.

Добавили блок
о проектировании
и создании уникальных
салонов представительского
класса.

В блоке с преимуществами
сделали динамическое
наведение.

Сайт корректно и полностью отображается на мобильных устройствах.
Это важно, так как трафик с мобильных превышает 95%

Основные цвета

Дополнительные цвета

Бескамерные шины сверхнизкого давления

Medium Bold Regular

Шрифт Muller

Aa Aa Aa

Внутренние страницы

В ходе проекта было разработано более 70 макетов.

Особенности реализации

Комбинирование фонов

В проекте использовалось свойство CSS “Background-blend-mode” для упрощения работы с большим количеством фотографий в карточках. С помощью него можно быстро скрыть простой фон, не прибегая к масштабной обработке фотографий.

История компании

Разработан блок истории компании с нестандартным слайдером.

Сохранение функционала при переносе

Был выполнен перенос функциональности с предыдущей версии сайта, построенного на базе WordPress, с сохранением некоторых особенностей реализации клиентской части сайта.

Сохранили преемственность SEO-настроек для предотвращения
снижения поискового трафика

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

Кастомизированная корзина

Реализована корзина, отличающаяся от стандартной корзины 1С-Битрикс: покупаемый товар можно кастомизировать — выбрать один из вариантов двигателя, добавить дополнительные опции.

Список проектов Следующий проект