Дизайн-система FlopSpace
Что за проект?
Платформа для помощи стартаперам через негативный опыт индустрии используя статьи, кейсы, тесты.
Предпринимателям нет необходимости совершать ошибки, лучше учиться на большом количестве чужих.
Мы полностью пересобрали FlopSpace
3 месяца назад мы сделали медиа, который имел хороший визуальный коннект с фирменным стилем, но при этом был не жизнеспособен при большом объеме контента.
Наша команда приняла решение полностью сделать новую оболочку продукта по стандартам индустрии медиа.
Наша продуктовая команда, которая меняла сервис за модуль
Какие были проблемы?
— Непродуманная структура под формат — Сложно долго читать текста из-за темной темы — Невозможность интеграции элементов друг в друга (виджеты-коннекторы) — Не было возможности делать разные форматы контента
С полным пониманием того, что мы хотим сделать большой продукт, который переживет любые объемы наполнения — мы начали работу
В основу нашего нового продукта лёг атомарный подход, на котором мы выстроили всю дизайн-систему
Разложили фирменные цвета на продуктовые оттенки
Компоненты из ui kit
Текстовые стили
— Добились системной иерархии контента — Масштабируемая система контента — Нативная навигация как на сайтах-конкурентах — Улучшили контрастность цветов и привели к удобному формату чтения — Сделали систему виджетов для статей, которые позволяют комплексно знакомиться с контентом
Посмотри наши прототипы
Мобилка:
Десктоп:
