Чем красивее портфолио веб-разработчика, тем легче клиенту купить не то.
Скриншот хорошо показывает вкус дизайнера. Но почти ничего не говорит о том, что предприниматель покупает на самом деле: работающий интернет-магазин, в котором человек должен найти товар, разобраться в карточке, положить его в корзину, оформить заказ и получить понятный следующий шаг.
Поэтому мы в Agency пошли дальше обычного портфолио и собрали отдельную витрину интернет-магазинов, которые можно открыть и пройти как покупатель. Не картинку первого экрана, а живое демо.
Что мы построили вместо набора скриншотов
Сейчас в нашей витрине восемь отдельных демонстрационных магазинов на WordPress и WooCommerce. У каждого своя ниша, структура каталога и сценарий продажи:
- Atelier Morgan — изделия из кожи;
- Beauty & Care — косметика и уход;
- Clay & Form — авторская керамика;
- NOVERA Fashion Store — женская одежда;
- PawNourish Market — товары и питание для собак;
- VERDÉA Cosmetics Store — натуральная косметика;
- VALMERO Accessories — кожаные аксессуары;
- UNOTON Fashion Store — fashion/B2B-сценарий.
На 5 сентября 2026 года все восемь демо проверены публично и открываются с HTTP 200. Полный набор можно посмотреть в каталоге готовых магазинов.
Что клиент может проверить до договора
Смысл такого демо не в том, чтобы сказать «мы умеем WooCommerce». Клиент может сам пройти те места, где обычно и проявляется качество интернет-магазина.
- Каталог. Как устроены категории, навигация, фильтры и поиск.
- Карточка товара. Цена, характеристики, варианты, изображения, остаток и следующий шаг.
- Корзина. Что происходит после добавления товара и насколько понятен состав заказа.
- Checkout. Как выглядит оформление заказа и какие данные действительно нужны покупателю.
- Личный кабинет. Как выглядит работа с заказами и аккаунтом после первой покупки.
- Мобильный сценарий. Что происходит не на широком скриншоте, а на реальном экране телефона.
Это меняет разговор о разработке. Вместо «нравится ли вам этот дизайн?» появляются рабочие вопросы: нужен ли другой фильтр, как должен выглядеть быстрый заказ, какие поля нужны в checkout, как устроить личный кабинет, что передавать в CRM или учётную систему.
Живое демо специально не притворяется боевым магазином
У демонстрационной среды есть важная граница: она не должна проводить реальные финансовые операции. Мы показываем покупательский путь, но не списываем деньги ради демонстрации.
При этом в продуктовой инфраструктуре магазина подключена ЮKassa. Платёжный слой для боевого проекта подключается к реальным реквизитам клиента и проходит собственную проверку. В демо платёжные шлюзы намеренно не используются для настоящих списаний.
Мы проверяем не только внешний вид
Для базовой витрины мы отдельно проверяли маршруты сайта, корзину, пересчёт выбранного пакета, checkout, способ оплаты и скачивание цифрового ZIP после тестового заказа. В браузерной проверке было сделано 10 контрольных скриншотов; зафиксировано 0 console errors и 0 failed requests.
Это не означает, что любой будущий магазин уже готов без адаптации. Демо — основа разговора и технический прототип. Реальный проект всё равно требует собственного ассортимента, структуры, юридических текстов, доставки, платёжных реквизитов, интеграций и бизнес-логики.
Почему это полезнее обычного портфолио
Портфолио отвечает на вопрос: «что вы умеете делать визуально?». Живое демо отвечает на более дорогой вопрос: «как продукт ведёт себя в руках пользователя?».
Для интернет-магазина второй вопрос важнее. Красивый первый экран можно нарисовать быстро. Намного сложнее сделать так, чтобы каталог, карточка, корзина, оформление, кабинет и интеграции складывались в одну рабочую систему.
Поэтому мы фактически построили интернет-магазин интернет-магазинов: клиент может выбрать близкую по логике основу, пройти её сам и уже после этого обсуждать, что нужно изменить под его ассортимент и процесс продаж.
Если задача — запустить собственный управляемый канал рядом с маркетплейсами и текущими продажами, следующий шаг — посмотреть, как мы подходим к разработке интернет-магазина.