Назад в портфолио
Медицина 2024

Адаптация макета 1920px под брейкпоинты Tilda

Перенос Figma-макета онлайн-клиники, свёрстанного под фиксированную ширину 1920px, в рабочие брейкпоинты конструктора, с самостоятельным решением задачи в разгар проекта.

#Figma #Tilda #Адаптивная_вёрстка
Обложка кейса

Проблема клиента

Что нужно было исправить или создать с нуля

Готовый макет медицинского сайта (онлайн-консультации, каталог из 50 врачей) был свёрстан дизайнером под фиксированную ширину 1920px, что не укладывалось в стандартные брейкпоинты Tilda напрямую.

  • 01. Макет свёрстан под фиксированные 1920px, не совпадающие с брейкпоинтами Tilda
  • 02. Нужно сохранить визуальную целостность с уже существующим основным сайтом клиники
  • 03. Клиентка временно выпала из связи в разгар работы по личным обстоятельствам

Мое решение

Процесс разработки и внедрения

Пропорции каждого блока пересчитаны вручную под реальные точки адаптива Tilda, с ориентиром и на сам макет, и на визуальный язык уже существующего основного сайта клиники.

Часть решений по адаптации принята самостоятельно, без возможности согласовать их с клиенткой в моменте: на свой риск.

Полный скриншот дизайна

Итоги работы

50+ врачей
в каталоге онлайн-консультаций сайта
100% макета
адаптировано вручную под нестандартную ширину
Клиентка вернулась на связь довольной результатом и оставила чаевые сверх оплаты заказа на бирже: редкий случай, когда решительность в отсутствие клиента была оценена, а не наказана.
Следующий шаг

Понравилось решение?

Если вам нужен похожий функционал, калькулятор, парсер или нестандартная веб-система: давайте обсудим вашу задачу.

Смотреть другие кейсы