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

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

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

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

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

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

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

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

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

Об услуге

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

Что входит

• Что вы получитеАрхив ZIP с новой страницей на HTML и CSS, её стилями и картинками, готовый к загрузке на хостинг, и предпросмотр на компьютере и телефоне на странице заказа. В Premium — три страницы с общим меню.
• Первый экран по делуЧто, где и как записаться
• Услуги карточкамиУдобно просматривать с телефона
• Только ваши фактыОтзывы и гарантии — как у вас
• Кнопки связи на видуЗвонок, сообщение или ваша ссылка на запись
• Для телефона, чистый кодОбычные HTML и CSS, ничего не грузится с чужих сайтов

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

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

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

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

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

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

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

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

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