творческий порядок

сайт готов! открывайте его с компьютера — там полноценно видно интерфейс, анимации и все мелкие детали. и обязательно потыкайте по папкам, смене цвета, курсора и кейсам 🍜 (мобилка тоже работает, можно делать адаптацию под все устройства)

🤩а теперь обещанная инфа с нашим опытом вайбкодинга. расскажу про все 3 способа, которые мы протестировали:

сам сайт мы собирали через codex в chatgpt. у меня подписка chatgpt plus за $20 в месяц, которой я и так постоянно пользуюсь, поэтому отдельно за саму сборку сайта я ничего не доплачивала

сначала полностью собрали сайт локально на компьютере: структуру, кейсы, анимации, мобильную версию, всё много раз правили и тестировали

🤩как это было — писала в этом посте

когда сайт был готов, встал вопрос: как теперь его опубликовать в интернете?

мы протестировали три варианта:

🤩вариант. codex → github → netlify

сначала загрузили проект на github — это по сути место, где хранится код сайта и история всех изменений

потом подключили github к netlify — это сервис, который берёт ваш сайт и публикует его в интернете, чтобы по ссылке его мог открыть любой человек

🤩по деньгам у нас получилось так:
chatgpt plus — $20/мес (это и есть наша подписка, которой и так пользуемся постоянно)
github — 0 ₽
netlify — 0 ₽ на бесплатном тарифе (300 токенов)
хостинг для медиа — 0 ₽

после того как сайт уже собран, тяжёлые файлы, видео, изображения и аудио — лучше перенести на отдельные хостинги и уже подключать к сайту оттуда. для нашего объёма бесплатных тарифов нам хватило

на netlify бесплатно даётся лимит на использование сайта. для портфолио, которое вы точечно отправляете клиентам, этого может быть вполне достаточно

но у нас этот лимит начал расходоваться очень быстро уже во время тестов. а если выложить этот сайт в блог и туда пойдёт много людей, лимит быстро израсходуется

поэтому этот вариант мне кажется хорошим, если сайт в основном нужен, чтобы отправлять его потенциальным клиентам напрямую, а не вести туда большой поток людей

🤩вариант. сделать и опубликовать сайт прямо в chatgpt

потом мы протестировали ещё один способ — sites внутри chatgpt. там можно собрать сайт с помощью ai и сразу же опубликовать его, без github и netlify

по деньгам у меня здесь всё тот же chatgpt plus за $20, который я и так оплачиваю

это самый простой вариант: меньше технических шагов, не нужно отдельно разбираться, где хранить код и как выводить сайт в интернет. но по гибкости и контролю мне этот способ подошёл меньше, чем полноценная работа через codex

🤩вариант. codex → конструктор сайта

и вот на этом варианте мы в итоге и остановились

у нас уже была оплаченная подписка на конструктор сайтов (берите любой: тильда/таплинк и тд), поэтому мы решили взять готовый сайт, который собрали в codex, и адаптировать его под эту платформу

у конструктора своя логика, свои ограничения и свои встроенные настройки, поэтому код пришлось подгонять и править. на это ушло примерно два вечера

но в итоге получилось сохранить весь наш нестандартный интерфейс и перенести сайт туда, где мне уже удобно им пользоваться дальше

🤩по деньгам у меня здесь:
chatgpt plus — $20/мес (это и есть наша подписка, которой и так пользуемся постоянно)
конструктор — 260р/мес (подписка у нас уже была, пользуюсь конструктором постоянно)
хостинг для медиа — 0 ₽
домен — 200р/год, купили отдельно на reg ru

именно этот вариант оказался для меня самым удобным, потому что я хочу спокойно выкладывать сайт в блоге, отправлять его клиентам и не думать каждый раз, сколько людей туда зашло и закончится ли лимит


ничего супер сложного, особенно, если вы и так раньше имели опыт в создании сайтов⌨️ мы неделю разбирались и тестировали разное и сейчас на создание и запуск сайта уйдет тупо один вечер. если нужно записать уроки со всеми инструкциями, промптами и нашими лайфхаками — дайте знать!

это далеко не первый в жизни сайт, но это первый, от которого я настолько кайфанула и мне не стремно его показывать 🥰

коротко весь путь, как мы завaйбкодили наш сайт в chatgpt

🤩сначала собрали идею сайта

до кода мы продумали:
— какую структуру хотим
— какие кейсы будут на сайте
— какие тексты нужны
— как показать процесс работы
— какой визуальный стиль хотим

в моём случае сайт сделали в эстетике os: проекты разложены по папкам, а внутри каждого — полноценный кейс.

также добавили выбор цвета интерфейса, анимации, разные состояния элементов и адаптацию под мобильные устройства.

🤩подготовили все материалы

заранее собрали и распределили по папкам:
— видео
— изображения
— обложки
— тексты кейсов
— описание обо мне
— ссылки
— контакты
— референсы

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

