Лендинг AI-сервиса: верстка HTML/CSS/JS + конверсия

Англоязычный продуктовый лендинг сервиса персонального AI-стилиста (тест + анализ фото → PDF-отчет по стилю). Роль: дизайн, структура и техническая реализация лендинга.

Главная ценность проекта — дизайн и конверсионная структура, спроектированные с помощью AI (Claude Design) с последующей ручной доработкой до чистого рабочего результата. Техническая верстка и интеграции — на основе этого дизайна.

Стек: чистый HTML / CSS / JS (без конструкторов), mobile-first, редакционный стиль (теплая палитра, премиальная типографика).

Что сделано:

Дизайн и структура (ядро работы):
– Проектирование дизайн-концепции лендинга: редакционная эстетика, теплая палитра, премиальная типографика
– Построение конверсионной структуры страницы: герой-блок с CTA, «Как это работает», примеры отчетов, преимущества, отзывы, FAQ, прайсинг
– Логика воронки: вход в тест и сценарий загрузки фото
– Разработка дизайна и структуры с применением Claude как инструмента прототипирования

Техническая реализация:
– Адаптивная верстка на чистом HTML/CSS/JS, mobile-first
– Слайдеры примеров и отзывов, интерактивный FAQ-аккордеон
– Юридические страницы (Условия, Конфиденциальность, Возврат) под продуктовый продаж
– Google Tag Manager, отслеживание конверсий
– SEO-базис (метатеги, Open Graph), оптимизация скорости и изображений

Направления: вебдизайн, UX-структура лендингов, AI-assisted дизайн (Claude), верстка HTML/CSS/JS, CRO, mobile-first.

#вебдизайн #лендинг #ux #aiдизайн #claude #html #css #cro #mobilefirst