Загрузка
Заявка →
Заявка →
UX/UI / Графический дизайн / Web - разработка / Техническая поддержка
Промосайт «Возроди­легенду»
Год: 2023
Сайт: Перейти
Сайт для спецпроекта: с нуля отрисовали иллюстрации, продумали дизайн с отсылкой к теме реставрации и разработали web-сайт со встроенным интернет-магазином.

/

Задача — создать сайт для розыгрыша авто. Суть: компания покупает старые автомобили, реставрирует в прямом эфире и разыгрывает их среди участников. В сайт должен быть встроен интернет-магазин, он должен быть простым в управлении для заказчика, и держать нагрузку, так как в моменты рекламы у блогерки возможны большие наплывы заказов.


/

Разработали структуру в Figma. Было важно подсветить флагманский проект «BMW 7» — вынесли его в слайдере в центр, а на кусочки кожи других авто сделали затемнение.


/

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


/

Для заголовков взяли шрифт с отсылкой к старине, выбрали максимально читабельный. За основу цветовой палитры взяли благородный чёрный — под цвет кожи авто, с красным акцентом, который отсылает к логотипу заказчика и транслирует страсть к старым легендарным авто.


/

Чтобы сделать сайт простым и понятным в управлении, выбрали связку Wordpress (система управления содержимым сайта) и WooCommerce (плагин интернет-магазина) и настроили их под нужды заказчика. Сделали скидки, которые автоматически меняются в зависимости от количества купленных пользователем товаров. Настроили присвоение уникального номера каждому заказу и их выгрузку в таблицу для дальнейшего розыгрыша.


/

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

Прототип

Single Image

Дизайн

Single Image
Single Image
Single Image

Цвет и типографика

Single Image

Веб-разработка

Single Image