давайте обсудим!
Заполнить бриф
Создадим вам дизайн за 24 часа, иначе скидка 30%
кейс аренда спецтехники
Компания по аренде спецтехники с собственным парком. . Техника - как с оператором, так и без. До проекта заявки шли через Avito, холодные звонки и сарафанное радио. Сайт был устаревшей визиткой: список техники текстом, телефон и «звоните, договоримся»
АЙДЕНТИКА И ИНТЕРФЕЙС
Мобильная версия
Логотип
ui kit
Основные цвета
Типография
#FFC70F
#CEC7C7
#FEFEFE
Lato
Manrope
для обычного текста
для заголовков
Сделать сайт, покажет весь парк техники с фото, характеристиками и ценой за смену/час, даст клиенту возможность проверить наличие и рассчитать стоимость аренды онлайн, позволит оставить заявку за 30 секунд - без звонков и переговоров, выведет сайт в топ по запросам «аренда экскаватора + город», «автокран с оператором», «манипулятор цена за смену»
задача
Клиент
Стек
Срок
Техника для вас
10 дней
HTML5, CSS3 и JavaScript
Программирование Интерактивная логика на JavaScript: автопереключение слайдов hero, плавное появление шапки при скролле со сменой логотипа, попап-форма расчёта стоимости, бургер-меню для мобильных.
ПРОГРАММИРОВАНИЕ
Этап 4
Вёрстка сайта Семантическая HTML/CSS-вёрстка по методологии BEM: переиспользуемые блоки (шапка, подвал, карточки услуг, чат-виджет, модальное окно заявки), CSS-переменные для цветов/типографики/отступов, адаптив под десктоп, планшет и смартфон, кроссбраузерные анимации.
ВЕРСТКА САЙТА
Этап 3
Визуальный стиль на основе фирменных цветов (песочный, кирпичный, акцентный оранжевый), крупная типографика, унифицированные иконки преимуществ и услуг, брендированный подвал с кликабельными контактами.
ДИЗАЙН САЙТА
Этап 2
Спроектирована сквозная навигация между связанными товары, логика попап-формы заявки и мобильный сценарий (адаптивное меню, приоритеты контента на малых экранах). Прототипирование и структура интерфейса - в Figma.
ПРОЕКТИРОВАНИЕ
Этап 1
процесс
результат
99
10
0
1
10
9
Google
PageSpeed
PageSpeed
Топ по выдаче на поисковиках
Подключенная CRM
Дней
разработки
разработки
Критических ошибок W3C
+страниц
наполнено
наполнено
Мы превратили сайт из визитки в рабочий инструмент диспетчера и отдела продаж. Клиент теперь сам проверяет наличие техники, считает стоимость аренды и оставляет заявку за 30 секунд - прямо со стройплощадки, с телефона, без звонков и уговоров. Диспетчеры получают заявку мгновенно и работают только с подтверждёнными бронями, а не с «а сколько стоит?»
заявка на
консультацию
консультацию