🚀Наши работы и проекты | Redwest Studio
info@redw.me
preview

Stellium

Русское онлайн радио в Германии

Ссылка: stellium.de

Цена: 1200$

Страны: DE/

Языки: DE/

Срок исполнения: 55 дней

Услуга: Создание сайта-лендинга

Основные цвета:

FireShot Capture 215 - Stellium Radio - русское радио в Германии - stellium.de.png

Архив: мобильная версия

FireShot Capture 218 - Stellium Radio - русское радио в Германии - stellium.de.png

О нас: mobile

FireShot Capture 209 - Stellium Radio - русское радио в Германии - stellium.de.png

Главная

FireShot Capture 212 - Stellium Radio - русское радио в Германии - stellium.de.png

Архив

FireShot Capture 206 - Stellium Radio - русское радио в Германии - stellium.de.png

О нас

Проект

Stellium - это русское онлайн-радио, которое вещает по всей территории Германии. Актуальные новости, хорошая музыка, интересные программы, постоянные акции, а так же хорошее настроение всегда доступно круглосуточном режиме, без перерывов и выходных. Так же было разработано мобильное приложение.

О сайте

Изначально сайт был разработан на React.js, а после по необходимости перенесен на фреймворк - Next.js. Сайт сочетает в себе передовые и проверенные технологии по разработке сайтов и разработанный эксклюзивный дизайн с пожеланиями заказчика. Собственные разработанные виджеты и плеер. Технология ленивой загрузки изображений.

Сверхлёгкий радио-плеер собственной разработки

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

 

К примеру, в нашей ситуации вес стандартного плеера, который предоставлял хостинг радио был около 3000КБ - это больше, чем вес всей страницы сайта. 

Чем дольше грузится сайт, тем больше вероятности, что посетитель сайта уйдет к конкурентам!

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

Плеер был встроен в код сайта и создан на основе JS, HTML5 и СSS3, что делает его работоспособным на любом браузере! Все современные браузеры работают с этими технологиями и являются неотъемлемой частью браузера.

  1. Возможность слушать и переключать радио-каналы станции
  2. Регулирование звука
  3. Возможность открыть плеер в окошке отдельно от сайта
  4. Транслирование данных о текущем играющем на канале треке
  5. Прогрузка и автоматический поиск картинки для играющего трека
  6. Возможность усовершенствования плеера в будущем, если будет такая необходимость
  7. Продуманный индивидуальный дизайн

Многофункциональный виджет “План эфира”

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

Проработка дизайна виджета позволила его сделать компактным и удобным, к тому же были применены технологии ленивой загрузки для экономии трафика и возможности подгружать все по мере надобности, так же списки были построены на технологии “виртуальный список”  что позволило отображать громадные списки треков (около 10тыс на текущий момент) без торможений браузера.

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

Итог

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

Естественно была подключена Яндекс метрика и Гугл аналитика для отслеживания поведенческих факторов посетителей, другими словами наша команда старается улучшить показатели по времяпровождению на сайте, скорости выгрузки и удобства пользования сайтом.

Именно такие моменты позволяют держаться выше конкурентов.

Ведь перед заказчиком открылась не только возможность по продвижению сайта в SEO, а и конкретное преимущество в виде сайта с хорошей конверсией и скоростью, а последнее важный фактор в Гугл.