Landing Page 2024

Landing Page по референсу без макета в Figma

Сайт на 5 страниц для базы отдыха с делением на 4 стихии: дизайн-концепция построена не по макету, а напрямую по референсу клиента через AI-инструменты, без Figma.

#HTML5 #CSS3 #JavaScript #AI-дизайн
Обложка кейса

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

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

Клиент обратился с чётким референсом: сайтом, который для него уже делала профильная студия дизайна. Ему нужен был сопоставимый по качеству результат под собственный контент и цветовую гамму: сайт на 5 страниц для базы отдыха с делением на 4 стихии (вода, ветер, земля, огонь), у каждой свой характер.

  • 01. Нужен сайт не хуже работы профильной студии по референсу
  • 02. Без макета в Figma и без дизайнера в команде
  • 03. 5 страниц с ярко выраженной темой 4 стихий, без визуальной путаницы между ними

Мое решение

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

Вместо переноса готового макета дизайн-концепция построена напрямую через AI-инструменты генерации изображений и вёрстки, отталкиваясь от композиции, типографики и характера анимаций референса, а не копируя его один в один. Адаптация под контент и палитру клиента сразу в коде, без промежуточного этапа в Figma.

Под каждую из 4 страниц (вода, ветер, земля, огонь) подобрана уникальная палитра и оформление, сохраняющие общий стиль сайта. На главной вместо тяжёлого видео реализован слайдер изображений для той же атмосферы без потери скорости загрузки.

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

Итоги работы

Без Figma
полный цикл от идеи до готового сайта
5 страниц
с уникальным оформлением под каждую стихию
Уровень студии
по оценке клиента, знакомого с работой профильной студии
Клиент отметил, что готовый сайт не уступает референсу, хотя разработчик по профессии не дизайнер, а технарь: редкое совпадение ожиданий и результата. Результат стал одним из самых сильных по визуалу проектов на счету.
Следующий шаг

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

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

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