Flo — редизайн главной страницы музыкального приложения

Описание

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

Основное внимание уделено чистому, последовательному интерфейсу, удобной организации музыкального контента и масштабируемой дизайн-системе.

Решение

Разработал дизайн главной страницы приложения в Figma, предусмотрев светлую и тёмную темы.

В рамках проекта:

спроектировал структуру главного экрана с разделами недавно прослушанных, избранных, популярных и недавно добавленных треков;

разработал переиспользуемые UI-компоненты, включая строки треков и горизонтальные карусели;

проработал цветовые токены, типографику, отступы и радиусы;

организовал дизайн-систему с семантическими цветами и едиными правилами именования;

подготовил структуру компонентов и документацию для дальнейшей реализации интерфейса в SwiftUI.

Результат

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

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

Работа выполнена в соавторстве

Презентация проекта

Ссылки на примеры реализации