Новый дизайн страницы прайс-листа местного бизнеса: по скриншотам — понятные цены на HTML и CSS для телефона

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

Пример по пакету «Стандарт»Открыть целиком

Новый дизайн главной страницы пекарни по скриншоту

До: скриншот, который прислал клиент

После: новая страница

Файлы: ZIP-архив с index.html, стилями и 2 картинками, нарисованными для страницы, готово заменить старую страницу на хостинге клиента. Здесь показаны скриншоты страниц.

Клиент: Miller Street Bakery, семейная пекарня. Задача: сделать старую главную страницу свежей и современной, сохранив название, тёплый коричневый цвет, часы и список выпечки, с крупными картинками хлеба и заметной кнопкой заказа.

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

Об услуге

У салонов, автосервисов, клининга, мастерских, репетиторов и студий страница цен часто — длинная таблица, скопированная из документа: мелкий текст, никаких разделов, и с телефона её не прочитать. Загрузите её скриншоты, и мы придумаем ей новый дизайн и сверстаем её: услуги по разделам с быстрым меню для перехода, понятные строки с названием, ценой или ценой «от» и временем, пояснения, что входит, короткие вопросы-ответы и заметная кнопка записи или звонка — в ваших цветах и с вашим логотипом. Каждая цена, название и условие остаются точно такими, как на скриншотах или в брифе: мы не меняем, не округляем и не добавляем цены и скидки. Каждая цена — обычный текст в HTML, её легко обновить потом. Страница не принимает записи и оплату; кнопки ведут на ваш телефон, мессенджер или ссылку на запись.

Что входит

• Что вы получитеАрхив ZIP с новой страницей на HTML и CSS, её стилями и картинками, готовый к загрузке на хостинг, и предпросмотр на компьютере и телефоне на странице заказа. В Premium — три страницы с общим меню.
• Разделы и быстрое менюСразу к нужной услуге
• Цены как у васСлово в слово и цифра в цифру
• Что входитВаши пояснения рядом с ценой
• Читается с телефонаСтроки вместо широкой таблицы
• Легко обновлятьКаждая цена — обычный текст в коде

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

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

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

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

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

• Какой у вас бизнес?
• Ваши разделы
• Что в каждой строке?
• Что вам не нравится сейчас?
• Запись и контакты

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

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

Не нашли ответ? Спросите