«Хотим посовременнее»: помогли заказчику привлечь больше клиентов с помощью редизайна. Кейс Zeroney

Никто так хорошо не чувствует нишу, как сам заказчик. И дизайнер, которому пришлось детально её изучить, чтобы понять, что значит «хотим посовременнее». В таких случаях хорошо выручает опыт и инициативность — в этом мы убедились, пока работали над проектом Zeroney.

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

Мы уже делали платформы для обучения, поэтому с радостью взялись за проект. Перед нами стояло две задачи:

1️⃣Разработать новый дизайн платформы, который придется по вкусу целевой аудитории и будет удобным для прохождения обучения.

2️⃣Разработать «цепляющий» дизайн лендинга в футуристическом стиле с 3D-анимацией для привлечения новых клиентов на платформу Zeroney.

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

Заказчик обратился к нам за новым дизайном для уже существующей платформы Zeroney и лендинга для ее продвижения. Идея платформы в том, чтобы сделать доступным для многих пользователей обучение сложным и востребованным профессиям. Например, в области науки о данных (Data Science), VR/AR-технологий и искусственного интеллекта.

После катастрофы в Мьянме уровень образования у населения сильно упал. Местные работали как могли, чтобы восстановиться материально. В том числе и молодые люди, которым пришлось забыть про поступление в университет. Приложение Zeroney направлено на решение этой проблемы.

Zeroney помогает разорвать замкнутый круг и обучиться престижным профессиям:

С онлайн-курсами пользователи из Японии и Мьянмы могут стать AR/VR-экспертами, заниматься Data Science или искусственным интеллектом. Для этого им не надо поступать в дорогой университет или бросать работу — достаточно зарегистрироваться на Zeroney. Обучающая платформа дает доступ к престижным профессиям всем своим пользователям.

По началу платформа Zeroney пользовалась успехом, но со временем конверсии из холодных клиентов в пользователей стали падать. Заказчик проанализировал свой продукт, сравнил с конкурентами и понял, в чем проблема. 

Дизайн платформы устарел, что противоречило самому продукту — обучение самым современным профессиям. Доверие пользователей снижалось, Zeroney стала терять популярность.

Асами Мория (СЕО компании Zeroney Inc.) договорилась с нами о консультации после того, как увидела примеры работ на Dribbble. Это было то, что нужно. Наш смелый подход к дизайну и современные решения могли сделать Zeroney привлекательной платформой для обучения профессиям 21 века. 

Асами Мория увидела в нас большой потенциал и даже не стала консультироваться с другими агентствами.

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

Мы отлично понимали Асами Мория, AI-эксперта от компании и тимлида их внутренней команды разработки. Клиенты подготавливали много документов и референсов для дизайна, а мы активно развивали их идеи и предлагали, как улучшить платформу. 

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

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

Мы предлагали варианты и постепенно превращали видение заказчика в конкретную дизайн-концепцию. Например, плавные обтекаемые формы, элементы мотивации, как в играх, менее строгий шрифт.

Кроме того, мы работали над дизайном продающего лендинга для платформы Zeroney. Клиент задал только направление — нужно было совместить футуризм и 3D-анимацию на первом экране, а в остальном доверился нашей экспертизе. И не зря. Даже с таким абстрактным запросом мы разработали лендинг, который понравился заказчику, а главное — целевой аудитории его платформы.

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

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

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

1️⃣ Выбрали яркие, но при этом спокойные цвета: зеленый и синий, оранжевый для акцентов. Такая палитра задает радостное настроение, но не отвлекает от прохождения курсов.

Панель управления в зеленом и синих цветах с оранжевыми акцентами:

2️⃣ Выбрали шрифт Roboto, сделанный по гайдлайнам Google. У Roboto четкая графика, его легко читать. Шрифт выглядит просто и не перетягивает на себя внимание — то, что нужно для онлайн-обучения.

Дизайн платформы с шрифтом Roboto:

3️⃣ Добавили детализированные иконки наград, прогресс-бар и рейтинг студентов. Это мотивирует пользователей продолжать обучение.

Дизайн наград в приложении Zeroney:

4️⃣ Дизайн панели управления четко структурирован. Пользователю легко ориентироваться в расписании занятий, пройденном материале и своих достижениях.

Дизайн панели управления в приложении Zeroney:

5️⃣ Добавили ненавязчивую анимацию при кликах и во внутреннем мессенджере. Изначально этого не планировалось, но мы быстро справились с основной задачей и сделали для заказчика больше, чем он ожидал.

6️⃣ На странице выбора курса — короткое, но информативное и структурированное превью. А еще курсы удобно разделены на уже приобретенные и рекомендованные. Так пользователь видит, в каком направлении ему развиваться дальше, а платформа получает больше продаж курсов.

Дизайн каталога курсов в приложении Zeroney:

7️⃣ На странице курса есть всё, что нужно знать пользователю. Информации много, но она логично разбита на блоки и легко воспринимается.

Дизайн страницы курса в приложении Zeroney:

Кроме платформы, мы занимались еще и дизайном лендинга. Его мы сделали более ярким и привлекающим внимание — то, что нужно, чтобы заинтересовать потенциальных пользователей. И что важно, наш дизайн легко адаптируется под Японию. Например, верстка лендинга не «сломается», если заменить английский текст на японский.

1️⃣ Основные цвета лендинга — черный и белый. На их фоне хорошо выглядят яркие акценты желтого, фиолетового, оранжевого и зеленого цветов.

Лендинг для продвижения платформы Zeroney:

2️⃣ Современная цветовая гамма соответствует предложению — обучение профессиям будущего, которые только набирают популярность.

Лендинг для продвижения платформы Zeroney:

3️⃣ На первом экране лендинга — футуристическая 3D-анимация для привлечения внимания.

4️⃣ По всему лендингу — ненавязчивый моушн-дизайн для вовлечения (пока что) холодных клиентов. Например: новейшие тренды мира технологий, которые появляются прямо у них на глазах.

5️⃣ Яркие акценты управляют вниманием пользователя и фокусируют его внимание на преимуществах платформы Zeroney.

Лендинг для продвижения платформы Zeroney:

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

Асами Мория поделилась своими впечатлениями от работы с нами: 

Сейчас мы активно обсуждаем новые дизайн-задачи и планируем дальнейшую работу с компанией Zeroney Inc.