Лендинги и дизайн для бренда My English Way
Дизайн лендингов для My English Way, доработка брендбука. Визуал, адаптированный под характер бренда и обучающие продукты.
О задаче и заказчике
Школа английского языка MyEnglishWay занимается созданием комплексных курсов по изучению английского языка, а также воркбуков по изучению лексики.
Основательница школы, Майя, сама разрабатывает курсы и материалы, поэтому в каждом продукте чувствуется её стиль и подход к обучению.
Продвижение школы построено вокруг её личности: студенты приходят не просто учить английский, а учиться у Майи. Через соцсети она транслирует ценности, подход и атмосферу школы, формирует доверие и привязанность к бренду.
Основательница школы, Майя, сама разрабатывает курсы и материалы, поэтому в каждом продукте чувствуется её стиль и подход к обучению.
Продвижение школы построено вокруг её личности: студенты приходят не просто учить английский, а учиться у Майи. Через соцсети она транслирует ценности, подход и атмосферу школы, формирует доверие и привязанность к бренду.
Моя основная задача в этом проекте: разработка дизайна лендингов для продуктов MyEnglishWay.
Что было важно: отразить характер Майи в дизайне – её энергию и креативность (при этом сохранить функциональность и удобство сайтов для пользователей).
Какие задачи выполнила в рамках проекта
- Анализ деятельности компании и ЦА;
- Интервью с основательницей школы;
- Подготовка мудбордов;
- Создание дизайн-идеи и ключевых дизайн-элементов;
- Доработка брендбука;
- Брейнштормы с командой;
- Разработка дизайн-макетов лендингов;
- Адаптивная верстка сайтов на Tilda и релиз.
Интервью
Я провела интервью с основательницей школы, чтобы узнать больше информации о ней самой и ее целевой аудитории. Также изучила фидбек от учеников.
Оказалось, что Майя не просто руководит проектом – она является его сердцем и голосом. Рабочие тетради наполнены характерными для неё мемами, нестандартными ассоциациями и авторской системой изучения лексики. В весь образовательный контент интегрирован ее юмор, лёгкость и любовь к языку.
Оказалось, что Майя не просто руководит проектом – она является его сердцем и голосом. Рабочие тетради наполнены характерными для неё мемами, нестандартными ассоциациями и авторской системой изучения лексики. В весь образовательный контент интегрирован ее юмор, лёгкость и любовь к языку.
Стало понятно, что в дизайне необходимо продумать атмосферу, в которую захочется попасть и остаться, как будто ты здесь уже «свой» и точно знаешь: учёба будет увлекательной и интересной.
Мудборд
На основе проведенного анализа я собрала карту ассоциаций и мудборд. В мудборде выделила якорные стилистические элементы, которые впоследствии мы включили в брендбук, чтобы прослеживать консистентность для всех продуктов школы на всех digital-носителях.
Основные якорные элементы, которые я использовала:
Основные якорные элементы, которые я использовала:
- Фотостиль: пейзажные фото, фото людей — отражают легкость Майи, любовь к путешествиям, демонстрируют комьюнити, которое она формирует.
- Flat-графика «от руки»: рисованные стикеры и линии, которые напоминают заметки из дневника, чтобы дать пользователю понять, что он «свой», и с ним хотят разделить что-то действительно личное.
- Gif-анимация с персонажами из попкультуры: отсылки на жизненные ситуации, то, что людям знакомо и привычно, то что Майя использует в коммуникации в соцсетях.
- Коллажный стиль: чтобы связать предыдущие элементы вместе + показать многослойность и глубину (такую же, как в продуктах школы).
Дизайн-особенности
Далее дизайн лендингов разрабатывался уже на основе утверждённого брендбука.
Но для каждого проекта я продолжала вести карточки проектов с ключевой информацией: вместе с маркетологом и копирайтером мы обсуждали ЦА, особенности каждого продукта и основные месседжи, на основе которых я создавала мини-мудборд.
Ведь несмотря на общий визуальный стиль, важно было учесть особенности каждого продукта и рекламной кампании и адаптировать под них дизайн.
Но для каждого проекта я продолжала вести карточки проектов с ключевой информацией: вместе с маркетологом и копирайтером мы обсуждали ЦА, особенности каждого продукта и основные месседжи, на основе которых я создавала мини-мудборд.
Ведь несмотря на общий визуальный стиль, важно было учесть особенности каждого продукта и рекламной кампании и адаптировать под них дизайн.
Пример 1
Для запуска одного из обучающих курсов основным месседжем было «Взлететь над Intermediate».
Для запуска одного из обучающих курсов основным месседжем было «Взлететь над Intermediate».
Поэтому в дизайне были использованы, например, такие элементы:
- Анимация неба на главном экране;
- Анимация коллажа с самолетом и посадочным билетом на рейс;
- Информационные плашки в виде облаков;
- Отсылки к солнцу в виде анимации и теплых оттенков на сайте.
Пример 2
Один из продуктов подразумевал формат закрытого телеграм-канала с ежедневной коммуникацией в чате.
Поэтому для этого проекта я использовала следующие элементы:
Один из продуктов подразумевал формат закрытого телеграм-канала с ежедневной коммуникацией в чате.
Поэтому для этого проекта я использовала следующие элементы:
- Элементы интерфеса и цветовую гамму в стилистике Telegram;
- Иконки, эмодзи и реакции;
- Интерфейсную графику;
- Gif-анимации в кружках на манер видеосообщений в чате.
Проектная команда
Над этим проектом мы работали в связке с основательницей школы, копирайтером, маркетологом, а также техническим специалистом. Совместно вели карточки проектов и проводили брейнштормы.
В этом проекте я выступала как веб дизайнер: продумывала стилистику и визуальную коммуникацию, над контентом и структурой сайта работала команда маркетинга.
В этом проекте я выступала как веб дизайнер: продумывала стилистику и визуальную коммуникацию, над контентом и структурой сайта работала команда маркетинга.
Итоговый дизайн и верстка
- В результате все носители (от лендингов до соцсетей и рекламных креативов) имели законченный брендбук, который я помогла доработать, чтобы поддерживать консистентность стиля.
- При этом каждый лендинг проектировался с учётом особенностей конкретного продукта школы: я адаптировала дизайн под тематику продукта, рекламные месседжи и формат подачи.
Это позволило сохранять общий стиль, но при этом придать каждому лендингу свой характер, отражающий идею конкретного запуска.
Для всех лендингов я сделала адаптивную верстку на Tilda, где особое внимание уделила мобильной версии.
Дизайн и новая стилистика получили положительные отзывы как заказчицы, так и учеников школы.
Дизайн и новая стилистика получили положительные отзывы как заказчицы, так и учеников школы.
Результаты
- Рост узнаваемости и консистентность. Единая стилистика прослеживается на всех носителях: от лендингов до презентаций и рекламных креативов.
- Гибкая система под разные продукты. Единый стиль адаптируется под задачи конкретного продукта школы без потери цельности бренда.
- Дизайн лендингов и новая стилистика получили положительные отзывы как заказчицы, так и учеников школы.
