Редизайн платформы с добавлением нового функционала

Контекст

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

Задача

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

Что я решала?

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

Какой был процесс?

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

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

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

Наружняя часть платформы

Это то, как выглядят книги и фильтры коллекции. Для составления каждого размера, которая была составлена соответственно бутстрап-сетке, был составлен мастер - компонент:

320

760

1200

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

Контент

Есть 3 типа: лист, карточки вертикальные (книги) и карточки горизонтальные (мультимедиа, новости, видеокурсы).

Для каждого раздела есть свои фильтры и все это было бы невозможно сделать за короткие сроки, без рождения ui-kit и дизайн -системы.

Ui-kit

Собрано уже 90% и использовано в дизайн системе:

Автоматизация рутины

Работа масштабная. Но благодаря UI-kit и компонентам, я создала 9 мастер - компонентов из которых было создано много страниц продукта. Если меняешь матку - меняются дочерние елементы, даже если внутри МК были свои изменения (разные состояния, разные фильтры или контент)

Пример работы мастер
- компонента

Если кратко: он состоит из обычных компонентов, которые в свою очередь состоят из ui-kit

2. Документация https://m3.material.io/
( Спасибо за пользовательский опыт, гугл)

На что опиралась?

ИТОГО:

Адаптивы на мобилку, десктоп, планшет

Начало сбора дизайн-системы и ее широкое применение

Почти завершение UI-kit