UI/UX-сайта радиостанции Юмор FM
Мы в Piplos Media подготовили UI/UX-концепцию сайта радиостанции Юмор FM как инициативный проект - чтобы показать, каким может быть современный, удобный и визуально сильный цифровой продукт для медиа-бренда.
Наша задача была не просто «освежить дизайн», а продумать пользовательский опыт: как человек заходит на сайт, что он делает в первую секунду, куда идёт дальше и почему остаётся.
Проект выполнен в формате концепции и презентации, которая демонстрирует логику интерфейса, структуру страниц и возможное визуальное направление.
Что мы хотели решить
- Упростить путь пользователя к прослушиванию эфира.
- Сделать сайт лёгким, понятным и современным.
- Убрать перегруженность и визуальный шум.
- Создать основу для дальнейшего развития платформы.
Наш подход
Мы начали с анализа текущего опыта пользователя и сформировали несколько UX-гипотез. Дальше — спроектировали структуру страниц и пользовательские сценарии, а уже после этого перешли к визуальной части.
В основе концепции:
- минимализм и чистота интерфейса;
- понятная иерархия контента;
- крупные кликабельные элементы;
- фокус на основном действии - запуске радио.
Идея простая: пользователь должен начать слушать эфир в один клик и без лишних действий.
Пользовательские сценарии
В концепции проработаны ключевые сценарии:
- запуск онлайн-эфира;
- переход к программам и ведущим;
- просмотр новостей и спецпроектов;
- знакомство с дополнительным контентом радиостанции.
Каждый сценарий спроектирован так, чтобы пользователь не терялся и всегда понимал, что делать дальше.
Основные проблемы старого дизайна
- Используются визуальные приёмы, актуальные для начала 2010-х (объёмные кнопки, перегруженность элементов).
- Используются устаревшие стили шрифтов, иконок и кнопок, не соответствующие digital-трендам.
- Перегруженность и «шумность» контента
- Низкий фокус на основном действии
- Современные сайты используют небольшие анимации, hover-эффекты, плавные переходы для улучшения восприятия.
- Нет современных UI-решений для удержания: персонализированных блоков («рекомендуем послушать», «плейлисты дня»).
UI-концепция
Визуально мы опирались на сочетание светлого фона, брендовых акцентов и выразительной типографики. Контент подаётся через карточки и крупные блоки, что упрощает восприятие и делает интерфейс «воздушным».
Стиль получился лёгким, современным и хорошо отражающим характер радиостанции.
Адаптивность
Концепция проектировалась сразу с учётом мобильных устройств. Логика интерфейса одинаково понятна на смартфонах, планшетах и десктопе — без потери функциональности.
Что было сделано
- UX-анализ.
- Формирование гипотез.
- Проектирование структуры страниц.
- Разработка UI-концепции.
- Подготовка презентации для заказчика.
Итог
Мы подготовили целостную UI/UX-концепцию, которая показывает, каким может быть современный сайт радиостанции с точки зрения удобства, визуального восприятия и пользовательского опыта.
Даже без реализации этот проект хорошо демонстрирует наш подход к работе с медиа-платформами и умение мыслить не только дизайном, но и логикой взаимодействия пользователя с продуктом.
