Project showcase screen mockup

Школа "Lighthouse" || UX аудит и прототип

О проекте

Lighthouse International School — международная школа на Пхукете.
Здесь учатся дети с 1 по 12 класс, а школа помогает семьям с визовой поддержкой при переезде и обучении.

Задача

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

Цели проекта

  • Провести UX-аудит и лучше понять потребности родителей

  • Упростить структуру сайта и навигацию, чтобы путь пользователя стал понятнее

  • Повысить конверсию в обращения и заявки на поступление в будущем

Целевая аудитория

Родители и дети из семей экспатов, команда школы и все, кто рассматривает обучение в Таиланде, в том числе на Пхукете.

Дискавери и формулировка задачи

Проблема

Сайт школы имел нечеткую информационную архтектуру и запутанную навигацию, из-за чего пользователям было сложно быстро найти ключевую информацию.

Решение — UX-аудит

Я начала с UX-аудита сайта по следующим параметрам: контент, логика навигации, структура, визуальная иерархия, формулировки, интерактивные элементы, и формы обратной связи.

💡 В ходе анализа выявила ключевые проблемы, которые мешали сделать сайт более понятным и привлекательным для родителей:

  • неочевидные user flow;

  • перегруженные объемные тексты и размытый tone-of-voice;

  • CTA с неявной формулировкой целей на главной странице;

  • отсутствие открытой информации о стоимости обучения.

Проблема

Пользователи приходят на сайт школы с разными ожиданиями и вопросами.
Когда структура сайта этим ожиданиям не соответствует, нужная информация оказывается труднодоступной.

Решение

Я проанализировала цели родителей, учеников и сотрудников школы, провела пользовательские интервью и сформировала персоны.
Это помогло понять, какие вопросы пользователи задают в первую очередь и какие действия они ожидают совершить на сайте — от знакомства со школой до записи на визит и просмотра стоимости.

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

Смотреть в Figma

модель информационных ожиданий

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

Далее я выделила ключевые ожидания основных групп пользователей:

  • Родители — программа обучения, поступление, стоимость, визовая поддержка, дополнительные активности

  • Ученики — учебные материалы, задания, оценки и информация о школьной жизни (пока почти не реализовано, но имеет потенциал роста)

  • Сотрудники — административные инструменты, данные об учениках и внутренние коммуникации (на текущий момент не выделено в отдельную категорию пользователей сайта)

Исследование

Проблема

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

Решение

Я сравнила текущую и целевую версии карты сайта (as is / to be) и выявила основные проблемы: отсутствие CTA, дублирующиеся разделы с разными названиями и блоки без чёткой цели.
В обновлённой информационной архитектуре каждый раздел получил понятное назначение — либо информировать, либо направлять пользователя к действию.

Смотреть в Figma →

Дизайн и прототип

Цель

Проверить, стало ли пользователям проще ориентироваться на сайте и замечают ли они улучшения в структуре и навигации.

Решение

Я провела пользовательское тестирование и собрала обратную связь о навигации и восприятии сайта.

Пользовательское тестирование

Я показала прототип тем же людям, с которыми ранее проводила интервью, чтобы проверить, как изменения воспринимаются с точки зрения пользовательского опыта.

Вот несколько ключевых впечатлений пользователей:

«Теперь сразу понятно, где записаться и как связаться со школой»

«Нравится, что появились отдельные блоки для начальной школы и детского сада — раньше эту информацию было сложно найти»

«Понятно, что это блок с фотографиями школы. Интересно посмотреть, как у них все устроено»

«Хорошо, что можно скачать учебную программу и посмотреть её заранее»

«Можно записаться и прийти посмотреть — классная функция, я бы сразу это сделала»

Выводы

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

Команда проекта

  • UX/UI дизайнер

  • Директор школы

  • WordPress-дизайнер

  • Администратор, принимающий заявки на обучение

Tools

  • Figma

  • FigJam

  • Framer

Let’s
Collaborate

M_GICHIAN

©

MARINA GICHIAN

2024

Let’s
Collaborate

©

MARINA GICHIAN

2024

Let’s
Collaborate

M_GICHIAN

©

MARINA GICHIAN

2024

Create a free website with Framer, the website builder loved by startups, designers and agencies.