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

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

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

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

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

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

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

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

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

Об услуге

Главная — витрина магазина: если она перегружена, плохо читается или неудобна на телефоне, покупатель уходит, не дойдя до товара. Загрузите её скриншоты, и мы придумаем ей новый дизайн и сверстаем: понятный первый экран, основные категории, избранные товары, условия доставки и возврата, контакты, ваш логотип и цвета, версию для телефона и новые картинки для баннеров и блоков. Ваши товары мы никогда не рисуем: их фото берутся со скриншотов, если они достаточно чёткие, или остаются отмеченными местами для ваших оригиналов. Цены и акции — как вы их даёте. Корзины и оплаты на странице нет: кнопки товаров и категорий ведут по ссылкам вашего магазина, который работает как прежде.

Что входит

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

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

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

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

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

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

• Какой скриншот какая страница?
• Категории и избранные товары
• Доставка, оплата и возврат
• Что должно остаться?
• Есть ли текущая акция?

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

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

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