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

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

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

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

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

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

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

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

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

Об услуге

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

Что входит

• Что вы получитеАрхив ZIP с новой страницей, стилями и картинками, готовый к загрузке на хостинг, и предпросмотр каждой страницы на странице заказа.
• Тарифы легко сравнитьКарточки или таблица, где различия видны с первого взгляда
• Цены — вашиКаждая цена, лимит и условие слово в слово с вашей страницы или из брифа
• Сравнение на телефонеДлинная таблица перестроена так, чтобы читалась на узком экране
• Вопросы перед покупкойВаши вопросы об оплате, отмене и возврате, понятными блоками
• Новые картинки, чистый кодНарисованы для страницы; обычные HTML и CSS, ничего не грузится с чужих сайтов

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

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

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

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

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

• Какой скриншот какая страница?
• Цены на скриншотах актуальны?
• Какой тариф рекомендовать?
• О чём чаще всего спрашивают покупатели?
• Куда ведёт каждая кнопка?

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

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

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