Услуги: UX.UI дизайн, Веб-дизайн, CSS, JS

Индустрия: Медиа / Музыкальная

Клиент: Sinteza Orchestra

Sinteza Orchestra. Современный оркестр.
Инструмент продаж: с нуля до маркетинга

Процесс

Изначально проект запускался в формате имиджевого лендинга — как MVP, чтобы протестировать интерес к формату и проверить гипотезу: будет ли проект востребован на рынке. Мы создали промо-страницу на Tilda с краткой информацией об оркестре и возможностью приобрести одну музыкальную программу.

Описание

Sinteza Orchestra — музыкальный оркестр, сочетающий классическую форму с актуальной подачей и сильным брендом.

Первый запуск MVP

Прототип

Этапы проекта

Процесс

Работа началась с анализа первой версии сайта, понимания аудитории и визуального кода, который уже начал складываться у проекта. Важно было сохранить живую, артистичную энергию Sinteza Orchestra — как независимого, современного музыкального коллектива — но при этом переосмыслить визуальную систему: сделать её более зрелой, гибкой и выразительной.

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

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

Задача проекта

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

Аналитика и аудит

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

Архитектура и сценарии

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

Визуальная концепция

Спроектировал ключевые страницы: афиша, программы, контакты. Нарисовал адаптивы под разные сценарии и устройства.

Проработка макетов

Собрал UI-кит, проработал состояния элементов (наведение, загрузка, ошибки, взаимодействие). Участвовал в принятии решений вместе с командой

Дизайн системы и состояний

Поддержка после запуска

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

Готовил макеты и спецификации для верстальщиков, сопровождал внедрение, проводил ревью и уточнял реализацию.

Ревью, отладка и правки

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

Графика к проекту

Главная страница

Этапы проекта

Моя роль

Сформулировал продуктовую роль сайта, определил метрики успеха и приоритеты.

Формулировка целей MVP

Проработал пользовательские задачи и мотивации, построил сценарии взаимодействия.

UX-сценарии и JTBD

Спроектировал масштабируемую структуру и навигацию с учётом роста продукта.

Гибкая архитектура

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

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

Проводил UX-аналитику, вносил правки на основе поведения пользователей и данных.

Data-informed улучшения

Синхрон с командой

Координировал работу между дизайном, разработкой и маркетингом, участвовал в продуктовом планировании.

Я отвечал за архитектуру, UX и развитие сайта как инструмента продаж и коммуникации. Участвовал в креативных и в технических этапах — помогал находить баланс между выразительным дизайном, технической реализацией и пользовательской логикой.

Адаптивный дизайн

Процесс

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

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

Список изменений

Спроектировал структуру внутренних разделов: афиша, разводящая страница, программа, покупка билета.

Выстроил пользовательскую логику: от интереса к концерту до выбора даты и оформления билета.

Разработал визуальную иерархию: акценты на афишу, содержание программы и call-to-action.

Обеспечил повторное использование компонентов: карточки, сетки и блоки адаптированы под разные сценарии.

Продумал поведение в адаптивах: страницы остаются удобными и читаемыми на мобильных устройствах.

Оптимизировал путь к покупке: сократил шаги и улучшил взаимодействие пользователя с CTA-элементами.

Разделы сайта

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

Планшетная версия

Детальная страница

Мобильная версия

Список изменений

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

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

Статистика и показатели

После запуска нового дизайна провели тестирование в рамках рекламных кампаний. Согласно данным из Яндекс.Метрики, сайт с обновлённой архитектурой и UX-подачей демонстрировал существенный рост заказов и билетов.

Яндекс Метрика

+400%

Прирост заказов

Продажи билетов

+300%

Награды и публикации

Проект был опубликована в подборке MadeOnTilda — галерее, отбирающей выдающиеся дизайнерские решения. Также проект попал в подборку Russian Design Awards как один из 1500 лучших проектов на кириллице.

Перестроил навигацию и логику сайта — от промо-лендинга к многостраничному продукту.

Разработал визуальный стиль с акцентом на культурную идентичность и цифровую выразительность.

Спроектировал разделы: афиши, разводящие страницы, детальные страницы программ, покупка билетов.

Создал UI-кит, обеспечил модульность и масштабируемость системы.

Настроил процесс итераций: анализировал поведение пользователей, тестировал решения, вносил улучшения.

Сопровождал разработку, участвовал в QA и следил за качеством внедрения дизайна.

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

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

Выполненные работы

Итоги

Результат проекта

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