Vinyls.Pro

О проекте

Vinyls.Pro — это платформа для управления виниловыми коллекциями, созданная для ценителей пластинок и диджеев.

Что я сделал

• Проработал пользовательские сценарии и юзер-флоу
• Создал брендинг и визуальный стиль (вместе с графическим дизайнером)
• Создал UI-кит и дизайн-систему, внедрил тёмную и светлую темы
• Cпроектировал интерфейс сервиса
• Разработал лендинг с интерактивной презентацией возможностей
• Адаптировал интерфейс для мобильных устройств
• Участвовал во фронтенд-разработке на React и Next.js

Интерфейс

Страница Home

Оформлена в виде дашборда. Здесь собрана основная информация и статистика по коллекции.

Интерактивные виджеты

Все ключевые элементы страницы Home интерактивны. На временной шкале удобно видеть, как росла коллекция. Виджет с ключевыми данными даёт информацию о пластинках и автоматически строит чарты. Интерактивная карта показывает, в каких городах и странах были куплены пластинки.

Режим Коллекции

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

Мобильная версия

Интерфейс адаптирован для мобильных устройств.

UI-кит и дизайн-система

Создана единая дизайн-система с набором компонентов, токенов, типографики и состояний.

Лендинг

Лендинг был разработан на Next.js и кастомной системой стилей. Он содержит интерактивную презентацию возможностей сервиса, информацию о нём и блок с тарифами.

Результат

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

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