🤩сайт собирали локально через codex

для работы с codex нужно установить официальное приложение chatgpt на компьютер. там мы создали проект, подключили папку с сайтом и начали собирать всё поэтапно.

не пытались сделать весь сайт одним огромным запросом: сначала структура, потом визуал, потом отдельные функции и правки.

🤩после черновика загрузили проект на github

когда локальная версия нас устроила, мы создали репозиторий на github (место, где хранится код сайта и история его изменений) и загрузили туда файлы проекта.

🤩подключили github к netlify

дальше зарегистрировались в netlify и подключили туда наш github. netlify забирает код, собирает сайт и публикует его в интернете.

после этого появляется публичная ссылка, которую можно открыть с любого устройства.

вся цепочка выглядит так: codex → локальный сайт → github → netlify → публичный сайт

а дальше уже можно подключить свой домен.

🤩🤩🤩

как видите, нейронка не сделает всё за вас одной кнопкой) просто ai сильно ускоряет техническую часть, на которую раньше отдельно понадобились бы веб-дизайнер и разработчик.

но нюансов всё равно много!

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

мы уже протестировали на другом сайте один способ сильно уменьшить эту проблему, но это уже отдельная история — не буду вас здесь перегружать))

*сейчас докручиваем технически и потом смогу опубликовать сайт

🤩 cерия 1 моего осеннего glow up — сайт-портфолио

(придумала рубрику, которая отлично втянет меня обратно в изучение нейронок спустя 3 месяца летнего отпуска)

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

человеку элементарно неудобно копаться во всех этих рилс, постах и актуальных, которые могут быть уже не актуальны

поэтому свой осенний апгрейд я начала именно с создания сайта-портфолио. и если у вас здесь тоже просадка — присоединяйтесь, будем исправлять это вместе ⌨️

🤩хорошее портфолио должно не только показывать результат, но и давать контекст:

— кто вы
— что вы умеете
— насколько ваш уровень подходит под задачу
— работали ли вы с похожими проектами
— умеете ли вы мыслить, а не просто красиво исполнять
— можно ли вам вообще доверить бюджет и задачу

если вы ai-креатор, дизайнер, фотограф, видеограф, иллюстратор, моушн-дизайнер или работаете в любой другой визуальной профессии, портфолио должно отвечать не только на вопрос «что ты делал?», но и на вопрос «как ты мыслишь и почему стоит работать именно с тобой?»

🤩что важно показать в портфолио:

1. сразу понятно, кто вы и чем занимаетесь
без абстрактных формулировок. человек должен за несколько секунд понять вашу специализацию.

2. сильные работы
лучше 4–6 сильных кейсов, чем 20 средних. портфолио вам не архив всего, что вы когда-либо делали.

3. не просто работа, а кейс
покажите хотя бы коротко: задача → идея → ваша роль → процесс → результат

4. покажите мышление
черновики, раскадровки, поиск визуала, промежуточные варианты — всё это показывает, как вы умеете решать задачу.


🤩что лучше не делать:

не заставляйте клиента искать нужные работы. если у вас разные направления — разделите их по категориям.

не перегружайте сайт эффектами.

не пишите километровые тексты. портфолио сначала смотрят глазами и только потом читают.

не прячьте контакты. если после просмотра человек хочет вам написать, он должен сделать это за один клик.


🤩как можно оформить портфолио:

1. собрать сайт вайбкодингом (мой случай)
подходит, если хочется нестандартный дизайн, свою механику, анимации и меньше ограничений по структуре. сайт можно собирать вместе с chatgpt или claude.

2. сделать на конструкторе
например, tilda или taplink. там есть готовые блоки и шаблоны, поэтому можно собрать всё самостоятельно, даже если вы не хотите заказывать сайт у веб-дизайнера.


🤩и ещё один важный момент:

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

если у вас есть хотя бы 3 сильные работы, их уже можно нормально упаковать. а если проектов пока мало, не вижу никакой проблемы их сделать, добавляйте сильные spec-проекты — главное честно обозначать, что это концепт, а не реальная работа для бренда



🐾 — ниже расскажу, как именно мы создавали сайт через chatgpt

ладно видео-проекты, фото, тексты. но сайты я ещё не создавала с помощью нейросетей🫤

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

и так как мы с Димой просто физически не можем не изучать что-то новое, несколько дней без перерывов просидели над вайбкодингом

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

в итоге статья почти целиком собрана вместе с ai:

🤩сам сайт вайбкодингом
🤩анимации и интерактив тоже
🤩видео внутри статьи я тоже создавала через ai
🤩фото со мной — нейронка



теперь следующий эксперимент > собрать себе сайт-портфолио. потому что не комильфо кидать клиентам папку на диске или ссылку на инсту, согласитесь?)

последние несколько дней с мужем изучали вайбкодинг и вообще пытались понять, что это за зверь 🤢 так как раз и собрали мою новую статью-сайт без непосредственной работы с кодом (выше ссылка на него)

