WOW Deutsch
- Редизайн сайту
- UX/UI дизайн
- Інформаційна архітектура
- е-комерс
Один магазин для відеокурсів, друкованих матеріалів, живих занять і перекладів.
Загальний огляд
WOW Deutsch — онлайн-школа німецької з понад 20 авторськими відеокурсами, друкованими зошитами й флеш-картками, заняттями з викладачами та перекладами. Сайт у школи вже був, але ріс разом з нею: нові продукти додавались поруч зі старими.
Найбільший челендж
Поєднати в одному сайті чотири дуже різні продукти, які купують по-різному: відеокурс можна оплатити одразу, а живі заняття чи переклад спершу треба обговорити. До того ж аудиторій дві: дорослі, яким німецька потрібна для роботи, і батьки, які шукають курс для дитини. На старому сайті «Курси» і «Придбати курс» стояли в меню поруч, а на головній формати змішувались з темами. Людині доводилось самій розбиратися, що з цього що.
Процес
Ми почали з аудиту старого сайту й усього асортименту школи і розклали курси, матеріали та послуги за тим, як їх купують. Так з'ясувалося, що не все продається кнопкою «Купити»: живі заняття й переклади потребують розмови з людиною. Далі зібрали мапу сайту на три рівні, а дві аудиторії розвели за віком і рівнем, а не за форматом навчання. Наостанок — дизайн desktop і mobile, з окремою увагою до фільтрів на телефоні.
Рішення
Три шляхи замість одного списку
Шапка ділить сайт за тим, чого людина хоче: «Курси» з розподілом за рівнем, «Заняття з викладачем» і «Переклади». На головній блок «Знайдіть свій формат» повторює цю розвилку ще до прокрутки.
Як обрати курс
На старому сайті цей зміст жив у «Мапі курсів» — картинці з перехресними стрілками, яку важко прочитати з телефона. Ми розклали його по трьох рівнях із людськими назвами й курсами під кожним.
Один каталог для курсів і матеріалів
Перший фільтр розділяє курси й навчальні матеріали, далі — тип, рівень від A0 до C1, «Для дітей / Для дорослих», пакет і ціна. Обрані фільтри видно над результатами, і їх можна скинути одним дотиком.
Два способи купити
Курси й матеріали йдуть у спільний кошик і оплату. Заняття з викладачем, переклади й пробний урок ведуть до заявки, бо їх треба узгодити з людиною.
Інсайти
Різні продукти потребують різних способів покупки. Не варто заганяти все в кошик: там, де людині потрібна розмова, заявка продає краще за кнопку «Купити».
Фільтри мають говорити мовою покупця. Батьки шукають «для дитини», дорослі — «мій рівень», а внутрішні назви форматів зрозумілі школі, але не тому, хто прийшов уперше.
Головна — розвилка, а не вітрина. Коли продуктів багато, перший екран має показати шляхи, а не все одразу.
