Новый дизайн страницы контактов и адресов: адреса, часы работы и способы связи на 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: скриншоты вашей страницы контактов или адресов и по желанию логотип отдельным файлом. Напишите для каждого филиала адрес, часы работы, телефон и как добраться точно так, как это должно стоять, ваши мессенджеры и почту, ссылку на Google Карты или другие карты для каждого адреса, что вам не нравится сейчас и что должно остаться, и сайт, который вам нравится, как подсказку по стилю.

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

• Ваши адреса
• Способы связи
• Часы и проезд
• Ссылки на карты
• Что должно остаться?

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

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

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