INNAN Jewellery: як бачення дизайнерки стало магазином на Shopify

Деякі проєкти — про те, щоб швидко запустити магазин. Цей був про складніше: перетворити точне творче бачення дизайнерки на сайт, у якому відчувається сам бренд. INNAN Jewellery — незалежне дизайнерське ювелірне ательє в Берліні, яке 2013 року заснувала українська дизайнерка Інна Н.. Воно працює передусім з індивідуальними замовленнями й має впізнавану скульптурну естетику. Коли Інна звернулася до нас по повний редизайн, вона прийшла не з розмитим брифом, а з чітким баченням нового сайту в конкретному стилі, який уже мала на думці. Нашим завданням було належно втілити це бачення: взяти чітко визначений творчий напрям і перетворити його на сайт, який працює так само бездоганно, як виглядає.

Це історія про те, як ми це зробили — через дослідження, дизайн і розробку, — і про магазин, який ми створили для одного з найсамобутніших незалежних ювелірів Берліна.

Бренд: архітектура в металі

Щоб зрозуміти проєкт, треба зрозуміти бренд. INNAN заснувала в Берліні 2013 року українська дизайнерка Інна Н.. Вона працює в затишному ательє в районі Берлін-Мітте, де кожну прикрасу розробляють і вручну доводять до завершеного вигляду. Естетику неможливо сплутати: скульптурна, архітектурна, натхненна бруталістськими будівлями Києва, де минуло дитинство Інни, і ритмами Берліна та Парижа, — злегка неідеальні вигнуті форми й сміливі графічні фактури, які при цьому залишаються елегантними й чистими. Серії Chaotic, Cenote та Vortex відомі тим, що сам бренд називає «брутальною і водночас витонченою елегантністю».

Це не масовий бренд. INNAN виготовляє прикраси на замовлення й продає їх онлайн і в ательє за попереднім записом. В основі — майстерність та індивідуальність: «мініатюрні витвори мистецтва», як каже сама дизайнерка, часто в єдиному екземплярі й завжди особисті.

Саме тому проєкт був вимогливим. Бренд, уся цінність якого — художня самобутність, не може жити на типовому шаблоні. Сайт має передавати той самий погляд, що й прикраси, — інакше він знецінює те, що продає. Шаблон із гарними фото ніколи б із цим не впорався, і Інна це розуміла: вона прийшла до нас із чітким уявленням про стиль і напрям, які хотіла бачити на новому сайті.

Тож метою ніколи не був «гарний сайт ювелірного бренду». Метою було точно втілити бачення Інни — створити сайт, який відображає цінності бренду, його художнє чуття й конкретний творчий напрям, з яким вона до нас прийшла, — і зробити так, щоб він бездоганно працював як магазин. Досягти цього справді складно, і це визначило, як ми вели весь проєкт. Ми свідомо поділили роботу на три етапи — дослідження, дизайн і розробку, — бо якість такого проєкту закладається на підготовчому етапі, а не лише під час розробки.

Етап 1: дослідження й передпроєктна підготовка

Ми почали ще до будь-якої роботи над дизайном — з ґрунтовної передпроєктної підготовки.

Оскільки Інна вже мала чітке бачення й конкретний стиль, цей етап був не про те, щоб вигадати напрям, а про те, щоб обґрунтувати її напрям і закласти основу для якісного втілення. Наша команда проаналізувала нішу INNAN, її конкурентів, а також референси й візуальний напрям, які запропонувала Інна, і перетворила все це на інструменти, потрібні для серйозного етапу дизайну: мудборд, стайлборд і детальні прототипи. Суть цього етапу не в оздобленні. Суть — в узгодженості: переконатися, що її бачення й наше виконання націлені точно в одну ціль, ще до того, як хтось почне малювати макети.

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

Етап 2: дизайн

Етап дизайну був найбільшою частиною проєкту — і саме на ньому найкраще проявилася наша співпраця.

