Второй модуль, UX/UI, БВШД, 2018
Proxima
конcтрукор лендингов для mail.ru, в котором сложно невозможно сделать плохо
Задача:
Компании на постоянной основе нужно создавать лендинги, для существующих продуктов; демонстрации новых фич, для новых продуктов и привлечения новой аудитории. Сейчас нет общепринятого процесса и общего стиля.
Компании на постоянной основе нужно создавать лендинги, для существующих продуктов; демонстрации новых фич, для новых продуктов и привлечения новой аудитории. Сейчас нет общепринятого процесса и общего стиля.
* * *
Выделили пользу для компании
— сократить время создания лендингов
— сделать продукт удобным/нужным
— в будущем, возможно, сделать отдельным продуктом
— улучшить имидж
— сократить время создания лендингов
— сделать продукт удобным/нужным
— в будущем, возможно, сделать отдельным продуктом
— улучшить имидж
Исследование
Понимание задачи
Со стейкхолдером выяснили основные задачи, провели брейнсторм, набросали фичи, приотеризировали их. Выделили MVP. Остальные идеи записали в бэклог и передали заказчику вместе с итогами работы.
Что нужно от сервиса?
1. Простота создания страниц. Полльзователей пугает, что им нужно будет потратить много времени для того, чтобы изучить сервис.
2. В стилистическом плане основываемся на дизайн-системе компании — Paradigm.
3. Командная работа важна. Доступ к лендингу и редактирование онлайн.
4. Уменьшаем количество участников. Теперь маркетологи (им чаще других нужно делать лендинги) — главные. Им помогают Дизайнер и Редактор. Остальные задачи автоматизировали.
1. Простота создания страниц. Полльзователей пугает, что им нужно будет потратить много времени для того, чтобы изучить сервис.
2. В стилистическом плане основываемся на дизайн-системе компании — Paradigm.
3. Командная работа важна. Доступ к лендингу и редактирование онлайн.
4. Уменьшаем количество участников. Теперь маркетологи (им чаще других нужно делать лендинги) — главные. Им помогают Дизайнер и Редактор. Остальные задачи автоматизировали.
Интерфейс
Основные интерфейсные решения
Создание страницы из текстового документа
Перетаскиваем docx-файл в окно браузера и система автоматически распознает разметку и выстраивает блоки самостоятельно. Пользователь контролирует процесс. Всё можно редактировать.
Перетаскиваем docx-файл в окно браузера и система автоматически распознает разметку и выстраивает блоки самостоятельно. Пользователь контролирует процесс. Всё можно редактировать.
Создание страницы из шаблона
Дизайнеры подготовили шаблоны с основными блоками на основе внутренней аналитики mail.ru, которые соответствуют дизайн-системе Paradigm.
Так же можно создать страницу на основе своей или уже существующей страницы созданной в рамках сервиса.
Лендинг легко отредактировать
Все блоки легко кастомизировать, но сложно испортить. Все варианты проверены и заранее утверждены с дизайн-отделом. Есть история изменений.
База изображений
Внутри компании работают иллюстраторы и художники. Они помогают илюстрировать страницы уже готовыми рисунками и иконками. Proxima позволяет искать нужные изображения по контексту.
Совместная работа
Каждый из участников имеет доступ к лендингу онлайн. Есть система комментариев. Можно вести дискуссию прямо там не отвлекаясь на написание писем.
Каждый из участников имеет доступ к лендингу онлайн. Есть система комментариев. Можно вести дискуссию прямо там не отвлекаясь на написание писем.
А/Б тесты и аналитика
Все счетчики и маркеры проставленны автоматически в заготовленных блоках. Маркетолог может самостоятельно проводить тестирование и распределять трафик.
Все счетчики и маркеры проставленны автоматически в заготовленных блоках. Маркетолог может самостоятельно проводить тестирование и распределять трафик.
Подводим
Итоги
В результате спринта была разработана система которая поможет сотрудникам не перерабатывать, компании экономить деньги на производстве продуктов, пользователям узнавать о новых продуктах mail.ru
Артефакты передаваемые заказчику: анимированные прототипы, макеты в Sketch, копия презентации, продуктовая страница
Артефакты передаваемые заказчику: анимированные прототипы, макеты в Sketch, копия презентации, продуктовая страница
Продуктовая страница Proxima: http://mailrulanding.tilda.ws
Спасибо, за внимание.
Да прибудет с вами Сила!
Евгений Засименко
