Мобильное менюПо шаблону

Мобильное меню в стиле вашего сайта

Обычно готово за 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 дней заново и сообщим об этом в чате.
  • Переделка или полный возвратЕсли результат не соответствует брифу и доработки не помогли или срок превышен больше чем вдвое, напишите в чат заказа: мы переделаем работу или полностью вернём деньги.
Как это работает →

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

Сколько пунктов поместится?

Мобильное меню обычно лучше всего читается, когда в нём примерно пять-семь пунктов верхнего уровня; длинные списки сворачиваются в группы или уходят на второй уровень. Если в меню десятки категорий, пакет побольше позволит показать верхний уровень и две раскрытые группы отдельными вертикальными макетами 2:3.

Меню заработает на моём сайте?

Результат — картинка меню в PNG, а не HTML, CSS или JavaScript, не файл Figma и не настройка меню для WordPress, Shopify, Wix, Squarespace или Webflow. Собирает его ваш разработчик или вы сами; прежде чем выбрать вид, проверьте, что сейчас позволяют настройки мобильного меню в вашей теме.

Меню на немецком. Слова будут верными?

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

Можно взять за образец меню чужого сайта?

Да, но только ради стиля: компоновки, настроения и цветов. Его логотип, бренд и тексты мы никогда не берём, логотипы чужих брендов, например значки соцсетей, не рисуем, поддельные отзывы и рейтинги не добавляем, а документы и официальные бланки не меняем. В меню будут ваши разделы и логотип, а присланные файлы должны быть теми, которые вы вправе использовать.

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

Пакеты