Сайт для производителя кованых дисков: кейс Buffalo
Для Buffalo Wheels мы с нуля сделали логотип и имиджевый сайт с каталогом и карточкой товара, а для этого кейса собрали демо-конфигуратор: так можно подбирать диск и сразу видеть цену.
3 неделиот первого макета до запуска: дизайн 2 недели, разработка 190 баллов по тесту скорости (измерено студией)
Факты о проекте
- Срок
- 3 неделидизайн 2 · разработка 1
- Тип проекта
- Лендинг и каталог, 2023
- Ниша
- Производство кованых дисков
- Платформа
- WordPressс нуля, чистая тема
- Скорость
- 90 балловпо тесту скорости
Buffalo Wheels производит кованые диски. Мы сделали для компании сайт с нуля: сначала сайт-визитку с карточками товаров, потом добавили магазин, каталог и карточку товара. Логотип нарисовали тоже мы. Срок 3 недели, 2023 год.
Задача клиента
Покупатель кованых дисков выбирает глазами: ему важно сразу почувствовать, что перед ним не штамповка с рынка. Сайт должен был красиво показать продукт, а потом дать выбрать диск и понять, сколько он стоит.
- Вид сайта под характер бренда: тёмный, динамичный, диски на первом плане.
- Каталог, в котором легко найти нужное.
- Подбор диска и цены самим покупателем, без звонка менеджеру.
- Одинаково удобная работа на телефоне и на компьютере.
Что мы сделали
- Имиджевый дизайнТёмный фон, красный акцент, диски на первом плане. Сайт выглядит как витрина бренда, а не как прайс-лист.
- Сайт-визитка с карточками товаровСначала одна страница с карточками, потом на её основе выросли до магазина.
- Каталог и структура выбораПлагин интернет-магазина, своя карточка товара и каталог. Разделы ведут от первого экрана к выбору диска без лишних кликов.
- Демо-конфигуратор для кейсаСобрали специально для этой страницы, на самом сайте клиента его не было: диаметр 17–24 дюйма, отделка, цена пересчитывается без перезагрузки.
- Логотип и фирменный стильНарисовали логотип, подобрали шрифты и цвета: они стали основой стиля бренда.
- Адаптивная мобильная версияОтдельная вёрстка под экран телефона.
- СкоростьЧистая тема WordPress без лишних скриптов: 90 баллов по тесту скорости.
Демо-конфигуратор: диск собирается на глазах
Посетитель выбирает диаметр от 17 до 24 дюймов и отделку. Картинка и цена меняются сразу, страница не перезагружается. При прокрутке диск остаётся закреплён, чтобы выбирать параметры и видеть результат одновременно. Попробуйте сами. Это демо: мы собрали его специально для этого кейса, на самом сайте клиента конфигуратора не было.
Цена в примере показана для демонстрации работы расчёта, это не прайс клиента.
Обсудить такой конфигураторКак это устроено
- Демо написано на обычном (нативном) JavaScript, без тяжёлых библиотек: отзывается мгновенно и не замедляет страницу.
- Вёрстка сделана средствами самого браузера, без лишних скриптов: сайт подстраивается под любой экран.
- Сайт работает на WordPress. Мы оставили только нужное, чтобы страницы грузились быстро: по тесту скорости 90 баллов.
- Сайт делали с нуля, без готового шаблона.
Стиль: логотип, цвета, шрифты
Три цвета и два шрифта держат весь сайт: тёмный фон, красный акцент на кнопках и заголовках, белый текст, рукописный логотип. Логотип нарисовали мы, шрифты подобрали из открытых и они стали основой стиля.
ЛоготипРукописный, подчёркивает скорость. Используется белым или красным на тёмном фоне.
- #FE1814Красный: акцент, кнопки, заголовки
- #0B0F19Тёмный: фон сайта
- #FFFFFFБелый: основной текст на тёмном
- Gabrielle
Рукописный. Логотип и крупные заголовки.
- ManropeКованые диски
Заголовки и подписи: геометрический гротеск.
- InterДиаметр от 17 до 24 дюймов, отделка на выбор.
Основной текст: читается на любом экране.
Главная, каталог и карточка товара
Три страницы мы нарисовали сначала для компьютера, затем для телефона. На картинках макеты: тексты и цены в них условные.
На телефоне
Главная 
Каталог 
Карточка товара
Что получил клиент
Сайт, который выглядит как бренд, и инструмент, с помощью которого покупатель сам выбирает диск.
- около90баллов по тесту скорости: сайт быстро открываетсяИзмерено студией
- Имиджевый сайтВыглядит как витрина бренда, а не как каталог с рынка.
- Удобный выбор дисковКаталог и структура ведут от первого экрана к нужному диску без лишних кликов.
- Узнаваемый брендСвой логотип и единый стиль: сайт, каталог и карточка товара выглядят как одно целое.
Срок и этапы
3 недели от первого макета до запуска
Отзыв клиента
Нам был нужен не просто сайт, а инструмент продаж. Получился именно такой: красивый и быстрый, с аккуратным каталогом и карточкой товара.
Команда Buffalo WheelsЗаказчик проекта
Нужен сайт, который показывает товар и даёт выбрать его на месте?
Обсудим ваш проект
Расскажите, что вы продаёте и как покупатель выбирает товар сейчас. Скажем, что можно сделать, за какой срок и сколько это стоит.
- Срок
- 3 недели
- Платформа
- WordPress
- Состав
- Логотип, дизайн, каталог, мобильная версия
- Скорость
- 90 балловпо тесту скорости
Обсудить проект
Опишите задачу в двух-трёх фразах. Ответим и предложим варианты.
Понравился проект? Хочу такой же лендинг: условия и цены · Другие примеры работ