Всем доброго дня! С вами Любовь ⭐️ Я давно хотела собрать своё портфолио не просто как папку с проектами или ещё одну страницу с резюме, а как полноценный digital-продукт, который показывает мой подход к работе.
Самое интересное – сайт я собрала с помощью ChatGPT. При этом я не frontend-разработчик и сама код не пишу.
Правда, довольно быстро выяснилось, что вайбкодинг – это совсем не: «Сделай мне красивое портфолио» → Enter → готовый сайт» 😂
Мы двигались с ИИ постепенно:
1️⃣ Сначала определили структуру и визуальную концепцию. Потом отдельно собирали Hero, блок «Обо мне», направления работы и карточки проектов.
2️⃣ Следующий этап – подробные страницы кейсов. Сделали первый, определили общую логику и уже на его основе начали выстраивать остальные.
3️⃣ А потом пришло время настоящего контента: опыт, навыки, инструменты, образование, конференции, турниры, наставничество и профессиональная среда.
4️⃣ Когда desktop-версия уже казалась практически готовой, обнаружился ещё один маленький мир – mobile. Проверяли сайт на разных разрешениях, переделывали композицию отдельных блоков, ловили странные переносы, убежавшие фотографии, съезжающие кнопки и даже стрелки, которые на телефоне внезапно решили превратиться в emoji.
5️⃣ Затем добавили микроанимации: мягкое появление элементов при скролле, hover-эффекты, движение стрелок и изображений. Старалась не превращать сайт в аттракцион, где двигается вообще всё.
6️⃣ И только после этого – публикация на Netlify.
🔥 И вот он живой:
portfolio-lsamkhaeva.netlify.app
Конечно, портфолио ещё можно причёсывать: дополнять кейсы, докручивать детали, что-то улучшать и бесконечно двигать элементы на пару пикселей))
Здесь еще мне было интересно проверить и скорость самого подхода.
Собирать сайт я начала примерно в 22:00 вчера, а к 6 утра он уже был опубликован. С перерывом на поесть, конечно)) Получается, что путь от идеи и структуры до работающего сайта я прошла за одну ночь (не повторяйте за мной)
Для меня этот проект стал хорошим примером того, что вайбкодинг – это не «ИИ сделал за меня сайт».
Я всё равно оставалась автором продукта: определяла структуру, выбирала визуальное направление, работала с контентом и композицией, принимала или отклоняла решения, тестировала результат, находила проблемы и снова отправляла на доработку. ИИ в этом процессе стал инструментом реализации моих решений.
И знаете, что самое классное?
После всего этого я попросила ChatGPT собрать PDF-инструкцию для тех, кто тоже хочет попробовать сделать своё портфолио таким способом – с позиции человека, который не умеет программировать и не собирается вручную писать HTML, CSS и JavaScript.
📎 Забрать PDF-инструкцию
❗️Важный момент: такой подход хорошо подходит для небольших статичных проектов – например, портфолио, лендингов или личных страниц. Если речь идёт о сложном продукте, масштабировании и серьёзных изменениях в архитектуре, здесь уже стоит подключать специалиста из IT.
Если было интересно и полезно – ставьте реакции 🔥 Буду рада вашей обратной связи!
✈️ Финты&Фишечки | Поддержать канал
#лайфхаки #полезное #портфолио #вайбкодинг #lyusandj