Перейти к содержанию
Дизайн DS—04

Лендинг без шаблона

Лендинг — первый заказ почти каждого дизайнера-фрилансера, и именно на нём видно, умеете вы думать или только двигать блоки. Разбираем страницу от задачи и первого экрана до мобильной версии: почему блоки стоят в этом порядке, чем заменить стоковые улыбки и как сделать так, чтобы работу приняли с первого раза.

8 модулей18 уроков
14 часоввидео и практики
Нужна базатребования
Навсегдадоступ и обновления
Формат
€42 разовый платёж
Оформить заказ Открыть программу
Оплата картой или через PayPal
Доступ открывается сразу после оплаты
Возврат 14 дней, если не начали смотреть
Результат

Что вы сможете делать

Формулировать задачу страницы и одно действие, ради которого она сделана
Выстраивать порядок блоков из логики читателя, а не из чужих примеров
Собирать первый экран, из которого понятно предложение и следующий шаг
Держать типографический ритм на длинной странице
Решать, что показывать, когда хороших фотографий нет
Проектировать форму и призыв так, чтобы их заполняли
Делать мобильную версию, которая не рассыпается на середине
Собирать пакет для сдачи заказчику и защищать решения словами
Программа

8 модулей, один проект

Нажмите на модуль, чтобы раскрыть уроки

01 Одна страница — одно действие2 урока · 1 ч 28 минОткрыт

Что вообще должна сделать страница и как выглядит лендинг, у которого нет ответа на этот вопрос.

Задача страницы, аудитория и одно целевое действие
Разбор чужих лендингов: где логика, а где мода
02 Порядок блоков2 урока · 1 ч 32 мин

Собираем структуру из вопросов читателя: что это, зачем мне, почему вам верить, сколько стоит, что дальше.

Вопросы читателя как каркас страницы
Практика: структура лендинга своей услуги
03 Первый экран3 урока · 2 ч 20 мин

Самая дорогая часть работы: заголовок, доказательство и кнопка, которые видно без прокрутки.

Заголовок: предложение вместо лозунга
Доказательство и кнопка: что показать сразу
Практика: три варианта первого экрана
04 Типографика и ритм2 урока · 1 ч 34 мин

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

Шкала, интервалы и длина строки на длинной странице
Ритм блоков: воздух, разделители и акценты
05 Картинки и фактура2 урока · 1 ч 30 мин

Что показывать, когда показывать нечего: разбираем замены стоку и работу с плохими исходниками.

Фотография, иллюстрация, фактура: что уместнее
Когда хороших фото нет: приёмы без стоковых улыбок
06 Форма и призыв3 урока · 2 ч 18 мин

Место, где страница просит человека что-то сделать: сколько полей, какая подпись и что произойдёт после отправки.

Сколько полей и зачем каждое из них
От «оставьте заявку» к понятной сделке
Практика: форма, состояния и экран благодарности
07 Мобильная версия2 урока · 1 ч 38 мин

Где лендинги ломаются: первый экран на телефоне, длинные заголовки, кнопки и порядок блоков.

Что переносится, что сворачивается, что исчезает
Практика: мобильная версия своей страницы
08 Передача заказчику2 урока · 1 ч 40 мин

Финальный модуль: собираем пакет, который принимают с первого раза, и защищаем решения словами.

Файл, слои и что приложить кроме макета
Защита работы: как объяснить, почему так
Материалы

Что вы получаете

18 уроков с расшифровкой

Видео с таймкодами и текстовой версией, чтобы вернуться к нужному приёму во время работы над заказом.

Разбор десяти лендингов

Реальные страницы с разметкой решений: что работает, что мешает и какой блок можно было убрать без потерь.

Заготовка страницы в Figma

Сетка, шкала и текстовые стили под длинную страницу в двух версиях — десктоп и телефон.

Шаблон брифа и сдачи

Вопросы заказчику до начала работы и состав пакета при сдаче: макеты, шрифты, ассеты и пояснения к решениям.

Dediu Pavel
Автор курса

Dediu Pavel

Ведёт направление «Веб-разработка» в Forma. Полный список курсов автора — на его странице.

Все курсы автора

Первый модуль открыт целиком

Посмотрите уроки первого модуля и первое задание. Если формат не подойдёт — вы ничего не потеряли.