---

Вот готовый вариант ответа для этапов 1 и 2 по заданию на фото. Можно переписывать в работу.

Этап 1. Погружение в проект (брифинг)

Цель: определить идею сайта, целевую аудиторию, конкурентов и основные задачи.

Шаг 1. Определение концепции

Проект: сайт кофейни.

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

Основная идея сайта: предоставить посетителю информацию о кофейне, меню, ценах, акциях и возможности сделать заказ.


---

Шаг 2. Портрет целевой аудитории (ЦА)

Выделим 3 основные персоны:

1. Студент-заочник

Возраст: 18–25 лет.

Часто пользуется смартфоном.

Ищет недорогой кофе и еду.

Важно: меню, цены, акции, адрес и режим работы.

Цель: быстро выбрать и заказать еду или напиток.


2. Фрилансер, работающий за ноутбуком

Возраст: 20–35 лет.

Проводит много времени за компьютером.

Ищет уютное место с кофе и перекусом.

Важно: меню, атмосфера, адрес, Wi-Fi, режим работы.

Цель: поработать в кофейне и заказать напиток/еду.


3. Офисный сотрудник

Возраст: 23–40 лет.

Посещает кофейню до работы или во время обеденного перерыва.

Важно: быстрое обслуживание, цены, меню и доставка.

Цель: быстро заказать кофе и еду.



---

Шаг 3. Анализ конкурентов

Выбираем 2–3 похожих кофейни и сравниваем их сайты.

Например, анализируем:

удобство меню;

наличие цен;

возможность онлайн-заказа;

дизайн сайта;

информацию об адресе и времени работы;

наличие акций.


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

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

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


---

Шаг 4. Формулировка задач сайта

Сайт должен:

1. Представлять кофейню и её концепцию.


2. Показывать меню и цены.


3. Позволять сделать заказ.


4. Показывать адрес и режим работы.


5. Предоставлять информацию об акциях.


6. Давать возможность связаться с кофейней.




---

Этап 2. Проектирование структуры

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

Шаг 1. Список разделов

Для нашего сайта создаём такую структуру:

Главная

Меню

Кофе

Чай

Завтраки

Десерты


О нас / Концепция

Акции

Бронирование

Контакты

Личный кабинет

Программа лояльности

Новости



---

Шаг 2. User Flow — путь пользователя

Пример пути пользователя:

Открыл главную → увидел акцию → перешёл в меню → выбрал кофе и завтрак → добавил в корзину → оформил заказ.

Ещё один вариант:

Открыл главную → посмотрел информацию о кофейне → перешёл в контакты → посмотрел адрес и режим работы.


---

Итог этапа 2

В графическом редакторе или на бумаге нужно изобразить схему связей между страницами.

Можно нарисовать так:

ГЛАВНАЯ
              /     |      \
             /      |       \
          МЕНЮ    О НАС    АКЦИИ
           |                 |
     --------------          |
     |     |      |          |
   Кофе  Чай  Завтраки    Бронирование
     |
   Корзина
     |
   Заказ

Главная → Контакты
Главная → Личный кабинет
Главная → Программа лояльности
Главная → Новости

Это уже полностью закрывает этап 1 и этап 2 из задания на фотографии.