Все работы

Мастерская игрушек

Духи леса из глины и меха и грибные ночники. Тёмная сказочная витрина, все картинки нарисованы в SVG.

Показать живую версию

Бизнес настоящий, поэтому название и ссылку открываем только с согласия владельца. Живую версию покажем на созвоне.

Первый экран: Мастерская игрушек
Что это
Лендинг
Где
Пермь
Год
2026
Стек
React, TypeScript, Vite

Задача

Семейная мастерская из Перми делает интерьерных кукол, ночники в виде грибов и украшения. Продаёт через Telegram-канал и витрину на маркетплейсе, своего сайта нет. Человеку, который пришёл по ссылке, надо быстро понять, что здесь можно купить и как заказать свою игрушку.

Фотографии работ мы взять не могли: права на них у мастерской. Поэтому вся графика на странице нарисована заново.

Что сделали

  • Сказочная тёмная витрина. Первый экран как ночной лес: гриб-ночник светится, вокруг него маленький дух леса. Это одна SVG-сцена, без фотографий и без тяжёлых картинок.
  • Каталог с фильтром. Работы разделены на три группы: духи леса, грибные ночники, украшения. У каждой карточки своя иллюстрация, по клику она открывается крупно.
  • Заказ без формы. Мастерская принимает заказы в личных сообщениях, поэтому вместо формы на сайте кнопка, которая сразу открывает чат. Рядом подсказка, что написать мастеру, чтобы не было лишних вопросов.
  • Всё по источникам. Цены, размеры и питание ночников взяты из публикаций мастерской, дата проверки указана на странице. Чего нет в открытых источниках, например адреса мастерской, сайт не додумывает.

Как сделано

React и TypeScript на Vite, иллюстрации в SVG, шрифты отдаются с домена сайта. На телефоне кнопка «Написать мастеру» закреплена внизу экрана. Страница закрыта от индексации, потому что это концепт, а не официальный сайт мастерской.

Экраны

Каталог мастерской: фильтр по группам и карточки с иллюстрациями
Три направления мастерской: духи леса, грибные ночники, украшения
Первый экран на телефоне