Нашою метою було якомога точніше візуалізувати бренд — не лише з погляду дизайнерів нашої команди, а й з погляду людини, яка розуміє INNAN найкраще: самої Інни. У цьому балансі й полягає вся майстерність такого проєкту. Якщо надто покладатися на чуття агенції, вийде гарний сайт, який не є брендом; якщо повністю поступитися клієнтові, вийде буквальне виконання брифу без дизайнерської експертизи. Добрий результат лежить десь посередині, і дійти до нього можна лише через справжній діалог.

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

У результаті дизайн передає ідентичність INNAN, а не лише наближається до неї. Скульптурна, мистецька природа прикрас відображена в тому, як сайт рухається й дихає, — виважено, неквапливо й безумовно преміально. Він сприймається як сам бренд, і саме це було метою.

Етап 3: розробка

Коли дизайн остаточно затвердили, наша команда розробників перебудувала магазин на Shopify — і саме тут справді кастомний проєкт відрізняється від проєкту на готовій темі.

Відтворити дизайн візуально — одне. Зробити так, щоб він працював як справжній, повнофункціональний інтернет-магазин, — зовсім інше. Ми перебудували вітрину на Shopify за затвердженим дизайном, свідомо поєднуючи вбудовані можливості Shopify з кастомною розробкою: використовували наявні застосунки там, де вони були правильним інструментом, і створювали власні рішення там, де потреби бренду виходили за межі готових. Критерієм для нас було не «чи збігається це з макетом», а «чи працює це бездоганно як магазин».

Як продавати онлайн вироби на замовлення

Найскладніше для ювелірного ательє на кшталт INNAN те, що значна частина його асортименту не вписується в стандартну модель е-комерції. Каблучка для заручин, виготовлена на замовлення, — це не товар із фіксованою ціною в каталозі, а замовлення, яке починається з розмови. Більшість робіт INNAN виготовляють на замовлення, а деякі існують в єдиному екземплярі.

Тож магазин мав уміти те, чого не вміє звичайна картка товару: підвести клієнта до індивідуального запиту, не заганяючи виріб без фіксованої ціни чи фіксованої форми в рамки кнопки «Купити зараз». Ми створили продуманий шлях запиту для клієнтів, які замовляють індивідуальні вироби, поряд зі звичним каталогом прикрас, які можна замовити одразу. Так сайт обслуговує і покупця, який переглядає колекції, і клієнта, який починає індивідуальне замовлення, — і жоден із цих сценаріїв не виглядає чужорідним.

Дизайн для виваженої покупки

Ювелірні прикраси такого рівня не купують імпульсивно. Людина, яка замовляє каблучку чи обирає значущу прикрасу, ухвалює рішення повільно, повертається кілька разів і має довіряти майстрові, перш ніж витратити гроші. Сайт мав підтримувати цей ритм, а не квапити.

Це визначило низку свідомих рішень. Список бажань — щоб прикраси можна було зберегти й повернутися до них під час тривалого вибору, якого вимагає виважена покупка. Прямий запис на зустріч в ательє — щоб клієнт міг за кілька кліків перейти від перегляду онлайн до зустрічі з Інною в Берліні: приміряти прикраси, визначити розмір, обговорити замовлення. І вітрина в стилі галереї з великою кількістю відео, яка дає роботам простір і передає майстерність так, як самі лише фото товарів не можуть. Кожен із цих елементів існує тому, що шлях покупки в INNAN повільний, особистий і побудований на довірі, і сайт спирається на цю реальність, а не бореться з нею.

Окремої згадки заслуговує одна функція — екскурсія ательє. Прикраси INNAN розробляють і вручну доводять до завершеного вигляду в підвальній майстерні в районі Берлін-Мітте, і ця майстерня — справжня частина історії бренду, місце, де прикраси насправді народжуються. Замість того щоб ховати її за контактною формою, сайт запрошує відвідувача всередину: погляд за лаштунки ательє перетворює «купити на сайті» на «познайомитися з авторкою». Для покупки, яку довго обмірковують, така відкритість справді працює: вона вибудовує довіру, потрібну клієнтові, перш ніж замовити виріб, і напряму пов’язує сайт із фізичним ательє та записом на зустріч. Це добрий приклад того, як сайт робить те, чого стандартний магазин ніколи б не робив, бо цього вимагав бренд.

Для міжнародних клієнтів

