Каталог до дизайна.
Решаем, как покупатель ищет товар и где бросает корзину. Потом рисуем экраны.
Три уровня: Старт, Бизнес, Визионер — цены и сроки в тарифах на странице
Интернет-магазин
БрифРазговор о товаре: что вы продаёте, кому и как покупатель выбирает.
Каталог до дизайна.
Решаем, как покупатель ищет товар и где бросает корзину. Потом рисуем экраны.
Покупка с телефона.
И заказ с большого экрана.
Файлы для запуска.
Figma, код и инструкция.
Инструкция для разработчиков.
Сайт запустит любой программист.
Витрины в разных нишах.
Производство, десерты, финансы, сервисы.
Избранное
Концепты 2026 для разных ниш: так сегодня может выглядеть интернет-магазин. Нажмите работу, она откроется во весь экран.
Портфолио
Производство, стройка, логистика, рестораны, медицина, еда, финтех и услуги. Каждый сайт свёрстан для десктопа и телефона. Нажмите, чтобы посмотреть его целиком.
Конструкция
Магазин растёт каждый месяц. Сетка и общие карточки делают так, что пятая сотня товаров выглядит как первая.
Сетка. Двенадцать колонок: карточки встают в ряды.
Система магазина
Покупатель придёт из поиска, из рассылки или с телефона. Для каждого экрана витрина собрана отдельно.
До
5
ключевых экранов в макете
в тарифе «Бизнес»
Не меньше
3
версии сайта
десктоп, планшет, телефон
Десктоп
Каталог с фильтрами слева, сетка товаров по центру, корзина в шапке — путь к заказу без лишних кликов.
Планшет
Сетка в два ряда, фильтры сворачиваются, форма заказа не требует прокрутки вбок.
Телефон
Покупки с телефона идут из мессенджеров и рекламы. Фильтры в шторке, карточки в одну колонку, кнопка «в корзину» под большим пальцем.
Переключайте устройство и смотрите, как выглядит витрина на нём.
Десктоп. Основная версия на широком экране.
Цена там, где её ищут. Цена, наличие и кнопка стоят в карточке рядом: покупатель не листает за ними.
Скидка заметна. Старая и новая цена видны вместе, а размер скидки крупнее остальных чисел.
Кнопка читается. Светлая кнопка на светлом фоне на телефоне как будто выключена.
Не больше двух шрифтов. Названия товаров не скачут по ширине, а страница грузится быстрее.
В жизни
Не в макете у дизайнера, а на телефоне в метро, на ноутбуке в офисе и в ссылке из письма.
Срок жизни
В магазине всё время что-то меняется: товары, цены, акции. Если карточки собраны по системе, это меняется за минуты.
Сколько живёт каждая часть
Пока вы не меняете ассортимент. Добавляются категории, а схема остаётся.
Живёт вместе с фирменным стилем. Страница акции собирается из карточек за вечер.
Меняются ежедневно: фото, цены и остатки подставляются в готовые карточки.
Планшет и телефон пересобираются из основного макета, без новой разработки.
Сроки — по частям. Общий ориентир по магазину: 3–4 года в среднем, если он собран на наборее блоков3, а не склеен из страниц разных лет.
Его переделывают, когда каждую акцию рисовал новый человек: карточки разной высоты, три вида кнопки, а фильтры живут в разных местах.
новая подборка собирается из готовых карточек и выглядит как основная. Вот чем магазин-система отличается от набора страниц: набор годится на открытие, система — на годы торговли.
Зачем система
Одну акцию рисует маркетолог, другую — подрядчик: карточки разной высоты, кнопки разных цветов. Покупатель теряется.
ПО АКЦИЯМ
Карточки одной категории отличаются от другой, кнопка меняет цвет, а корзина прячется. Человек уходит, не дойдя до оплаты.
четыре входа — и в каждой свой магазин
СИСТЕМОЙ
Карточки, фильтры, корзина и правила сборки. Проверяю сразу на ПК, телефоне и в письме.
четыре входа — магазин один
Процесс
Этапы идут внахлёст: пока вы согласуете каталог, я уже собираю карточки и фильтры — согласования не растягивают срок.
Созваниваемся на час: что вы продаёте, кому, как покупатель выбирает и где бросает корзину. Прошу прислать список товаров и их главные параметры.
Раскладываю товары по категориям и решаю, какие фильтры нужны: по цене, размеру, бренду. Лишнее убираю, чтобы покупатель не терялся.
Собираю серые блоки: поиск, список, карточка, корзина, оформление. Вы проходите путь покупателя и правите смысл до дизайна.
Решаем, что стоит в карточке: фото, цена, наличие, описание, доставка. Составляю шаблон для описаний — менеджер заполнит его сам.
Показываю главную, категорию и карточку товара. Стиль утверждаем на них, остальные экраны собираются из тех же карточек.
Вы смотрите макет с телефона, собираете замечания у команды. Правки вношу до утверждения; число итераций зависит от тарифа.
Рисую корзину, оформление заказа, страницу «Спасибо» и версии под планшет и телефон.
Верстаю каталог, карточку, корзину и заказ и подключаю к системе управления магазином. Первые товары загружаю сам и пишу инструкцию, как добавлять новые. Склад и оплату подключает программист.
Помогаю выбрать хостинг, зарегистрировать домен на вас и включить защищённое соединение (HTTPS) — без него нельзя принимать заказы. Платёжные системы в тарифе «Бизнес» подключаем на этом этапе.
Прохожу путь покупателя на ноутбуке, планшете и телефоне: от поиска до подтверждения заказа. Передаю макеты, код, иконки и инструкцию.
Сезон начинается через месяц, а витрины нет. Для этого есть тариф «Старт»: каталог до 50 товаров, корзина и заказ. Этого хватает, чтобы открыться, а структуру расширить, когда пойдут продажи.
Ваша ситуация
Выберите строку, похожую на вашу. Покажу, что это даёт сегодня, что будет после работы и с чего начать.
Заказы приходят в личные сообщения: клиент спрашивает наличие, цену и срок у менеджера.
Как сейчас
Как будет
Что рекомендую
Магазин на «Старте»: каталог до 50 товаров, корзина и заказ. Если позиций больше — «Бизнес» с фильтрами и поиском.
Взяли тему на конструкторе, загрузили фото и описания.
Как сейчас
Как будет
Что рекомендую
Новый магазин: в теме нечего улучшать, логику каталога всё равно придётся строить заново.
Магазин делала студия, а макета и исходников у вас нет.
Как сейчас
Как будет
Что рекомендую
Решаю на брифе, глядя на магазин: рабочая логика — в редизайн, слабая — в разработку заново. Скажу прямо.
Пятьсот позиций, но фильтры не находят нужную, а корзина прячется.
Как сейчас
Как будет
Что рекомендую
Пересборка каталога: ассортимент ваш, структуру и дизайн перестраиваю я.
Магазин несколько лет приносит заказы. Вопрос — не пора ли обновить вид.
Как сейчас
Как будет
Что рекомендую
Полностью переделывать не нужно. Это случай, когда я отговариваю от разработки с нуля: хватит обновления.
Кроме «Старта»: там меньше объём и нет прототипа. Полный состав — ниже, в тарифах.
Версии
3
десктоп, планшет, телефон
Макеты
Figma
правки без пересоздания
Код
HTML · CSS · JS
готов к загрузке на хостинг
Инструкция
для программиста
Исходники
У вас
права и файлы передаются вам
Что вы получаете
Макеты в Figma, готовая вёрстка, иконки — и 8 файлов под три экрана.
0 из 8 файлов · 7 форматов в архиве
Файлы. Макеты, код и иконки — всё, что спросит программист.
Что входит
Файлы для программиста, для согласования и для запуска — и у каждого подписано, куда он идёт. Семь форматов в одном архиве.
Каталог, карточка, корзина и оформление для десктопа, планшета и телефона, набор блоков и кликабельный прототип. Программист берёт размеры, цвета и шрифты без вопросов к вам.
Страницы магазина, которые открываются в браузере: главная, категория, карточка, корзина, заказ. Программист подключает к ним склад и оплату — внешний вид уже готов. Подключается к системе управления сайтом (CMS).
Цвета, шрифты, сетка и отступы лежат в одном месте. Чтобы сменить акцентный цвет или шрифт, достаточно поправить одну строку, а не каждую страницу.
Меню, раскрывающиеся блоки и отправка формы заявки. Только то, что нужно сайту, без лишних библиотек — страница остаётся лёгкой.
Иконки доставки, гарантии и фильтров, значки способов оплаты в векторе. Остаются чёткими на любом экране.
Фото и графика в современном лёгком формате: страницы открываются быстро даже на слабом мобильном интернете.
Каталог и корзина одним файлом, который открывается без Figma: владелец смотрит макет с телефона. По нему магазин утверждают.
Как устроены файлы, где лежат цвета и шрифты, какие размеры экранов поддерживаются и как выложить сайт на хостинг. Новый программист разберётся без созвона.
Исходники передаю, ваш магазин в чужих проектах не использую.
Нужен другой формат — отдам в тот же день.
Нужна новая категория или страница акции — соберу из готовых карточек.
Проект хранится у меня: файлы восстановим и через годы.
Письма и реклама строятся на той же витрине.
Кто делал магазин, тот и отвечает на вопросы.
Что дальше
Магазин принимает заказ, но привести покупателя должны реклама и письма. Всё в том же стиле. Эти услуги строятся на готовом магазине и не требуют переделки.
Почему со мной
Не витрина агентства и не набор подрядчиков. Задачу собираю, считаю смысл, держу арт-дирекшн и веду систему целиком — от первого брифа до результата в бизнесе.
Цепочки «менеджер — арт-директор — исполнитель» нет: про товар и покупателей вы рассказываете мне, и я же её разрабатываю. В пересказе ничего не теряется. Если нужен узкий специалист — вёрстка, копирайтер, съёмка, — рекомендую проверенного: договор и оплата — с ним напрямую.
Прототип приходит раньше дизайна: видно, как покупатель идёт от поиска к заказу и где он может застрять. Вам есть что показать владельцу и команде продаж.
Прохожу путь покупателя на каждом устройстве: поиск, фильтр, карточка, корзина, форма заказа, ссылка из рассылки. Ошибка находится на проверке, а не у покупателя. Красивая витрина на экране дизайнера ещё не значит, что до заказа можно дойти.
Тариф и срок согласованы в начале. Стоимость не растёт по ходу работы — меняется только если меняется состав задачи, и только по согласованию.
Права и файлы — ваши. Не держу клиента на «а исходники за отдельную плату» и не прячу рабочие слои.
Через год понадобился файл или новая версия — пишете напрямую, а не ищете подрядчика, который делал магазин. Проект лежит в архиве, доступ не потеряется.
Цены
Небольшой ассортимент: каталог до 50 товаров.
4 500 BYN4–5 недель1
ОбсудитьЧаще всего берут
Полноценный магазин на пятьсот позиций: каталог проверен до дизайна.
11 900 BYN8–10 недель2
Обсудить
Крупный проект: пять тысяч товаров, опт и интеграция с учётом.
24 900 BYN12–16 недель
ОбсудитьСистема ART-OS
Модуль 01 · Стратегия
Позиционирование решает, чем ваш магазин лучше других и что стоит на первом экране.
ПозиционированиеАргументыПортреты ЦАВозражения ›Модуль 02 · Айдентика
Цвета, шрифты и графика берутся из фирменного стиля, а не придумываются под каждую категорию.
ЛоготипПалитраТипографикаИконкиФото ›Модуль 03 · Инструменты продаж
Каталог, КП для оптовиков и презентация говорят одним голосом.
ПрезентацияШаблон КПКаталогТендерный пакет ›Модуль 08 · Дизайн-системы
Инструкция и набор блоков отвечают подрядчикам вместо вас.
ГайдлайнUI KitБрендбукБиблиотека компонентов ›Вопросы
Двенадцать вопросов, которые задают на первом созвоне. Отвечаю так же, как отвечу голосом.
От 4 500 BYN — тариф «Старт»: каталог до 50 товаров, корзина и оформление заказа, версия для телефона. Магазин до 500 товаров с фильтрами, поиском, личным кабинетом и платёжными системами — 11 900 BYN. Крупный проект на 5000+ товаров с оптом и интеграцией с 1С — 24 900 BYN. Цена согласуется до начала работы и по ходу не меняется.
4–5 недель на «Старте», 8–10 недель на «Бизнесе», 12–16 недель на «Визионере». Срок считается от подтверждённого брифа и предоплаты. Этапы идут внахлёст: пока вы согласуете каталог, я уже собираю карточки и фильтры.
Восемь файлов в семи форматах: макеты каталога, карточки, корзины и заказа в Figma, готовая вёрстка (HTML, CSS, JS), иконки в SVG, картинки в WEBP, PDF для согласования и инструкция для разработчиков. Серверную часть — склад, оплату — подключает программист.
Права и исходники передаются вам. Макеты не используются в чужих проектах, в портфолио работа попадает только с вашего согласия. Рабочие файлы не прячу и не продаю отдельно.
Да: макет собран из готовых карточек, а инструкция объясняет, как добавить подборку и не нарушить стиль. Цены, фото и описания подставляются без перерисовки.
Задачу веду я: бриф, каталог, дизайн, макеты. Менеджера и исполнителя между нами нет. Когда нужен узкий специалист — вёрстка, копирайтер, съёмка, — рекомендую проверенного: договор и оплата — с ним напрямую.
Скажу на брифе прямо. Если логика каталога работает — не переделываю её, а привожу в порядок карточки, фильтры и кнопки. Обновление стоит от 4 500 BYN. Если магазин склеен из страниц разных лет и покупатели в нём теряются, дешевле выстроить каталог заново.
Пишете мне напрямую, а не ищете, кто делал магазин. Проект хранится в архиве, файлы восстановим и через годы. Вопросы по форматам счёта не получают, новую категорию соберу из готовых карточек.
Число правок зависит от тарифа: на «Старте» — одна итерация, на «Бизнесе» — до трёх, на «Визионере» — до шести. Смысл правим на прототипе, пока он не встал: это дешевле, чем переделывать дизайн.
Нет: я проектирую карточку — какие поля, в каком порядке и какой длины. Описания пишет ваш менеджер или копирайтер, а таблица XLSX из архива показывает, что именно нужно заполнить.
Платформа даёт корзину, но не логику вашего каталога: фильтры не те, карточка не про ваш товар, а такой же магазин у конкурента. Если вам нужен магазин «чтобы был», скажу честно, что хватит «Старта» или вашей темы.
Сроки в договоре с запасом, и больше двух проектов в работу я не беру, поэтому форс-мажор сдвигает срок, а не срывает. Все файлы лежат в архиве: если ситуация затянется, передам их, и магазин закончит любой дизайнер — для этого и нужна инструкция.
Ответьте, где вы сейчас и куда идёте, — покажу, что сделать первым и сколько это стоит.
Где вы сейчас?
Что важнее всего сейчас?
Ваша сфера?
Бесплатно и ни к чему не обязывает
Пришлите ссылку на магазин — за 30 минут пройду путь покупателя от поиска до заказа и скажу честно: нужен новый, хватит обновления или деньги лучше потратить на другое.
Пришлите ссылку и скажите, что нужно: больше заказов, меньше брошенных корзин или порядок в каталоге. Этого хватит, чтобы разобрать магазин и сказать, что нужно на самом деле.
Артём Дементьев · разбираю сам, обычно в тот же день
ваша очередь