но подводных камней там, конечно, дофигища. нихрена это не нажал две кнопки, написал один промпт и получил что задумал

я наконец-то закончила писать материал, который сама очень хотела бы получить, когда только заходила в ai 😲

каждую неделю появляются новые сервисы, советуют по 35 инструментов — а что именно мне нужно изучать, зачем и как потом соединить всё это в проект, вообще непонятно

поэтому я собрала большую статью по ai 2026: какие нейронки использовать и как создавать профессиональный контент, за который платят

▶️в статье я разложила весь процесс так, как работаю сама:

идея → сценарий и раскадровка → изображения и сцены → видео → звук → монтаж

и на каждом этапе показала, какие инструменты сейчас использую и для чего конкретно они мне нужны. не нужно пытаться освоить одновременно десятки нейронок — гораздо полезнее сначала понять саму систему и уже потом подбирать лучший инструмент под конкретную задачу

разобрала отдельно:

— где я ищу и докручиваю идеи, сценарии и промпты

— в каких моделях сейчас создаю изображения, персонажей и сцены

— чем пользуюсь для AI-видео

— где делаю звук/музыку и финальный монтаж

— какие есть агрегаторы, чтобы не покупать подписку на каждую нейронку отдельно

— и главное — как всё это связывается между собой и собирается в один проект

▶️плюс внутри есть разбор реального коммерческого проекта для Яндекс Маркета. на нём я прямо по шагам показываю мой workflow


получилась довольно большая статья — но я постаралась собрать туда именно ту базу, после которой становится гораздо понятнее что учить, в каком порядке и как вообще сегодня выглядит работа ai-креатора. там же есть предзапись на обновленный осенний курс ai эпоха

— ставь 🔥 если идешь изучать

[ ЧИТАТЬ НА СТАТЬЮ ]

ролик не залетел. зато его забрали организаторы концерта Kanye West🐾

купила билеты на Канье в Петербурге (надеюсь он все-таки состоится) и заодно решила протестировать новый Seedance 2.5 на идее, которая сразу родилась в голове: сделать промо-анонс концерта, который выглядел бы как настоящая рекламная кампания

в итоге ролик по просмотрам особо никуда не улетел 🫠 что, в целом, неудивительно: перед этим у меня была блокировка аккаунта, потом почти три месяца тишины в блоге, статистика просела очень сильно — сейчас всё это буду раскачивать обратно

но зато его увидели ровно те, кому нужно было увидеть!

мне написали организаторы концерта, сказали, что им очень понравилась работа, забрали ролик себе в паблик и предложили дальше быть на связи по сотрудничеству ☺️

а теперь про Seedance 2.5, потому что именно ради неё я вообще затеяла этот тест — она дороже Kling, но это того стоит на все 100%. нейронка очень точно отрабатывала задуманные движения, киношную динамику и сложные сцены

НО

он не был сделан одним промтом, я всё равно отдельно собирала сцены и футажи, правила генерации, выбирала лучшие дубли, выстраивала последовательность, а потом уже собирала всё на монтаже, работала с ритмом, переходами, музыкой и звуком ⌨️


p.s. собираю большой материал для вас по тому, как и где выстраиваю работу

я уже несколько лет подряд стараюсь летом уходить в длинный отпуск. но в этом году он слегка вышел из-под контроля и растянулся практически на три месяца)) но я этому очень рада, потому что прошлое лето у меня было, мягко говоря, отвратительным

а это — каким-то совершенно невероятным 🥰

каждый месяц как будто отдельная маленькая жизнь:

🪭июнь — Китай
ооочень много передвижений, новых городов, горы, поезда, странная еда, культурный шок и одно из запоминающихся путешествий

🏔️июль — север России
этот месяц пролетел как одна неделя, мы слишком сильно расслабились у родителей)

🏛️август — Петербург
ремонт квартиры, свадьбы друзей, поездки на природу, в общем, наша привычная жизнь дома

слава богу мы можем сами распоряжаться своим временем, своим бюджетом и решать, как именно хотим проживать свою жизнь, не спрашивая ни у кого

звучит конечно как красивая реклама фриланса)) поэтому внесу поправочку:

чтобы 1/4 года вообще не работать и просто кайфовать, до этого приходится ооочень прилично батрачить

🚬

с зимы и до начала лета у нас был такой лютый хардворкинг, что никакие 5/2 с этим даже рядом не стояли

но ради такого лета однозначно этого того стоило!

надеюсь вы тоже его классно провели🐾

Один из летних дней в кадрах и видео-реакция на наш фэнтези-фильм поздравление на свадьбе 👰🏼‍♀️🤵🏻

Он вызвал просто какое-то невероятное количество эмоций у всех💔

Создавали фильм через seedance — одна из самых дорогих нейронок, но дает офигенный результат!

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