Вёрстка страницы товараВерстка по макету

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

Обычно готово за 15 минутДоработки включеныКонтроль качества
Защита оплатыПодробнее
  • Доработки в рамках пакета бесплатны.
  • Если вы не ответите в течение 3 дней после сдачи, работа будет принята автоматически.
Заказать · 39 $

При оплате деньги резервируются и переходят сервису, только когда вы примете работу.

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

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

Пример по пакету «Стандарт»

Главная страница стоматологии по её макету

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

Макет главной страницы

После: работающая страница

Страница на компьютере Страница на телефоне

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

Клиент: стоматология Bright Smile Dental. Задача: превратить макет главной страницы в работающую HTML-страницу с той же сеткой, цветами и текстами и кнопками записи, которые звонят в клинику.

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

Об услуге

У страницы товара одна задача: хорошо показать товар и сделать следующий шаг очевидным. Загрузите макет страницы товара картинками, и мы сверстаем его на HTML и CSS: галерея фото, название, цена, варианты, преимущества, характеристики и вопросы в вашей компоновке, с версией для телефона. Страница показывает товар, но не продаёт его: корзины, остатков, оформления заказа и оплаты нет. Кнопка заказа ведёт на вашу готовую страницу в магазине или на маркетплейсе, в мессенджер или на почту. Фото товара лучше прислать свои, отдельными файлами: нарисованная картинка не покажет настоящую вещь. Серверной части, CMS и хостинга нет.

Что входит

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

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

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

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

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

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

  • Какой файл что?
  • Данные о товаре
  • Куда ведёт кнопка заказа?
  • Макет ваш?

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

Эконом1 страница товара, до 5 блоков21 $Стандарт1 страница товара, до 10 блоков39 $БизнесДо 3 страниц товаров67 $
Срок1 день2 дня3 дня
Доработки123
Страниц113
Блоковдо 5до 10до 8 на странице
Картинок для страницы24—
Версия для телефонаДаДаДа
Кнопка заказаВ ваш магазин, мессенджер или на почтуВ ваш магазин, мессенджер или на почтуВ ваш магазин, мессенджер или на почту
Картинок для страниц——6
ЗаказатьЗаказатьЗаказать

Защита оплаты

Вы оплачиваете заказ сразу, но деньги переходят сервису только за принятую работу.

  • Фиксированная ценаЦена пакета не меняется после оплаты.
  • Деньги резервируютсяПри оплате сумма только резервируется. Сервису она переходит, когда вы примете работу.
  • Проверка перед сдачейКаждый результат проходит проверку качества, прежде чем попасть к вам, и вы видите его на странице заказа до приёмки.
  • Бесплатные доработкиПросите изменения в рамках брифа столько раз, сколько предусмотрено пакетом.
  • Приёмка через 3 дняЕсли в течение 3 дней после сдачи вы не примете работу и не попросите изменений, она будет принята автоматически. Если после сдачи вы напишете в чат заказа, заказ подождёт; ответив, мы можем начать отсчёт 3 дней заново и сообщим об этом в чате.
  • Переделка или полный возвратЕсли результат не соответствует брифу и доработки не помогли или срок превышен больше чем вдвое, напишите в чат заказа: мы переделаем работу или полностью вернём деньги.
Как это работает →

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

Можно купить прямо на странице?

Корзины, оформления и оплаты нет: кнопка заказа ведёт на вашу страницу в магазине или на маркетплейсе, открывает мессенджер или пишет письмо с названием товара.

Вы нарисуете фото товара?

Лучше не надо: нарисованная картинка не покажет вашу настоящую вещь. Загрузите свои фото, а без них в галерее будут нейтральные заглушки, которые вы потом замените.

Три товара, а загрузить можно только 5 файлов?

Используйте один макет для всех трёх страниц, а остальными файлами пришлите фото товаров, по одному-два на позицию. Больше фото можно добавить потом в HTML.

Можно показать рейтинг и отзывы?

Только настоящие отзывы, которые вы дадите и вправе публиковать. Мы никогда не придумываем звёзды, число отзывов, пометки «хит продаж» и скидки.

Цена и наличие будут обновляться?

Нет, страница сделана на обычном HTML и не связана с данными вашего магазина. Цены и наличие меняются вручную в коде или через правки.

Не нашли ответ?

Все услуги раздела «Разработка и IT»

Ещё в разделе «Разработка и IT»

Заказать · 39 $· ~15 мин