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, страница заявки с файлами и всеми параметрами заказа, полный набор страниц и политик для США и запуск на хостинге заказчика.