Ravendo

Контекст

Ravendo выпускает тачки, складские и грузовые тележки, оборудование для перемещения материалов. Здесь важны не только внешний вид изделия, но и его назначение, удобство использования и выбор подходящей модели. Сайт объединяет промышленный ассортимент и информацию о производителе, сохраняя разные входы для покупателя и профессионального партнёра.

Задача

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

Решения

1. Продуктовая архитектура

   Основное меню разделяет Products, Service and Support, Find Dealer и About Ravendo. Поиск вынесен в верхнюю часть страницы. Такой порядок даёт прямой путь и тому, кто уже знает нужный товар, и тому, кто только выбирает категорию.

2. Оборудование в действии

   Первый экран соединяет крупный заголовок и демонстрацию работы с оборудованием. Далее отдельные блоки раскрывают складские тележки, переноску плит и эргономику: продукт показывается в контексте конкретной рабочей задачи.

3. Информация для профессионального выбора

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

4. Разные маршруты посетителей

   Каталог, поиск дилера и отдельный вход для дилеров решают разные задачи. Переключение английской и датской версий учитывает международную аудиторию, не меняя логику основных разделов.

Что сделали

Визуальная система

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

Типографика в интерфейсе

Размеры ниже измерены в действующем сайте при viewport 1180 × 757 CSS px, масштаб 100%, DPR 1. Это параметры конкретной компоновки, а не фиксированные размеры для всех устройств.

Семейство

Saira Semi Condensed

H1

79.10 px / 71.19 px · 700

Заголовок раздела

39.70 px / 35.73 px · 700

Заголовок продуктового блока

27.88 px / 31.37 px · 400

Лид

20 px / 30 px · 300

Основной текст

16 px / 24 px · 300

Логотип и применение

Вертикальный знак Ravendo: красная форма тачки, чёрное колесо и название. В шапке используется компактная вертикальная версия; она хорошо различима рядом с поиском.

Файл логотипа

150 × 129 px · пропорция 50:43

Применение в шапке

100 × 86 CSS px при viewport 1180 × 757

Сохранение формы

Ширина и высота меняются пропорционально; изображение показано без растяжения

Цветовые значения сверены с CSS сайта. Образцы типографики показаны фрагментами реальных экранов; файлы коммерческих шрифтов в кейс не включены.

Сценарии и материалы

Главная → Products → категория оборудования → изделие. Альтернативные маршруты: поиск по ассортименту, Find Dealer для обращения к продавцу и Service and Support для сопровождения. На главной демонстрационные материалы работают как дополнительные входы в конкретные направления.

Продвижение

Провели SEO-оптимизацию, настроили личный кабинет Google Ads, запустили рекламу и продвижение сайта в поиске.

Что реализовано

Запущен сайт производителя, в котором ассортимент, применение продукции и сервисная информация собраны в одной системе. Он представляет Ravendo на международном рынке и помогает посетителю перейти от знакомства с компанией к предметному выбору оборудования.