Вперше зверстав сайт для клієнта повністю через AI 😤

На днях доробив сайт для замовниці із Флориди, ніша: дизайн інтер'єрів, підготовка приміщень під аренду. Детальний кейс буде пізніше. Але тут пишу пост по іншому приводу.

Цього разу я вирішив зібрати сайт не через вебфлоу, вордпресс або інший конструктор, а саме чисто через Claude.

В це важко повірити, але все реально якісно працює і навіть зробив ще адмінку. Тобто це не просто сайт на коді який редагується тільки кодом, а я є нормальна адмінка для додавання нових фото, відгуків, послуг і іншого контенту який передбачений на цьому сайті.

Процес збірки сайту зайняв біля 3 годин і потім 2 години на доточення анімацій, міні правок і підключення адмінки. Найголовніше — я збирав сайт чітко по моєму макету із Фігми, тобто це не той випадок коли просто промтами збираєш сайт "на ходу".

Тобто:
— Ти дизайниш сайт у Фігмі як завжди (я думаю що більшість тих хто читає цей пост вміють це робити)
— Робиш швидку підготовку для того щоб "передати" те що ти надизайнив у Claude
— В самому Claude по екранно акуратно збираєш секції (робив саме по екранно, а не одразу весь макет, щоб точніше контролювати процес)
— Підключаєш адмінку
— В результаті маєш адаптивний сайт, з анімацією, прелоудером, формою, відправкою заявок у телеграм бота і ще й адмінкою.

Витрати на дизайн ~4 години
Витрати на збірку (верстку) ~5 годин

Це просто Вау! Мені ця зв'язка (Фігма + Claude) дуже зайшла, далі вивчаю ще детальніше щоб ще більше пришвидшувати такі задачі.

На своєму новому навчанні я буду детально розбирати ці процеси, тому що це просто офігенна штука, особливо якщо ви веб-дизайнер який боїться брати проєкти під ключ, тому що підведе верстальщик або інші моменти.

З цими знаннями ви зможете верстати сайти самостійно без нікого. З анімаціями, інтерактивами і всім що ви собі продумаєте) Кому цікаво пишіть в особисті — розкажу все детальніше ще до офіційного анонсу програми.