Сайт с AI: защо доброто портфолио започва преди първия prompt

Личният сайт често стои в списъка „някой ден“. Събрани проекти има, публикации също, но между тях и подреденото портфолио остават десетки малки решения. Какво да покажем първо? Кое вече няма значение? Как да изглежда всичко на телефон?

AI може да помогне с кода, но не познава автоматично отговорите. Процесът, описан от Emily Lai, е добър пример за тази разлика. Тя разказва, че е използвала над 180 prompts в пет разговора, докато изгражда личния си сайт. Това е нейна равносметка, не измерване, което сме възпроизвели, и със сигурност не норма колко опита са нужни на всеки.

Първо реши какво харесваш

Началото не е било код. Lai събира референции и разглежда различни лични сайтове. Предложенията на AI не съвпадат напълно с вкуса ѝ, затова тя ги преглежда сама и описва кое харесва и кое не иска да пренася в своя проект.

Тази стъпка е приложима дори да не разбираш от уебдизайн. Вместо „направи го модерно“, можеш да кажеш: искам кратко представяне, лесен достъп до проектите и достатъчно голям текст. Харесва ми простотата на една референция и организацията на друга. Не искам да копирам чужди текстове или визуална идентичност.

След това тези решения влизат в писмено задание. То помага на помощника да не започва от нулата при всяка промяна.

Съдържанието отнема повече работа, отколкото изглежда

По разказа на Lai най-бавната част е събирането и подреждането на собствените материали: стари публикации, видеа, разговори, проекти. AI помага с търсенето и групирането, но тя решава кое заслужава място и какъв контекст му липсва.

За малко портфолио една таблица е добър старт. Колони за заглавие, кратко описание, връзка и категория са по-полезни от празна страница с красив фон. Подготви само материалите, които имаш право да споделяш. Клиентски данни, вътрешни документи и лична кореспонденция не бива да попадат по подразбиране в контекста на AI или в публичен сайт.

Сравни посоки, преди да полираш бутоните

Lai описва две по-ясно оформени идеи: страница с различни нива на подробност и интерфейс, наподобяващ бюро с папки и бележки. Избира втората, а след това работи по шрифтове, разстояния, светъл и тъмен изглед.

Приложените изображения са междинни макети от този процес. Не са наши генерирани примери, нито доказателство, че всяко показано действие е работело в този момент. Публичният сайт съществува и беше достъпен при проверката, но не сме провеждали пълен тест на функционалността му.

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

Телефонът и външният поглед остават важни

Авторката описва многократни проверки на телефон и обратна връзка от дизайнери. Различните AI помощници дават и противоречиви съвети. Това е причина да поискаш обяснение и да огледаш резултата, а не да приемеш последния отговор за окончателен.

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

Колко струва подобен подход

Това не е безплатна рецепта с фиксирана крайна цена. Авторката използва няколко услуги и описва достигане на лимити и преминаване към по-висок план. Не е необходимо да копираш целия ѝ набор от абонаменти, за да приложиш урока.

Claude Code е включен в платените Claude планове, а Codex има различни планове и лимити. При проверката публичните страници показваха Claude Pro за €18 при месечно плащане без приложимия данък и ChatGPT Plus за $20 месечно. Това са цени на отделни планове, не цена за завършен сайт и не обещание, че включват неограничено използване на конкретен модел. API разходи, домейн и евентуален хостинг се разглеждат отделно.

По-важният урок е по-прост: започни с референции и собствено съдържание, използвай AI за конкретни стъпки и остави време за проверка. Добре подготвеното задание не премахва итерациите, но им дава смисъл.

Макети и процес: Emily Lai