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