INNAN продає онлайн далеко за межами Німеччини. Магазин підтримує англійську й німецьку мови та кілька валют, тож покупці з інших країн почуваються як удома, звідки б вони не замовляли. Це та деталь, якої не помічаєш, коли вона працює, і яка одразу відштовхує, коли її немає.

Спільне для всього цього: кожен елемент мав бути візуально вірним дизайну і технічно надійним. Саме за таким стандартом ми працюємо.

Результат

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

Подивитися сайт наживо можна на innan-jewellery.com.

Варто коротко сказати й про те, як ішов проєкт, бо це вплинуло на результат. Інна була залученою й уважною клієнткою: давала чіткі, добре структуровані відгуки й ділилася сильними референсами, водночас довіряючи експертизі нашої команди в дизайні, розробці та UX. Така співпраця дає проєкту розкрити весь потенціал: ми відповідаємо за якість виконання, клієнт стежить, щоб результат залишався вірним бренду, і від цього виграє готовий продукт. Саме в такому партнерстві ми працюємо найкраще.

Якщо ви створюєте або перезапускаєте магазин, у центрі якого бренд, і шукаєте команду, яка поставиться до нього так само серйозно, як до INNAN, напишіть нам. Ми беремо небагато проєктів, де майстерність і технічна якість справді важливі, — і будемо раді дізнатися про ваш.

Часті запитання

Що Base X Tech зробила для INNAN Jewellery?
Ми виконали повний редизайн і перебудову сайту INNAN Jewellery на Shopify, провівши проєкт у три етапи: дослідження й передпроєктна підготовка (аналіз конкурентів і референсів, мудборд, стайлборд, прототипи), масштабний етап дизайну та розробка. У реалізації ми поєднали вбудовані можливості Shopify з кастомною розробкою, щоб підтримати такі функції, як шлях індивідуального замовлення, запис на зустріч в ательє, каталог за колекціями й матеріалами, список бажань, а також англійська й німецька мови з підтримкою кількох валют.

Для яких брендів ви створюєте сайти?
Ми працюємо з брендами, для яких на першому місці бренд і онлайн-продажі: з бізнесами, що цінують майстерність і хочуть сайт, який справді відображає їхню ідентичність, як-от INNAN, незалежне дизайнерське ювелірне ательє. Це проєкти, де шаблону недостатньо, де важливі деталі й де клієнт має чітке бачення, яке хоче якісно втілити на Shopify.

Наскільки клієнт має бути залучений у такий проєкт?
Настільки, наскільки сам захоче. Наша команда відповідає за дизайн, розробку, UX і технічну якість — це наша робота. Клієнт, який ділиться чітким баченням, сильними референсами й продуманими відгуками, допомагає нам зберегти результат вірним його бренду, — тому проєкти на кшталт INNAN зазвичай вдаються. Але експертиза й виконання — наша відповідальність.

Як продавати на Shopify індивідуальні вироби чи вироби на замовлення?
Головне — не заганяти індивідуальний виріб із ціною за запитом у стандартну картку товару з кнопкою «Купити зараз». Для INNAN ми створили продуманий шлях запиту для клієнтів, які замовляють індивідуальні вироби, і він працює паралельно зі звичним каталогом прикрас, які можна замовити одразу. Так сайт обслуговує і покупця, який переглядає колекції, і клієнта, який починає замовлення унікального виробу. Зазвичай для цього потрібне поєднання кастомної розробки й правильно підібраних можливостей Shopify з урахуванням того, як бізнес насправді приймає замовлення.

Чи можна поєднати кастомну розробку зі стандартними можливостями Shopify?
Так — і зазвичай це правильний підхід. Ми використовуємо наявні застосунки Shopify та вбудовані функції там, де вони найкраще підходять для задачі, і створюємо кастомні рішення там, де потреби бренду виходять за межі готових. Мета завжди одна: магазин, який візуально відповідає дизайну й технічно надійний як справжній інтернет-магазин.

Base X Tech — агенція кастомної розробки на Shopify. Ми проєктуємо й створюємо магазини для брендів, де важливі майстерність, співпраця й технічна якість. Якщо ви плануєте редизайн або новий магазин, напишіть нам.