Платформа для доступного обучения престижным профессиям
Заказчик обратился к нам за новым дизайном для уже существующей платформы Zeroney и лендинга для ее продвижения. Идея платформы в том, чтобы сделать доступным для многих пользователей обучение сложным и востребованным профессиям. Например, в области науки о данных (Data Science), VR/AR-технологий и искусственного интеллекта.
После катастрофы в Мьянме уровень образования у населения сильно упал. Местные работали как могли, чтобы восстановиться материально. В том числе и молодые люди, которым пришлось забыть про поступление в университет. Приложение Zeroney направлено на решение этой проблемы.
Zeroney помогает разорвать замкнутый круг и обучиться престижным профессиям
С онлайн-курсами пользователи из Японии и Мьянмы могут стать AR/VR-экспертами, заниматься Data Science или искусственным интеллектом. Для этого им не надо поступать в дорогой университет или бросать работу — достаточно зарегистрироваться на Zeroney. Обучающая платформа дает доступ к престижным профессиям всем своим пользователям.
По началу платформа Zeroney пользовалась успехом, но со временем конверсии из холодных клиентов в пользователей стали падать. Заказчик проанализировал свой продукт, сравнил с конкурентами и понял, в чем проблема.
Дизайн платформы устарел, что противоречило самому продукту — обучение самым современным профессиям. Доверие пользователей снижалось, Zeroney стала терять популярность.
Перед нами стояло две задачи:
1️⃣Разработать новый дизайн платформы, который придется по вкусу целевой аудитории и будет удобным для прохождения обучения.
2️⃣Разработать «цепляющий» дизайн лендинга в футуристическом стиле с 3D-анимацией для привлечения новых клиентов на платформу Zeroney.
Это было непросто, но мы справились — отчасти благодаря правильному процессу взаимодействия с клиентом.
Любовь с первого взгляда на Dribbble
Асами Мория (СЕО компании 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 месяца
За 2 месяца разработали дизайн платформы и лендинга и передали его внутренней команде разработки заказчика. Клиент получил технически реализуемый дизайн, в котором мы учли предпочтения аудитории и специфику онлайн-обучения.
Асами Мория поделилась своими впечатлениями от работы с нами:
Дизайн был сделан очень быстро, и мы с нетерпением ждем запуска сайта, чтобы увидеть реакцию наших пользователей. Нам очень понравилось работать с Purrweb, и я надеюсь, что мы будем работать вместе и дальше. Настоятельно рекомендую Purrweb другим компаниям.
Сейчас мы активно обсуждаем новые дизайн-задачи и планируем дальнейшую работу с компанией Zeroney Inc.
