InkHeart
Сайт-студія для тату-майстерні в Києві, де кожен татуаж — особиста подія, а не послуга з прайсу.
InkHeart — авторська тату-студія в центрі Києва: пʼять майстрів, власна школа, своє ставлення до ремесла. До нас власники прийшли з готовим брендом — лого, типографіка, тональність уже існували. Не вистачало цифрової вітрини, що звучить так само серйозно, як і сама студія.
Виклик був делікатний: у тату-ніші більшість сайтів виглядають як або стокові «темні» макети з пензликами, або як Instagram-перелік татуажів. Ми хотіли зробити щось ближче до сайту художньої галереї — простір, де роботи мають дихання й де майстер представлений як автор.
Пʼять тижнів — від першого скетчу до запуску продакшну.
Галерея, не
каталог
Перший крок був прибрати все, що зробило б сайт «комерційним»: ціни, прайси, «акції», текстові кнопки «забронюй». Натомість — велика портретна типографіка, чорно-білі обкладинки секцій, сторінки-портрети майстрів.
Бо тату — не товар. Тату — це робота автора. І коли користувач дивиться портфоліо, він має дивитися саме крізь оптику автора, а не порівнювати «10 робіт за 5000 грн».
Сторінки майстрів
Кожен має портрет-сторінку: фото, текст від першої особи, портфоліо у вертикальній стрічці. Без «бронювати зараз».
Стилі як секції
Реалізм, графіка, орнамент, леттерінг — кожен стиль має свою секцію з прикладами, текстом і голосом одного майстра.
Заявка через діалог
Форма побудована як ланцюжок питань: «що, де, коли, з ким». На виході — лід із контекстом для майстра.
Жодного TikTok-таймера
Без countdown'ів, без «осталось 3 місця». Студія працює за чергою, і сайт не маніпулює — це частина бренду.
Чорнило
і тиша
Палітра — два кольори: чорнило (#0A0A0A) як основа, тепло-кремовий (#F4EFE7) як фон-папір. Один акцент — приглушений мідний — використовується тільки для активних станів і ключових слів. Все. Жодних градієнтів, жодних додаткових кольорів.
Шрифт-пара: великий дисплейний серіф із виразним курсивом для заголовків — створює відчуття старого видавництва. І сучасний гротеск для тіла, щоб тексти читались легко.
Чорнило. Тиша.
Aa
PP Editorial New · Display / Söhne · BodyТату — це не покупка. Це домовленість на все життя. Сайт має відповідати цій вазі.
Повільніше — це дорожче
Скрол на сайті свідомо інерційний — Lenis з підвищеним damping. На головній сторінці — повільний reveal великого заголовка «INK HEART», який зʼявляється літера за літерою. Картки робіт у портфоліо зʼявляються з затримкою у 200мс одна від одної, щоб око вловлювало кожну окремо.
Курсор кастомний — кружечок, що збільшується над активними елементами. Це дрібна деталь, але вона працює: користувач починає рухатись повільніше, ніж зазвичай.
Чесна
статика
Без CMS, без серверу, без бази даних. Контент майстрів і робіт лежить у репозиторії як набір markdown-файлів і JSON. Студія сама редагує файли через Notion-подібний інтерфейс, який ми зібрали на основі Decap CMS. Деплой — Netlify, ребілд при кожному пуші.
Перші шість місяців
Заявки стали якіснішими — з контекстом, референсами, бюджетом. Майстри витрачають менше часу на «попередні питання» в DM. Студія планує черги на місяці вперед.
Тепер клієнт пише не «скільки коштує?» — а «можна записатись до Максима на ці дати?». Це інший рівень розмови.
