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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Об услуге

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

Что входит

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

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

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

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

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

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

  • Какой файл какая страница?
  • Тарифы и цены
  • Куда ведёт кнопка каждого тарифа?
  • Макет ваш?

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

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

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

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

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

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

Клиент сможет оплатить прямо на странице?

Нет, оплаты и личных кабинетов нет. Кнопка каждого тарифа ведёт на вашу ссылку регистрации, пробного периода или оплаты или открывает письмо.

Переключатель «помесячно / за год» будет менять цены?

Да, если он есть в макете: он меняет два набора цен, которые вы дадите. Скидки и налоги он не считает.

Как таблица сравнения выглядит на телефоне?

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

Можно написать «самый популярный» или показать скидку?

Только если это правда и вы это дадите. Мы никогда не придумываем скидки, выгоду, число клиентов и отзывы; проверьте каждую цену и возможность в предпросмотре.

Совпадёт ли вёрстка с макетом до пикселя?

Вёрстка будет близка к макету по сетке, цветам, размерам и порядку блоков, но не до пикселя: шрифты системные и похожие, а фото рисуются заново, если вы не загрузите свои. Правки исправят то, что для вас важно.

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

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

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

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