0.

Сделать все правки, которые вам подсказал куратор

1. Выбрать тему
Эта тема должна быть вам хорошо знакома.

2. Провести исследование
1. Найти 10+ сайтов конкурентов (поискать в Яндексе)
2. Просмотреть ключевые запросы (wordstat.yandex.ru)
3. Найти 5-10 сайтов для вдохновения (референсы)
4. tagline.ru (Рейтинг компаний > Дизайн)
5. behance.net (Web design, UX/UI)
6. pintrest.com (Landing page)
7. revision.ru (Работы > Сайты)
8. land-book.com
9. onepagelove.com

3. Прописать ЦА и смыслы
1. Целевая аудитория
2. Личные данные: имя, возраст, дети, семейное положение, место жительства, цитата, чем
занимается, должность, доход, образование
3. Фото
4. Трудности и болевые точки: чего хочет избежать, чего боится
5. Цели и ценности: чего хочет, что важно
6. Источники информации: книги, журналы, блоги, события, наставники, дополнительно
7. Простыня смыслов (50 минимум, 100+ оптимально)
8. Проявить эмпатию: какие вопросы и проблемы есть у даной целевой аудитории?
9. 117 вопросов для упаковки – vk.com/doc38188482_400734956
10. Спросить у клиента «Что спрашивают клиенты? О чем вы общаетесь, когда продаете
свой продукт?»

4. Написать оффер и целевое действие

Оффер сформулировать по методу написания заголовков 4U.
1. Usefulness (полезность).
2. Посетитель должен увидеть очевидный ответ на вопросы: какую пользу несет ваш
продукт? Какую проблему решает? Что получит клиент в итоге? Т.е. вы продаете не продукт, не
дрель, а дырку в стене. Решайте проблему потребителя!
3. Ultra specificity (ультраспецифичность).
4. Конкретизируйте полезность. Сколько денег клиент заработает при помощи вашей
услуги? На сколько процентов увеличатся его продажи? На сколько градусов теплее станет его
дом? Добавьте количественный показатель.
5. Urgency (срочность).
6. Когда клиент получит заявленный эффект? Сегодня, завтра, через 2 недели? Мозг лучше
визуализирует картинку, если вы добавите конкретный срок.
7. Uniqueness (уникальность).
8. Все это хорошо, но если посетитель в заголовке видит одну «карамельку» без понимания
того, за счет чего она достигается, внутренний голос разумно посоветует: не верю. Главный
вопрос здесь: за счет чего, каких механизмов, инструментов, технологий будет достигнут
результат, решена проблема. В чем уникальность вашего продукта?

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

5. Структура сайта
Составить структуру сайта – последовательный тезисный рассказ в ворде о вашем продукте.
Сгруппировать смыслы в базовые смысловые блоки:
1. Главный экран: заголовок (что это), визуализация, кнопка
2. Оффер: кнопка, форма заявки, триггер срочности, бонус
3. Что предлагаем: картинка, каталог
4. Преимущества: кратко, тезисно, через выгоду для клиента
5. Кейсы: было/стало, результаты, подробности внедрения,
6. Что внутри: примеры работ, как мы работаем, описание процесса, перечисление функций
7. Социальные доказательства: отзывы и рекомендации, награды, рейтинги, довольные
клиенты
8. Цены: тарифы, заявка на расчет, скачать прайс, калькулятор
9. Компания: команда, опыт, статус, «семья»
10. FAQ: ответы на все остальные вопросы клиентов

 Добавить свои уникальные блоки со смыслами

6. Прототип
Сделать прототип по структуре, которую вы сделали.
1. Черно-белый: серые блоки
2. Рядом расположить микро-форматы референсов с сайтов которые вы будете
используете в своем дизайне
3. Выровнять по сетке (12 колонок)

7. Дизайн-система
1. Выбрать 1 шрифт
2. 3 размера
3. 1 акцидентный яркий цвет (яркий)

8. Текст + визуализация
1. Внедрить дизайн-систему в прототип
2. Сформулировать заголовки, тексты
3. Подобрать картинки и иконки, выровнять по сетке (12 колонок)

9. Доработка дизайна
1. Сделать перерыв
2. Открыть свой макет в браузере, написать себе правки
3. Сервис для снятия скриншотов – http://disk.yandex.ru/screenshot/
4. Исправить свои правки

10. *Собрать свой макет в конструкторе:

1. platformalp.ru
2. tilda.cc
Минимум в одном, оптимально – в обоих.