Сайт и фирменный стиль scratch.radio

PWA-приложение и онлайн-радио для трансляции авторской скретч-музыки и не только
Год разработки: 2021
На поддержке: 2021 — ∞
Сайт и фирменный стиль scratch.radio
scratch.radio — проект, целью которого является популяризация и распространение скретч-музыки. Он предоставляет слушателям бесплатный доступ к авторским трекам в формате онлайн-радио

Задача

Реализовать полнофункциональное онлайн-радио с собственным сайтом и мобильными приложениями. Ключевой задачей было создание Progressive Web App (PWA) на React, которое можно установить на любое устройство

Основные функции сайта

Авторский дизайн
Адаптивная верстка
Оптимизация скорости загрузки сайта
Проверено на компьютерах, планшетах и смартфонах
Проектирование архитектуры системы
Проектирование интерфейса
Android-приложение
iOS-приложение
Фирменный стиль

Реализация / Pipeline

Стек

React
Frontend
SASS
TS ES6+

Интеграции

Система управления вещанием AzuraCast
Яндекс Метрика для аналитики пользовательского поведения

Другие инструменты

Figma
Adobe Photoshop
Git
GitLab CI/CD
Butt / SopCast для проведения прямых эфиров

Макеты

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

Stations list
About us
Station broadcast
Streaming
Menu
Cover

Адаптивность

Сайт и фирменный стиль scratch.radio
Сайт и фирменный стиль scratch.radio
1024 px
или любое другое разрешение по запросу
768 px
PWA
помимо адаптивной версии мы также разрабатываем мобильные версии

Результаты работы

В результате работы, получился уникальный проект, который является примером хорошего UI и позволяет пользователям беспрепятственно наслаждаться бесплатной музыкой где угодно
В рамках проекта было создано мобильное приложение на Android и сборка для Apple. Приложение принимало участие в конкурсе «Рейтинг рунета» в номинации «Культура, искусство, общество»