Project showcase screen mockup

Платформа Sunny Microschools || UX/UI дизайн

О проекте

End-to-end UX/UI-дизайн платформы для микрошкол — от исследования и lean UX до информационной архитектуры и адаптивного интерфейса.

Задача

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

Что усложняет процесс:

  • часть аудитории не знакома с форматом микрошкол;

  • у проекта отсутствует сформированный бренд;

  • разная ЦА: родители, педагоги, партнеры

Цели проекта

Сделать модель микрошкол понятной, укрепить доверие со стороны педагогов, выстроить ясный inquiry flow и подготовить платформу к масштабированию.
Цели формировались и уточнялись на раннем этапе вместе со стейкхолдерами.

Моя роль

  • Коммуникация со стейкхолдерами и уточнение требований

  • Синтез исследований и формирование UX-стратегии

  • Проектирование информационной архитектуры и пользовательских сценариев

  • Проработка контента и иерархии

  • UI-дизайн и адаптивная верстка

  • Поддержка запуска

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

Контекст

Sunny Microschools — новая платформа для педагогов, которые хотят открыть собственную микрошколу. Для многих учителей этот формат остается незнакомым, поэтому на раннем этапе возникла задача понятно и достоверно объяснить модель, поддержать и направить к следующим шагам.

Инсайты из интервью и обсуждений со стейкхолдерами были собраны в lean UX canvas, который помог определить ключевые риски, ожидания и приоритеты для структуры и контента сайта.

Проблема

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

Решение

Lean UX canvas показал, что прежде чем переходить к деталям, педагогам важно получить контекст и удостовериться, что модель им подходит.
Исходя из этого, информационная архитектура сайта была выстроена как постепенный путь: сначала формируется доверие, затем модель обучения в микрошколе объясняется по шагам, и только потом пользователь мягко подводится к запросу информации с минимальным уровнем обязательств.

Смотри канвас в Figma

Процесс и ключевые решения

Опираясь на lean UX canvas, я приняла ряд UX-решений и напрямую заложила их в информационную архитектуру сайта:

  • "Is This For You?" помогает пользователям самостоятельно оценить релевантность модели на раннем этапе.

  • "How It Works" раскладывает процесс запуска микрошколы на шаги, без абстракций или философии.

  • "Typical Day" объясняет новый формат обучения с точки зрения повседневного опыта педагога.

  • "Earnings Calculator" помогает оценить финансовую состоятельность модели до того, как переходить к серьёзным обязательствам.

  • "Why Sunny" и FAQ усиливают ощущение надёжности, прозрачности поддержки и ожиданий.

  • "Inquiry / Contact" расположен в конце пользовательского пути и воспринимается как мягкий следующий шаг, а не агрессивный призыв к действию.

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

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

Решение проблемы 1

Педагогам важно быстро понять, подходит ли им эта модель с точки зрения опыта, мотивации и реальных ограничений, прежде чем вкладывать время в изучение деталей.
Поэтому в начале пользовательского пути был размещён раздел "Is This For You?":

  • пользователи могут быстро оценить, подходит ли им модель, что снижает неопределённость;

  • формируются информированные ожидания;

  • доверие за счёт прозрачности, а не убеждения.

Ответив на вопрос «подходит ли мне этот формат?», педагоги могут увереннее двигаться к следующим шагам

Решение проблемы 2

Для педагогов, рассматривающих предпринимательство, ясность и реализуемость важнее, чем видение или философия.

Раздел “How It Works” объясняет запуск микрошколы как последовательный и понятный процесс.
Пошаговая структура снижает когнитивную нагрузку и подчеркивает практическую реализуемость.

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

Решение проблемы 3

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

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

Понимая цифры заранее, педагоги чувствуют себя спокойнее и обращаются уже с продуманными вопросами

В основе этих решений — ясность, реализуемость и отсутствие давления при принятии сложных решений.

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

Результаты

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

Инструменты

  • 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.