Редизайн платформы с добавлением нового функционала
  • О чем продукт?
    Платформа с эксклюзивной и общедоступной специализированной литературой для колледжей. Поддерживает разные роли : преподаватель, студент, администратор.
  • Контекст проблемы
    Функциональность подходила только сотрудникам колледжа. Несмотря на постоянные бэклоги, платформа потеряла свою привлекательность и удобство использования, согласно современным нормам для студентов. Продукт начал терять потребительскую активность среди учеников. Отдел маркетинга дал критически низкую оценку в 11% пользователей.
  • Что я решала?
    Упрощение навигации и изменение текста платформы, исследуя прямых и косвенных конкурентов. Как убедить внести "френдли - стиль" в платформу, где именно взрослая аудитория принимает решение купить / не купить продукт. Как сохранить узнаваемость функционала, но добавить нативные новые фичи продукту.
  • Какой был процесс?
    Сначала мне дали свободу воли, чтобы я провела собственное исследование и сделала свои предложения. Затем проходило многоступенчатое согласование с командой продуктов, руководителем отдела, генеральным директором.

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

    Так же, я связывалась с командой разработки для уточнения деталей верстки, юристом и редактором.
Как выглядят книги и фильтры коллекции. Для составления каждого размера, которая была составлена соответственно бутстрап-сетке, был составлен мастер - компонент.
320
760
1200
User flow "Регистрация"
Благодаря коннекту с продажным отделом,
мне удалось убедить продуктолога сократить форму регистрации, а благодаря связи с юристом, сократить текст соглашения.
Контент
Есть 3 типа: лист, карточки вертикальные (книги) и карточки горизонтальные (мультимедиа, новости, видеокурсы).

Для каждого раздела есть свои фильтры и все это было бы невозможно сделать за короткие сроки, без рождения ui-kit и дизайн -системы.
Ui-kit
Автоматизация рутины
Работа масштабная. Но благодаря UI-kit и компонентам, я создала 9 мастер - компонентов из которых было создано много страниц продукта. Если меняешь матку - меняются дочерние елементы, даже если внутри МК были свои изменения (разные состояния, разные фильтры или контент)
Пример работы мастер
- компонента
Если кратко: он состоит из обычных компонентов, которые в свою очередь состоят из ui-kit
  • На что опиралась?
    • Документация: https://getbootstrap.com/docs/5.0/layout/grid/
    • Документация https://m3.material.io/


  • ИТОГО:
    • Завершение UI-kit на 80%
    • Завершение дизайн-системы на 70%
    • Адаптивы на мобилку, десктоп, планшет
    • Начало сбора дизайн-системы и ее широкое применение
Made on
Tilda