ДизайнМобильная главная
Мобильная главная в стиле вашего сайта
Стоимостьот 10 $
Защита оплатыПодробнее
- Доработки в рамках пакета бесплатны.
- Если вы не ответите в течение 3 дней после сдачи, работа будет принята автоматически.
При оплате деньги резервируются и переходят сервису, только когда вы примете работу.
Пример результата
Пример по пакету «Стандарт»
Мобильная версия сайта пекарни по скриншоту десктопа
До: главная на десктопе
После: экран телефона
Файл: PNG-макет, около 1,5 мегапикселя. Это картинка дизайна для разработчика клиента, а не HTML-код и не файл Figma.
Клиент: Crumb & Kettle, пекарня у дома. Задача: показать, как их главная должна выглядеть на телефоне, сохранив шрифты, цвета, кнопку и фото десктопного сайта.
Клиент и все данные вымышлены.
Об услуге
Десктопная страница с тремя колонками, широким меню и блоками в ряд не просто уменьшается на телефоне: колонки должны встать друг под другом, меню свернуться в кнопку, а кнопки стать достаточно крупными для нажатия большим пальцем. Загрузите скриншот десктопной страницы, и мы нарисуем, как та же страница может выглядеть на телефоне, сохранив ваши цвета, шрифты и порядок блоков, чтобы разработчик увидел цель ещё до работы с кодом. Каждая картинка делается из одного вашего скриншота и всегда получается вертикальным макетом PNG в пропорции 2:3, около 1,5 мегапикселя (примерно 1024 x 1536 пикселей), какой бы формы ни был файл, поэтому даже широкий скриншот десктопа превращается в экран телефона; вы получаете картинку, а не код и не файл Figma.
Что входит
- Что вы получитеВы получаете 1, 3 или 5 вертикальных макетов PNG ваших десктопных страниц в мобильном виде, около 1,5 мегапикселя каждый. Если скриншотов меньше, чем в пакете, остальные картинки покажут другие части той же страницы, например нижние блоки или открытое меню.
- Одна колонка для телефонаБлоки, стоявшие в ряд, выстроены сверху вниз в понятном порядке
- Кнопка менюШирокая навигация свёрнута в иконку меню в шапке
- Кнопки под палецКнопки и ссылки, в которые удобно попасть пальцем
- Ваш стиль сохранёнЦвета, шрифты и отступы с вашего десктопного скриншота
- Ориентир для разработчикаПонятная мобильная раскладка, по которой собирают адаптивную версию
Порядок работы
- 1Скриншот десктопаВы загружаете страницу и пишете, какие блоки важнее всего на телефоне
- 2Мобильная раскладкаПерестраиваем страницу в одну колонку в ваших цветах и шрифтах
- 3PNG и правкиВы сравниваете с десктопом и просите правки в пределах пакета
Что нужно от вас
До 5 чётких скриншотов десктопных страниц в PNG, JPEG или WebP (не PDF), по одной странице на файл, с сайта, который вы вправе использовать. Для каждой напишите, какие блоки на телефоне должны идти первыми, какие можно убрать или свернуть, и заголовки и надписи на кнопках точно так, как они должны читаться. Для длинной страницы пришлите нужную часть или разделите её на несколько макетов.
В брифе мы спросим:
- Какие десктопные страницы перевести в мобильный вид?
- Какие блоки на телефоне должны остаться наверху?
- Что на телефоне можно скрыть или сократить?
- Какие заголовки и кнопки нужны?
Сравнение пакетов
| Пакеты | Эконом1 мобильный экран10 $ | Стандарт3 мобильных экрана22 $ | Бизнес5 мобильных экранов39 $ |
|---|---|---|---|
| Срок | 1 день | 1 день | 2 дня |
| Доработки | 1 | 2 | 3 |
| Макетов | 1 | 3 | 5 |
| Формат | PNG | PNG | PNG |
| Экраны | на ваш выбор | на ваш выбор | на ваш выбор |
| Заказать Эконом | Заказать Стандарт | Заказать Бизнес |
Защита оплаты
Вы оплачиваете заказ сразу, но деньги переходят сервису только за принятую работу.
- Фиксированная ценаЦена пакета не меняется после оплаты.
- Деньги резервируютсяПри оплате сумма только резервируется. Сервису она переходит, когда вы примете работу.
- Проверка перед сдачейКаждый результат проходит проверку качества, прежде чем попасть к вам, и вы видите его на странице заказа до приёмки.
- Бесплатные доработкиПросите изменения в рамках брифа столько раз, сколько предусмотрено пакетом.
- Приёмка через 3 дняЕсли в течение 3 дней после сдачи вы не примете работу и не попросите изменений, она будет принята автоматически. Если после сдачи вы напишете в чат заказа, заказ подождёт; ответив, мы можем начать отсчёт 3 дней заново и сообщим об этом в чате.
- Переделка или полный возвратЕсли результат не соответствует брифу и доработки не помогли или срок превышен больше чем вдвое, напишите в чат заказа: мы переделаем работу или полностью вернём деньги.
Вопросы и ответы
Мой скриншот широкий. Результат тоже будет широким?
Нет. В этой услуге каждая картинка — вертикальный экран телефона 2:3, примерно 1024 x 1536 пикселей, какой бы формы ни был ваш файл, поэтому широкий скриншот десктопа перерисовывается в высокую мобильную страницу. Очень длинная страница не помещается на один экран телефона в деталях и показывается компактно; разделите её на несколько макетов, чтобы увидеть каждую часть.
Мой сайт станет адаптивным?
Сам по себе нет. Вы получаете картинки мобильной раскладки в PNG, а не код HTML и CSS, не файл Figma или XD и не настройку темы. Страницу по картинке пересобирает ваш разработчик или вы сами; на Shopify, WordPress, Wix, Squarespace или Webflow проверьте, что сейчас позволяют мобильные настройки вашей темы, ведь на сайте мы ничего не меняем.
Текст совпадёт с десктопной страницей?
Заголовки и надписи на кнопках из брифа рисуются прямо на картинке, поэтому делайте их короткими; основной текст показан строками-заглушками. Картинка перерисовывается, поэтому мелкий текст, иконки, шрифты и логотип могут выйти немного иначе или неидеально, а чище всего получаются языки на латинице. Проверьте каждое слово и попросите правку.
Можно прислать понравившийся сайт вместо своего?
Можно прислать свой сайт или понравившийся образец, а своё содержание написать в брифе. Чужой образец используем только ради стиля и никогда не берём его логотип, тексты и картинки, а логотипы чужих брендов на экран не ставим. Мы не воссоздаём документы, сертификаты и официальные бланки и не добавляем поддельные отзывы, рейтинги и награды.
Не нашли ответ?
Дизайн
ДизайнМобильная карточка товара
Мобильная карточка товара в стиле вашего сайта
Стоимостьот 10 $
ДизайнМобильное меню
Мобильное меню в стиле вашего сайта
Стоимостьот 10 $
ДизайнМобильное оформление
Мобильное оформление заказа в стиле вашего сайта
Стоимостьот 10 $