Дизайн, код и AI в одних руках - проект под ключ
- Город
- Москва
- Опыт работы
- 6 лет
- На сайте с
- 2026 года
- Юридический статус
- Самозанятый
Собственный проект, не клиентский заказ: концепция сайта для вымышленного зоомагазина, работающего по подписке.
Задача, которую я себе поставила: убрать из товарной категории её главную боль — не выбор корма, а забывчивость. Корм заканчивается вечером, магазин закрыт, питомец смотрит. Стандартный ответ индустрии — напоминания: письмо, пуш, «не забудьте пополнить». То есть проблему возвращают человеку обратно.
Позиция бренда, из которой выросла страница: считать должны мы, а не хозяин. Порция считается по питомцу, срок жизни пачки — по порции, доставка ставится за три дня до дна. Миска никогда не бывает пустой не потому, что человек внимательный, а потому что арифметика сделана за него.
Второе решение — тональность. В категории всё написано умилительно и одинаково. Я ввела на страницу второй голос: хозяин читает текст, питомец его комментирует, и комментарий всегда чуть портит идиллию. Кот на калькуляторе: «74 грамма в день? Клевета. Я ем четыреста». Это не украшение — это способ сказать неудобную правду от лица того, кто не обязан быть вежливым.
Ядро — калькулятор подписки. Пользователь задаёт вид, вес, образ жизни (диван, обычный, вечный двигатель) и частоту доставки; на выходе получает порцию в день, оптимальный размер пачки, на сколько дней её хватит, дату следующей доставки и стоимость месяца со скидкой 15% по подписке. Расчёт идёт не от прайса, а от физиологии: порция считается по метаболической массе, то есть от веса в степени 0,75 с коэффициентами вида и активности, а пачка подбирается такая, чтобы её хватило не дольше сорока пяти дней — дальше корм теряет качество после вскрытия.
Три шага перед калькулятором расставлены в том порядке, в котором они физически идут: сначала узнаём питомца, потом считаем расход, и только потом ставим доставку. Порядок здесь — часть аргумента, а не оформление.
Блок повторной покупки работает с историей, а не с каталогом: карточка показывает, что человек берёт, как часто и когда это закончится — «вы берёте это каждые 34 дня», «заканчиваются через 5 дней». Кнопка одна — «повторить заказ».
Напоминания устроены как обещание, а не как рассылка: их ровно четыре типа — корм на исходе, заказ в пути, день рождения питомца, здоровье по календарю, и каждое выключается одним переключателем. Рядом показан макет самого пуша, чтобы человек заранее видел, что именно ему придёт.
Отзывы двухслойные: сверху текст хозяина, снизу реплика его питомца, которая переворачивает сказанное. Каталог по видам подписан числом позиций, а не общими словами: собакам 1240 товаров, кошкам 1480, пернатым 320, грызунам 410, рыбкам 260.
Технически это один автономный HTML-файл, 311 КБ: семь секций, девятнадцать SVG-иллюстраций и ни одного растрового изображения, шестнадцать начертаний шрифтов вшиты в файл — макет открывается двойным кликом и работает офлайн. JS всего девяносто строк, две функции: расчёт подписки и показ реплик. Сами реплики питомцев на плитках каталога вообще не требуют скрипта — они сделаны чистым CSS через наведение, что заодно означает, что они работают при выключенном JavaScript. Палитра: жёлтый
#FFC72E, чернила
#16141A, сливочный
#FFFCF3, шалфей
#5F7F66.
Получился работающий прототип, а не набор экранов: калькулятор считает, переключатели переключаются, реплики появляются.
Кейс показывает, что я умею перевести бизнес-обещание в конкретную формулу и показать её работу на странице, а не заявить в заголовке. И что умею держать голос бренда: шутки здесь сделаны не «чтобы было весело», а чтобы озвучить возражение покупателя раньше, чем он его сформулирует.
Тот же подход применим к любой подписке с расходуемым товаром: кофе, бытовая химия, линзы, фильтры для воды, витамины. Механика «считаем расход и приезжаем заранее» переносится один в один.
