Cartonix

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

Новий логотип написаний малими літерами, геометричний, а літера C розрізана — той самий згин, з якого зроблено сам продукт. Малі літери також розв’язали практичну проблему: тепер логотип вписується і на упаковку, і на балончик спрею, і на вкладку браузера, і на транспортну коробку — без перемальовування під кожен носій.

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

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

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

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

У редизайні зібрана скульптура надрукована достатньо велика, щоб її можна було прочитати через кімнату, а назва моделі набрана найбільшим кеглем, який вміщує панель.

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

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

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

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

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

Кожну упаковку спочатку намалював як розгортку: кожна панель, кожен клапан і кожна лінія згину — у реальних розмірах картонної коробки.

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

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

Поставлені поруч, упаковки мають усе спільне, крім кольору й скульптури: та ж смуга в тому ж місці, той самий шрифт того ж розміру, та сама структура на кожній панелі.

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

Головна сторінка починається зі зібраної моделі, а не з коробки. Покупець обирає готовий обʼєкт; упаковка — лише те, у чому він приїде.

Відгуки покупців розташовані прямо під головним екраном. Для товару, який більшість відвідувачів ніколи не тримали в руках, доказ має зʼявитися раніше за переконання — а на телефоні він має зʼявитися до кінця першого скролу.

Далі йде пояснювальний блок: що таке картонний 3D-пазл, як він збирається, скільки часу це займає. Значна частка трафіку ще ніколи такого не купувала, і саме цей блок є різницею між цікавістю та кошиком.

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

Каталог має точно такий самий колірний код, як і упаковки. Покупець, який бачив оранжеву коробку T-Rex, знаходить оранжеву картку T-Rex, і цей звʼязок не коштує йому жодної думки.

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

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

Вхід, реєстрація та відновлення пароля використовують одну модальну модель, тож створення акаунта ніколи не коштує перезавантаження сторінки посеред покупки. Покупець залишається саме там, де був.

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

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