UI/UX-сайта радиостанции Юмор FM

Мы в Piplos Media подготовили UI/UX-концепцию сайта радиостанции Юмор FM как инициативный проект - чтобы показать, каким может быть современный, удобный и визуально сильный цифровой продукт для медиа-бренда.

Наша задача была не просто «освежить дизайн», а продумать пользовательский опыт: как человек заходит на сайт, что он делает в первую секунду, куда идёт дальше и почему остаётся.

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

Что мы хотели решить

• Упростить путь пользователя к прослушиванию эфира.
• Сделать сайт лёгким, понятным и современным.
• Убрать перегруженность и визуальный шум.
• Создать основу для дальнейшего развития платформы.

Наш подход

Мы начали с анализа текущего опыта пользователя и сформировали несколько UX-гипотез. Дальше — спроектировали структуру страниц и пользовательские сценарии, а уже после этого перешли к визуальной части.

В основе концепции:

• минимализм и чистота интерфейса;
• понятная иерархия контента;
• крупные кликабельные элементы;
• фокус на основном действии - запуске радио.

Идея простая: пользователь должен начать слушать эфир в один клик и без лишних действий.

Пользовательские сценарии

В концепции проработаны ключевые сценарии:

• запуск онлайн-эфира;
• переход к программам и ведущим;
• просмотр новостей и спецпроектов;
• знакомство с дополнительным контентом радиостанции.

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

Основные проблемы старого дизайна

1. Используются визуальные приёмы, актуальные для начала 2010-х (объёмные кнопки, перегруженность элементов).
2. Используются устаревшие стили шрифтов, иконок и кнопок, не соответствующие digital-трендам.
3. Перегруженность и «шумность» контента
4. Низкий фокус на основном действии
5. Современные сайты используют небольшие анимации, hover-эффекты, плавные переходы для улучшения восприятия.
6. Нет современных UI-решений для удержания: персонализированных блоков («рекомендуем послушать», «плейлисты дня»).

UI-концепция

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

Стиль получился лёгким, современным и хорошо отражающим характер радиостанции.

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

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

Что было сделано

• UX-анализ.
• Формирование гипотез.
• Проектирование структуры страниц.
• Разработка UI-концепции.
• Подготовка презентации для заказчика.