Šokify- наш закрытый музыкальный сервис для наших участников коллектива и их родителей. Целью создания Šokify была идея сделать место, где все музыкальные треки будут собраны в 1 сайте, что бы наши актеры могли повторять, что проходили на репетиции.
Мы долгое время не раскрывали музыку которую используем на спектаклях, но теперь - мы создали место, где все необходимые музыкальные треки собраны воедино.
Разработка Šokify начиналась 2 октября 2025 года, когда был выпущен первый пробный дизайн сайта. С того момента на момент написания поста было опубликовано 70 треков на сайте. В первом дизайне, и в последующих нескольких версиях акцентными цветами были оранжевый и желтый, а второстепенными выступал синий (использовался в переключателях и ползунках)
Первая версия сайта:
Основным плеером было нижнее меню, которое перекрывало навигационную панель. В старом мини плеере были все кнопки, из за этого было невозможно пользоваться ползунком перемотки на телефонах, ведь все пространство плеера занимали навигационные кнопки
В следующей версии была добавлена "Моя волна" и реальная система лайков. В моей волне на тот момент было 2 источника - Все треки и Мои лайки.
Спустя 2 поколения системы сайта была реализована первая система Радио: Раньше в радио возникало много ошибок - каждые 3 секунды трек перематывался на случайную точку, часто возникали проблемы с стилем волны, а сам дизайн радио был выполнен в стиле сайта, у него не было адаптации для телефонов и был первый режим караоке
Через несколько пробных версий был создан последний дизайн радио
Фоном радио в реальном времени становится самый яркий цвет на обложке текущего трека, а караоке регулярно пополняется. Также для администрации сайта были реализованы функции принудительных треков.
В дальнейшем исправлялись только функции караоке: была смена дизайна и улучшение точности. Теперь администрация вручную создает караоке для каждой песни, а расчет строчек происходит по миллисекундам, с максимальной точностью.
В ходе разработки сайта была создана система синхронизации с Telegram - ботом
Все уведомления, которые вы получаете на сайте теперь дублируются в ваш Telegram - для этого нужно привязать свой аккаунт в Профиле, выполнив простые шаги
В ходе последнего крупного редизайна, референсом стало мобильное приложение Яндекс Музыки. Первая версия референса выглядела следующим образом:
В ходе создания текущей версии сайта были полностью переделаны многие страницы. Наибольшее количество изменений потерпела главная страница - она стала занимать в 2 раза больше места на диске, чем до редизайна. Основными цветами в итоговой версии редизайна стали бирюзовый и белый
Основные изменения: • Новая анимация "Моя волна" на главной странице - переливающаяся волна, олицетворяет то, что наш музыкальный сервис всегда находится в моменте • Новая механика "Рандомный хештег" на главной странице - при нажатии в поиск вбивается абсолютно случайный существующий хештег • Новая функция - "Плейлисты" на странице Моей Волны - там вы теперь сможете создать свой плейлист или добавлять чужие. Менять их как вам удобно и слушать музыку по вашим предпочтениям • Полностью переделана большая часть иконок на сайте - теперь большинство иконок на сайте созданы нами с помощью ИИ, раньше использовались обычные встроенные эмодзи • Полностью с 0 переделаны карточки треков на главной странице - найти нужный трек еще удобнее, ведь каждая карточка трека стала в 5 раз меньше и теперь отображает только действительно нужную информацию
Была полностью переделана механика мини плеера: • Фоном мини плеера теперь выступает основной цвет на обложке текущего трека • Мини плеер больше нельзя скрыть • На мини плеере остался только ползунок перемотки и кнопка паузы • Нажав по мини плееру можно открыть полноэкранный плеер