Я тут сделала личный сайт

Я тут сделала личный сайт. За 2 дня. Сама.

Ну, «сама» — слово хитрое. Я делала его с ChatGPT и Lovable. Но без дизайнера, без разработчика, без классического «сначала дайте нам ТЗ, через три недели покажем первую версию, потом ещё месяц будем двигать кнопку на 8 пикселей».

Сначала мы с ChatGPT собрали структуру. Не какие красивые блоки на него поставить, а что вообще должен делать сайт. Кто я. Что за мной стоит. Какие услуги есть. Как показать RuFilms, Школу аудиовизуального перевода, Продюсерскую 8.1, АВПшников. Где меня читать и смотреть. Какие документы нужны внизу сайта, чтобы соблюсти законодательство. Мля… я чуть книжку о себе не написала в процессе.

Потом собрали цвета. Не «хочу красиво», а что должно считываться: взрослая профессиональная опора, медиа, право, текст, опыт, без инфобизнесового конфетти. В итоге выбрали молочный фон, графит, бордо и немного латунного акцента. Звучит как меню хорошего бара, но мне нравится.

Потом сделали визуализации. Сначала просто картинки: каким может быть первый экран, как могут выглядеть карточки услуг, страница летней мастерской, программа, социальная картинка для ссылки. Это оказалось важнее, чем я думала. Потому что пока сайт живёт только словами, он кажется управляемым. А когда ты видишь картинку, сразу понятно: это ты или это опять чужая женщина из шаблона «экспертность через проявленность».

Дальше пошли в Lovable. Lovable — это сервис, где можно описать сайт словами, а он собирает рабочую версию. Не картинку, а прям сайт. С блоками, кнопками, страницами, формами, футером, адаптацией под мобильный. Закинула в него промты и визуализации из ChatGPT. И проверяла и тестила результаты. Работают ли ссылки, те ли документы подгрузились. Так ли формы заявок составлены (С ними была проблемка по пересылке мне на почту результатов отправки форм. И ChatGPT и Lovable предлагали какие-то сложные решения, пока я в них не орнула. И сразу нашелся бесплатный сервис для таких пересылок Resend).

Вообще, у меня в планах было научиться вайбкодингу. Я уже и курсы подбирала. Но Мастерская скоро запускается, и сайт хотелось побыстрее. Так что первый опыт вайбкодинга получился самостоятельным. И вот пару мыслей продюсера:

Вайбкодинг — это не «нейросеть всё сделает за меня».

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

Понимать, что ты хочешь. Уметь объяснить – и не написать лонгрид в каждый момент. Давать точные правки иишке – она не человек, ей нужно на понятном для неё языке. Не принимать предложенный шаблонный текст. Не влюбляться в первую красивую картинку. Видеть, где сайт начинает врать. И не бояться сказать машине: «нет, дружочек, это не моя интонация, переделывай».

Я, конечно, не стала фронтенд-разработчиком. Но я поняла другое: человек, который умеет собирать смыслы, структуру, тексты и задачи, теперь может гораздо быстрее делать цифровые штуки. Сайт, лендинг, страницу курса, прототип продукта, витрину проекта. Не за месяцы. Не через «мы подумаем и вернёмся». А через последовательные итерации:

Сначала смысл.

Потом структура.

Потом визуальный язык.

Потом сборка.

Потом правки.

Потом домен, формы, документы и всё скучное взрослое. У меня, кстати, ещё этап соединения с моим доменом сегодня (специально приобрела, осталось поженить DNS).

Много слов опять выдала. Ну, я болтушка, вы поняли. Сайт-то зацените.

Телеграм МАХ