Тільки Так Рекордс - онлайн-магазин для музичного лейблу: дизайн, що звучить

Контекст і виклик

TILKYTAK RECORDS — незалежна студія звукозапису, яка спеціалізується на випускові музики на фізичних носіях та записі виконавців у власній студії. Команда — творчі перфекціоністи з чітким авторським баченням і бажанням відійти від шаблонних рішень.

 

До проєкту залучили свого графічного дизайнера, який уважно контролював кожен етап — від візуальної стилістики до композицій та відступів.

 

Основний виклик — знайти баланс між естетикою лейблу та зручністю взаємодії для користувачів.

 

Було багато “хотілок”, не притаманних класичній e-commerce структурі: розміщення елементів, анімації, шрифтові рішення. Важливо було зберегти характер і дати відчуття студії, але не на шкоду юзабіліті.

Категорія
E-commerce
Сервіси
UX/UI Design
1

Рішення

Основна ідея — перенести відчуття музики у візуальний простір. Сайт мав не лише інформувати чи продавати, а й створювати настрій, атмосферу, викликати емоцію.

 

Я поєднав естетику аналогового звучання (вініл, текстури, зерно, “пил” на фото) з сучасною типографікою, ритмом і плавною анімацією, щоб досягти ефекту “візуального прослуховування”.

 

Ключові принципи, які я застосував:

– Відмова від шаблонів: структура сайту порушує класичну логіку e-commerce. – Замість уніфікованих карток і сіток — емоційні композиції, що нагадують постери чи обкладинки альбомів.
– Типографіка : великі заголовки, нетипове розташування тексту, акценти через шрифти. Усе це створює відчуття живого ритму.
– Чистота й повітря: багато простору, мінімум зайвих елементів. Це дає змогу користувачу зосередитися на музиці, відчути її характер ще до прослуховування.
– Атмосферна анімація: плавні появи, легка вібрація, зміни контрасту — усе служить передачі настрою.

 

Це не просто сайт-магазин — це візуальна трансляція звучання і філософії лейблу.

2

Результат

Клієнти отримали сайт, який передає їхнє звучання і філософію. Він нестандартний, живий, “теплий” — такий, як і музика, яку вони записують.

 

Попри велику кількість побажань і нестандартних рішень сайт:
– зручний для користувача (зрозуміла навігація, структурований контент),
– адаптивний і легкий в користуванні на мобільних,
– має впізнавану візуальну айдентику (графіка + анімація + типографіка = єдиний стиль).

3

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

Сайт повністю адаптований під мобільні пристрої. Я оптимізував розміщення елементів, типографіку та візуальний ритм для зручного перегляду на будь-якому екрані.

 

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

4

Підсумок

Цей проєкт навчив мене ще краще:

– Відчувати баланс між творчістю замовника і UX-рішеннями;
– Пояснювати й аргументувати дизайн, коли мова про нестандартні підходи;
– Взаємодіяти з командою, де кожен учасник має сильну візію.

 

Результат — дизайн, який звучить так само яскраво, як і музика студії.