Контекст
Место, где главное — музыка.
Amato был камерным джаз-клубом в Иркутске, объединявшим живые концерты, джем-сейшены и людей, которые ценят умение слушать. Его характер складывался из музыки, продуманной акустики и близости между исполнителями и гостями.
Первый сайт клуба был простой страницей, собранной в конструкторе одного из банков. Он обеспечивал присутствие в интернете, но почти не передавал атмосферу места, а продажу и обработку билетов оставлял команде.
За несколько итераций тесной работы с клиентом я превратил сайт в более полное выражение характера Amato и полезный инструмент для ежедневной работы клуба.
Задача
Сделать выбор концерта таким же продуманным, как сам вечер в клубе.
Постоянные гости заходили на сайт посмотреть афишу. Новым посетителям нужно было понять, что такое Amato, чего ожидать и как попасть на концерт. Команде — самостоятельно публиковать события.
Существующий сайт не решал эти задачи: афишу было неудобно просматривать, билеты обрабатывались вручную, а интерактивного выбора мест не было. Атмосфера клуба и его отношение к музыке почти не ощущались.
Задача — объединить афишу, характер клуба и покупку билетов на понятном сайте, который оставался бы лёгким и удобным в управлении для клиента.
Знакомство с сайтом: от первого экрана до афиши и самого клуба.
Подход
В рамках исследования для брендинга и сайта я опросил гостей клуба, изучил конкурентов и смежные проекты, а вместе с основателем уточнил, что именно должен доносить сайт.
Tilda подходила под требования проекта и позволяла клиенту самостоятельно обновлять афишу. Я разработал индивидуальный дизайн, написал тексты и подобрал фотографии из материалов клуба. Последующие итерации опирались на аналитику и опыт работы с действующим сайтом.
В основе работы — три принципа:
— Сделать афишу доступной
Сохранить первый экран простым, а просмотр ближайших событий — удобным для гостей, которые регулярно возвращаются узнать о новинках.
— Передать характер клуба
Использовать понятный язык, выразительную типографику и фотографии реальных концертов и интерьеров, чтобы передать внимание Amato к музыке.
— Дать команде самостоятельность
Передать сайт, который команда сможет обновлять сама, а вместе с ним — многократно используемый конструктор афиш в Figma и инструкции по работе с ним.
Решение
Выразительный сайт с практичной основой.
Почти чёрный фон, крупная типографика и оранжево-красные акценты переносят айдентику Amato на сайт. Четырёхколоночная сетка задаёт афише ясный ритм, а постеры и фотографии знакомят с пространством клуба.
Карточки событий собирают главное: выступление, дату, цену и прямое предложение купить билет. Интеграция с TicketsCloud позволяет гостям выбирать места на интерактивной схеме и оплачивать билеты онлайн.
Остальной контент показывает формат и атмосферу клуба, знакомит с его историей, помогает найти его на карте, узнать правила и связаться с командой. Возможности поддержать клуб пожертвованием и оставить отзыв дают посетителям дополнительные способы участвовать в его жизни.
Производительность учитывалась во всех деталях: лёгкий первый экран, сжатые фотографии, оптимизированные файлы шрифтов и сдержанная CSS-анимация. Адаптивная вёрстка и упрощённая мобильная навигация сохраняют те же приоритеты на небольших экранах.
История клуба и фотографии соседствуют с практической информацией для посетителей.
Результат
От информационной страницы к рабочему инструменту клуба.
Amato получил сайт, который объединил айдентику, афишу и покупку билетов. Гости могли знакомиться с будущими выступлениями и самим клубом, выбирать места онлайн, а команда — самостоятельно вести афишу.
Проект прошёл через несколько крупных итераций: по мере развития задач клуба уточнялись контент, вёрстка, производительность и процесс покупки билетов.