Otkroy_Nizhniy_zashchita

1.

Открой
Нижний
Туристический сайт с авторскими экскурсиями
UX/UI-дизайн · Figma · Tilda
ИТОГОВЫЙ ПРОЕКТ / ЗАЩИТА

2.

Тема, бизнес и целевое действие
Сервис знакомства с Нижним Новгородом через экскурсии
Задача
Ценность
Целевое действие
Помочь туристу быстро
выбрать подходящий
маршрут и перейти к записи.
Понятные карточки:
программа, длительность,
размер группы и цена.
Выбрать экскурсию → открыть
подробности → оформить
запись.
ОТКРОЙ НИЖНИЙ / 02
2/9

3.

Персона и главная Job Story
Рабочая гипотеза целевой аудитории — требует подтверждения исследованием
Персона: турист
Job Story
Приезжает в Нижний Новгород на короткое
время. Хочет увидеть главные места,
заранее понять стоимость и
продолжительность.
Когда я планирую поездку в незнакомый город, я хочу
сравнить экскурсии по программе, времени и цене,
чтобы выбрать маршрут без лишних поисков.
ОТКРОЙ НИЖНИЙ / 03
3/9

4.

UX-аудит конкурентов
Три вывода необходимо подтвердить материалами твоего аудита
01 · Сравнение
маршрутов
Проверить, насколько легко
сопоставить цену, время и
программу.
02 · Понятность
записи
Оценить, заметна ли кнопка
записи и понятен ли
следующий шаг.
03 · Мобильный
сценарий
Проверить читаемость
карточек и отсутствие
горизонтального скролла.
Добавь названия двух конкурентов и фактические наблюдения из своего UX-аудита.
ОТКРОЙ НИЖНИЙ / 04
4/9

5.

User flow и прототип
Основной сценарий: от выбора маршрута до подтверждения
Каталог
экскурсий
→
Карточка
маршрута
Дата, время
→ и участники
→
Контактные
данные
→
Оплата
→
Подтвержде
ние
В Figma подготовлен мобильный сценарий записи из пяти экранов.
ОТКРОЙ НИЖНИЙ / 05
5/9

6.

Дизайн-концепция и UI-кит
Три характеристики: спокойный · природный · современный
Выбрать экскурсию
#263729
#687F68
#E8EEE7
#F7F5EF
Заголовки: Yeseva One
Основной текст и интерфейс: Jost
ОТКРОЙ НИЖНИЙ / 06
6/9

7.

Юзабилити-тест: было / стало
Для финальной защиты сюда нужны реальные результаты проверки
Было · что проверить
Стало · что зафиксировать
Пользователь может не заметить переход к
записи, запутаться в карточке или столкнуться
с неудобством на мобильном экране.
Укажи реальные изменения после теста:
например, уточнение подписей, кнопок, отступов
или порядка элементов.
Не указывай количество участников и проценты без проведённого теста.
ОТКРОЙ НИЖНИЙ / 07
7/9

8.

Адаптивность: три экрана
Десктопный макет 1440 px и мобильный макет 375 px подготовлены в Figma
Десктоп · 1440 px
Планшет · проверить
Телефон · 375
px
Проверка: читаемость, порядок блоков, кнопки, отсутствие горизонтальной прокрутки.
ОТКРОЙ НИЖНИЙ / 08
8/9

9.

Tilda: реализация и следующие шаги
Живая демонстрация: каталог экскурсий → карточка → сценарий записи
Что реализовано
Что улучшить дальше
Перенос дизайна в Tilda через Zero Block;
каталог экскурсий; настройка карточек и
адаптивных представлений.
Довести адаптив всех секций; проверить
сценарий заказа на телефоне; провести
юзабилити-тест и исправить найденные
проблемы.
Спасибо за внимание!
ОТКРОЙ НИЖНИЙ / 09
9/9