Мобильный каталогПо шаблону

Мобильный каталог в стиле вашего сайта

Обычно готово за 15 минутДоработки включеныКонтроль качества
Пакеты
Защита оплатыПодробнее
  • Доработки в рамках пакета бесплатны.
  • Если вы не ответите в течение 3 дней после сдачи, работа будет принята автоматически.

При оплате деньги резервируются и переходят сервису, только когда вы примете работу.

Мобильный каталог в стиле вашего сайта

Пример результата

Пример по пакету «Стандарт»

Мобильная версия сайта пекарни по скриншоту десктопа

До: главная на десктопе

Скриншот десктопа

После: экран телефона

Макет мобильной главной

Файл: PNG-макет, около 1,5 мегапикселя. Это картинка дизайна для разработчика клиента, а не HTML-код и не файл Figma.

Клиент: Crumb & Kettle, пекарня у дома. Задача: показать, как их главная должна выглядеть на телефоне, сохранив шрифты, цвета, кнопку и фото десктопного сайта.

Клиент и все данные вымышлены.

Об услуге

Каталог на телефоне обычно показывает по два товара в ряд, а наверху стоят кнопка сортировки и панель подбора, чтобы покупатель нашёл свой размер или цену без бесконечной прокрутки, и у каждой карточки должны быть чёткое фото, название и цена. Мы рисуем мобильную страницу каталога или категории в стиле скриншота вашего магазина: название категории, сортировка и подбор по параметрам, сетка товаров с вашими метками вроде «Новинка» или «Скидка» и номера страниц или кнопка «Показать ещё». Каждая картинка делается из одного вашего скриншота и получается вертикальным макетом PNG 2:3 около 1,5 мегапикселя, какой бы формы ни был файл; вы получаете картинку для сборки, а не тему магазина, код или файл Figma.

Что входит

  • Что вы получитеВы получаете 1, 3 или 5 вертикальных макетов PNG страниц каталога на телефоне в стиле вашего магазина, около 1,5 мегапикселя каждый. Если скриншотов меньше, чем в пакете, остальные будут другими вариантами, например с открытой панелью подбора или другой категорией.
  • Сетка в две колонкиКарточки товаров по две в ряд под экран телефона
  • Сортировка и подборКнопки и раскрытая панель подбора по размеру, цвету или цене
  • Понятные карточкиФото, название, цена и ваши метки
  • Шапка категорииЗаголовок, хлебные крошки или кнопки подкатегорий
  • Больше товаровКнопка «Показать ещё» или номера страниц внизу

Порядок работы

  1. 1
    Скриншот магазинаВы загружаете магазин и присылаете категорию и товары
  2. 2
    Раскладка каталогаРисуем страницу категории для телефона в вашем стиле
  3. 3
    ПравкиВы проверяете названия и цены и просите правки в пределах пакета

Что нужно от вас

До 5 чётких скриншотов вашего магазина в PNG, JPEG или WebP (не PDF) или понравившегося магазина, у которого мы берём только стиль; присылайте только файлы, которые вы вправе использовать. Напишите точно название категории, варианты сортировки и подбора и несколько названий товаров с ценами; товары, видные на скриншоте, можно перерисовать, остальные будут фото-заглушками.

В брифе мы спросим:

  • Какую категорию показать?
  • Какие варианты сортировки и подбора у вас есть?
  • Какие товары и цены на карточках?

Сравнение пакетов

ПакетыЭконом1 мобильный экран10 $Стандарт3 мобильных экрана22 $Бизнес5 мобильных экранов39 $
Срок1 день1 день2 дня
Доработки123
Макетов135
ФорматPNGPNGPNG
Экранына ваш выборна ваш выборна ваш выбор
Заказать ЭкономЗаказать СтандартЗаказать Бизнес

Защита оплаты

Вы оплачиваете заказ сразу, но деньги переходят сервису только за принятую работу.

  • Фиксированная ценаЦена пакета не меняется после оплаты.
  • Деньги резервируютсяПри оплате сумма только резервируется. Сервису она переходит, когда вы примете работу.
  • Проверка перед сдачейКаждый результат проходит проверку качества, прежде чем попасть к вам, и вы видите его на странице заказа до приёмки.
  • Бесплатные доработкиПросите изменения в рамках брифа столько раз, сколько предусмотрено пакетом.
  • Приёмка через 3 дняЕсли в течение 3 дней после сдачи вы не примете работу и не попросите изменений, она будет принята автоматически. Если после сдачи вы напишете в чат заказа, заказ подождёт; ответив, мы можем начать отсчёт 3 дней заново и сообщим об этом в чате.
  • Переделка или полный возвратЕсли результат не соответствует брифу и доработки не помогли или срок превышен больше чем вдвое, напишите в чат заказа: мы переделаем работу или полностью вернём деньги.
Как это работает →

Вопросы и ответы

Там будут мои настоящие товары?

Каждая картинка делается из одного вашего файла, поэтому товары, видные на этом скриншоте, перерисовываются и в мелочах могут отличаться; остальные показаны фото-заглушками, которые при сборке страницы заменят ваши настоящие фото. Логотипы и товары чужих брендов мы никогда не добавляем.

Это подойдёт к моей теме Shopify или WooCommerce?

Это картинка PNG, а не код, не файл Figma и не тема или приложение, и в вашем магазине мы ничего не устанавливаем и не меняем. Проверьте текущие настройки страницы категории в вашей теме, а затем раскладку по картинке пересоберёт ваш разработчик или вы сами.

Можно сделать из скриншота десктопного каталога?

Да. Каждая картинка здесь — вертикальный экран телефона 2:3, примерно 1024 x 1536 пикселей, какой бы формы ни был файл, поэтому широкая сетка в четыре-пять колонок перерисовывается в мобильную сетку в две колонки.

Цены будут написаны верно?

Короткие названия и цены рисуются прямо на картинке, но мелкий текст может выйти неидеально, а лучше всего получается латиница, поэтому проверьте каждую цифру и слово. Метки скидок, звёзды и число отзывов появляются, только если они настоящие и ваши; мы никогда их не придумываем и никогда не меняем документы и официальные бланки.

Не нашли ответ?

Пакеты