Layer Figures — сайт-каталог студії 3D-фігурок для США

Layer Figures (layerfigures.com) — студія кастомних фігурок, надрукованих на 3D-принтері й розписаних вручну, для ринку США: улюблені тварини за фото, портрети, фентезі-персонажі, настільні мініатюри, подарунки й маскоти для бізнесу. Замовник прийшов із ТЗ і референсами Funko, Pop Mart, Mighty Jaxx і Kidrobot. Сайт мав виглядати як каталог інтернет-магазину, але без кошика й оплати: кожна кнопка Order веде на заявку, а ціну студія надсилає листом. Ми намалювали дизайн у Figma, зробили власну тему WordPress, наповнили каталог і запустили сайт англійською на хостингу замовника.

Технічний стек

WordPress із власною темою без конструкторів: фігурки — окремий тип записів із категоріями, відгуки — ще один, а блоки сторінок редагуються через наш движок полів. Форми — Contact Form 7 із завантаженням файлів, SEO — Yoast. Усі списки у формах на Tom Select, дата — flatpickr, без жодного нативного селекта.

Дизайн і головна

З кількох варіантів у Figma замовник обрав перший. Палітра світла, з пастельними плитками під кожну категорію й одним яскравим акцентом — помаранчевою кнопкою Order, яка завжди на видноті в шапці. Логотип теж зробили ми. Головна веде людину від ідеї до заявки: як усе працює в чотири кроки, найкращі роботи з вкладками категорій, плитки категорій із цінами й термінами, слайдер «фото з телефона → фігурка», процес друку, відгуки й фінальний заклик.

Каталог без кошика

Каталог влаштований як в інтернет-магазині: вкладки категорій, фільтри за стилем, розміром, оздобленням, типом і ціною, сортування й кнопка «Load more». Якщо під фільтри нічого немає, сайт пропонує скинути їх або замовити фігурку за своєю ідеєю. На картці — бейдж New чи Bestseller, ціна «from $XX» і кнопка Order Now. Сердечком фігурку можна зберегти в Saved і потім надіслати весь список як референси. У кожній із шести категорій по 20 фігурок, разом 120 карток, а фото для них, як і для процесу, команди й студії, ми згенерували самі.

Картка фігурки

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

Сторінка заявки

Заявка — головна мета сайту, тому форма збирає все, що потрібно студії для кошторису: контакти й зручний спосіб зв’язку, одну чи кілька фігурок із каталогу, тип проєкту, опис ідеї, до 10 посилань і до 10 файлів (фото, ескізи, PDF) перетягуванням. Далі — розмір, кількість, оздоблення, дата, до якої потрібна фігурка, привід, штат і ZIP, бюджет і звідки дізналися про студію. Поруч — що буде після відправки й відповіді на типові питання. Заявки приходять на пошту студії.

Внутрішні сторінки

Замовник просив повний набір сторінок, а не «два блоки й одне речення». Ми зробили How it works із покроковою хронологією, Pricing із цінами за категоріями й розмірною сіткою, Team, About, FAQ з пошуком і розділами, Contact із реквізитами компанії, відгуки й журнал. А для американського ринку — політики доставки, повернень і умов замовлення, догляд за фігуркою, Privacy, Terms, Cookie, CCPA і Accessibility, плюс банер згоди на cookie.

Запуск

Сайт ми зібрали на своєму стенді, внесли правки замовника, зокрема оплату лише тоді, коли фігурка готова до відправки, і нову сторінку повернень. Потім перенесли все на хостинг замовника Hostinger і налаштували форми на корпоративну пошту.

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

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

Підсумок

За нами дизайн у Figma й логотип, власна тема WordPress, каталог зі 120 фігурками, фільтрами й Saved, сторінка заявки з файлами та всіма параметрами замовлення, повний набір сторінок і політик для США та запуск на хостингу замовника.