Назад

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

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

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

Время чтения: 6 минут

Содержание

Главные цифры и факты проекта

Платформа для доступного обучения престижным профессиям

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

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

Zeroney делает доступным обучение престижным профессиям

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

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

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

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

Перед нами стояло две задачи:

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

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

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

Хотите запустить собственную платформу для обучения?
Разработаем и запустим MVP за 4 месяца и $40,000. Свяжитесь с нами и получите бесплатную оценку проекта в течение 48 часов.
Получить оценку проекта

Любовь с первого взгляда на Dribbble

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

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

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

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

Превратили идею в дизайн и сделали больше, чем обещали

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

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

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

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

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

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

Разработали дизайн, который повышает конверсию

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Готовы запустить собственную платформу для обучения?
В нашей копилке больше 300 проектов в разных нишах, включая онлайн-обучение. Свяжитесь с нами и получите бесплатную оценку проекта в течение 48 часов.
Получить оценку проекта

Разработали лендинг, который привлекает холодных клиентов

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

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

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

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

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

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

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

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

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

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

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

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

Результат за 2 месяца

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

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

Асами Мория,

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

Асами Мория, 
генеральный директор Zeroney

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

Насколько публикация полезна?

Оцени эту статью!

12 оценок, среднее 4.6 из 5.

Оценок пока нет. Поставьте оценку первым.

Так как вы нашли эту публикацию полезной...

Подписывайтесь на нас в соцсетях!

Share