(О проекте)
Вводные и задачи
Проект WhiteWood Mebel стал для нас первым опытом работы со стартапом, который существовал только на бумаге. Несмотря на неоднозначность ситуации, мы решили взяться за задачу — и в итоге оказались в центре первого за шесть лет работы студии скандала. Перед нами стояла задача разработать одностраничный сайт по техническому заданию, адаптированный под мобильный рекламный трафик, реализовать анимации, подключить таймер постоянной акции и собрать квиз, который должен был стать главным конверсионным элементом лендинга.
(Лендинг на Тильде)
Цвета
Брендбук у компании отсутствовал. Все решения продиктованы требованием заказчика использовать на сайте цвета логотипа.
(Создание лендинга на Тильде)
Вёрстка страницы
(Кейс лендинг на Тильде)
Результат
(Видео)
Запись экрана
Сайт выполнен в Zero Block с использованием двух стандартных блоков TS104N2 (отзывы) и QZ101B (квиз). Шрифт — Tilda PT Sans.
WhiteWood Mebel — мебельный стартап из Новосибирска, работа над которым началась в январе 2025 года. На момент обращения в White Media студию проект существовал только на этапе идеи: единственным готовым элементом был логотип. Предстояло разработать лендинг, который стал бы основой будущего позиционирования бренда и первым полноценным представлением проекта.
Лендинг в стиле бенто
(Ссылка на сайт, который мы сделали)
Кнопки (в т. ч. по наведению), переключатели, нумерацию списков, заголовки, а также блок с акцией покрасили в один из трёх цветов логотипа. А ещё подсветили зелёным все ссылки по наведению. Основной цвет бенто-плашек серо-белый. Все углы мы скруглили на 10px, и у плашек, и у фото, и у кнопок. Иконки вставили XML-кодом, а не картинками, покрасили их в чёрный.
Подключили сервисы Яндекса: Метрику и Вебмастер. По заданию представителя заказчика сгенерировали отзывы. Провели работы по SEO: прописали заголовки и теги, настроили микроразметку. Подключили отбивки об отправке форм на email. После согласования вайфрейма и внесения правок в черновик сайта, заказчик перестал выходить на связь, а спустя несколько месяцев ликвидировал юрлицо. Это не избавило нас от выяснения отношений и лживого отзыва.
Типографика
Заголовки:
15px, normal
spacing 0; 1
Основной текст:
18px, normal
spacing 2; 0.5
Заголовки:
13px, normal
spacing 0; 1
Основной текст:
17px, normal
spacing 1.5; 0.5
Заголовки:
12px, normal
spacing 0; 1
Основной текст:
15px, normal
spacing 1.5; 0.5
Тёмный пурпурно-фиолетовый
4 колонок, колонки — 152px, межколонник — 10px, отступы по краям — 1px
2 колонки, колонки — 150px, межколонник — 20px, отступы по краям — 0px
10 колонок, колонки — 111px, межколонник — 10px, отступы по краям — 0px