Stranke Читай наш ТГ-канал, там жарим полезный контент
О нас SEO & GEO Яндекс Директ Авито Медиа-посевы CRM & ERP Сайты и сервисы
Обсудить проект
Stranke
О нас SEO & GEO Яндекс Директ Авито Медиа-посевы CRM & ERP Сайты и сервисы Обсудить проект
Мы помогаем амбициозным компаниям создавать успешные продукты и продавать больше. И нас можно подключить на любом этапе.
Читай наш ТГ-канал, там жарим полезный контент
Главная/Сайты и сервисы/Ilya Fisherman
Веб-разработкаМузыка · Личный бренд

Ilya Fisherman: сайт, который звучит в унисон с артистом

Собрали музыку, характер и живую сцену в одном месте. От первого впечатления — к релизам, концертам и заявке на выступление.

Посмотреть сайт ↗ Как устроен проект ↓
Десктопный сайт Ilya Fisherman: золотой рукописный логотип поверх чёрно-белых фотографий музыканта
Первый экран: имя артиста, четыре портрета и собственная атмосфера.
О проекте

Личная сцена
в цифровом мире

Илья Фишерман — музыкант и композитор из Санкт-Петербурга. В его песнях рэповая структура встречается с инди, живыми аранжировками и лёгкой ностальгией. Сайту нужен был такой же узнаваемый характер.

Мы объединили афишу, дискографию, видео и историю исполнителя в цельный промо-сайт. Для слушателя — знакомство с музыкой. Для организатора события — возможность увидеть артиста вживую и перейти к обсуждению выступления.

Задача

Передать характер.
Дать музыке место.
Сделать следующий шаг понятным.

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

01 / Образ

Узнать артиста

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

02 / Музыка

Услышать и увидеть

Обложки ведут к релизам, а концертные видео показывают атмосферу выступлений.

03 / Контакт

Пригласить на сцену

Заявка собирает дату, способ связи и детали частного или корпоративного события.

01
Визуальный язык

Тёмный фон. Живые кадры. Золотая подпись.

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

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

02
Музыка и контент

Дискография, которую хочется рассмотреть

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

Раздел релизов Ilya Fisherman: пять обложек веером и ссылки на музыкальные площадки
Веер релизов: обложки работают и как композиция, и как навигация к музыке.
03
Живое присутствие

Сцену можно почувствовать ещё до концерта

Большое концертное видео и лента вертикальных роликов показывают разные стороны исполнителя. Короткие видео открываются в отдельном окне с управлением воспроизведением; рядом доступны переходы в VK Видео и YouTube.

Медиаконтент загружается по мере необходимости: первое знакомство с артистом не требует заранее скачивать все концертные записи.

Лента вертикальных музыкальных и концертных видео Ilya Fisherman
Вертикальные ролики и живые выступления дополняют музыкальный портрет.
04
Сценарий обращения

От знакомства — к приглашению

Для организаторов подготовлен отдельный блок «Живой вечер под ваш повод». В интерфейсе заявки есть календарь, переключение между телефоном и Telegram, поле с деталями события и согласие на обработку данных. Прямые контакты остаются доступны в конце страницы.

Интерфейс заявки на выступление: имя, дата события, телефон или Telegram и описание мероприятия
Отдельный сценарий для частных и корпоративных событий.
Два мобильных экрана сайта Ilya Fisherman: первый экран и форма заявки на выступление
Мобильная версия: тот же характер, компактная композиция и удобные поля.
Техническая работа

Много медиа. Быстрый первый экран.

Подготовили WebP и адаптивные размеры изображений, локальные шрифты, отложенную загрузку видео и JavaScript. Для поиска и публикации ссылок добавили метаданные, Schema.org, карту сайта и обложку для соцсетей.

94/100

Скорость на телефоне

До оптимизации: 62
99/100

Скорость на компьютере

До оптимизации: 95
100/100

SEO и доступность

Оба показателя — 100

По отчёту проекта от 16 сентября 2026 года. Лабораторные оценки могут меняться между проверками. Отчёт PageSpeed Insights ↗

Результат

Один адрес.
Целая музыкальная вселенная.

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

  • Адаптивная композиция для компьютера, планшета и телефона.
  • Переходы от обложек и видео к музыкальным площадкам.
  • Навигация по разделам и прямые контакты для организаторов.
  • Поддержка системной настройки уменьшения анимации.
Следующий проект — ваш

Вашему бренду тоже
нужен свой голос?

Соберём характер, контент и задачи в сайт, который хочется изучать.

Обсудить проект ↗
← Все работы по разработке сайтов

Студия всегда
на связи, звоните!

↗ +7 (995) 465-
08-13

Можете кинуть
весточку на E-mail.
Почту разбираем
сразу

↗ info@stranke.ru

Растим метрики e-commerce продуктов, принадлежим к комьюнити IT- разработчиков с широким спектром компетенций и ежедневно выпускаем проекты, которые приносят бизнесу прибыль

О нас SEO & GEO Яндекс Директ Авито Медиа-посевы CRM & ERP Сайты и сервисы Обсудить проект