Како да изградите портфолио веб-сајт што ви донесува работа

За да изградите портфолио веб-сајт што ви донесува работа, изберете ги четирите до осумте ваши најдобри проекти за публиката што сакате да ја допрете, претставете секој како кратка приказна — проблемот, што сте направиле, резултатот — и направете ви да се контактира од секоја страница. Одржувајте го брзо, особено ако е полно со слики, и ставете го на домен со вашето име. Алатката е помалку важна од изборот и пишувањето.

Почнете со тоа кој гледа

Портфолиото е страница за продажба каде вашата работа е производот. Пред да изберете распоред, одлучете кој сакате да ве ангажира и што му треба да види:

Ако служите на две многу различни публики — на пример, улоги за дизајн на производи и фриланс илустрација — размислете за посебни секции или дури и посебни сајтови, за никоја публика да не мора да копа.

Што да вклучите

Работата

Изберете помалку, подобри проекти. Отстранете што и да е што не би сакале повторно да го правите. Ставете ја вашата најјака, најрелевантна работа прва; многу посетители никогаш не скролаат до првиот ред.

За дизајнери и програмери, најдобрите проекти стануваат студии на случај. Корисна структура:

1. Проблемот — една или две реченици за ситуацијата и кој беше погоден.
2. Вашата улога — што сте направиле, и што направија другите. Бидете прецизни; претерувањето е лесно да се забележи на интервју.
3. Процесот — неколку клучни одлуки, со скици, wireframes или делови од код.
4. Резултатот — што е испратено и кој било исход што искрено можете да го кажете. Ако не можете да споделите бројки, опишете ја промената квалитативно.

За фотографи и илустратори, сликите ја прават поголемата работа. Групирајте ги во јасни сетови (свадби, производи, уреднички), држете ги натписите кратки и дозволете на мрежата да дише.

За мене и контакт

Секцијата за мене треба да каже кој сте, што правите, за кого го правите и каде сте базирани или дали работите далечински. Вистинска фотографија помага. Патот за контакт треба да биде очигледен од секоја страница: кратка форма, адреса за е-пошта или врска за закажување повик. Ако прифаќате резервации, кажете како.

Изборни страници

• Услуги и цени — корисно за фрилансери ако сакате да ги филтрирате побарувањата што не одговараат.
• CV или биографија — корисно за оние што бараат работа; PDF за преземање плус верзија на страницата е вообичаено.
• Пишување или белешки — вреди само ако ќе ги одржувате ажурни. Напуштен блог од пред многу години штети повеќе отколку да нема блог.
• Сведоштва — само вистински, со дозвола.

Одлуки и компромиси

Статичен сајт или апликација? Повеќето портфолија се едноставни сајтови фокусирани на содржина и не треба база. Додајте една само кога има причина: форма за контакт што зачувува побарувања, галерија што ја ажурирате често преку админ страница или прегледување клиентски избор каде луѓето избираат фотографии.

Каде живеат сликите. Големите слики се главната причина за бавни портфолија. Смалете и компресирајте пред качување, служете современи формати и вчитувајте ги сликите доцна додека посетителот скролува. За голема или често менувана галерија, чувајте ги сликите во соодветно складиште за датотеки, а не да ги пакувате во кодот на сајтот.

Како ќе го ажурирате. Бидете искрени за ова. Ако додавате работа секој месец, ви треба лесен начин да го правите тоа — едноставна админ страница, CMS или градител што знаете да го уредувате. Ако ажурирате два пати годишно, уредувањето на сајтот директно е во ред.

Видливост во пребарување. Ако сакате луѓето да ве најдат со пребарување на вашето име плус вашиот занает и градот, страницата треба вистински текст, соодветни наслови, уникатни наслови и описи на страниците и опишувачки alt текст на сликите. Погледнете SEO за веб-сајтови направени со AI.

Промпт за AI градител

Добриот промпт ја именува публиката, страниците, работата и стилот:

Изгради портфолио веб-сајт за Лена Парк, дизајнер на производи што бара старши улоги во компании за SaaS. Страници: Почетна со кратко воведување и мрежа од 5 студии на случај; шаблон за страница на студија на случај со секции за проблем, моја улога, процес (со галерија слики) и резултат; За мене со фотографија, кратка биографија и преземање на CV; Контакт со едноставна форма (име, е-пошта, порака) што зачувува во база и покажува порака за благодарност. Стил: смирен и минималистички, многу бел простор, една акцентна боја и големо читливо писмо. Работи добро на телефони. Користи јасно означени placeholder проекти што можам да ги заменувам еден по еден.

Потоа заменете ги placeholder-ите по еден проект, наместо да го залепите целиот ваш текст во една порака. Полесно е да се провери и AI ја добива секоја страница правилно.

За повеќе обрасци за промптови, погледнете како да пишувате промптови за AI градители на апликации.

Чекори за изградба

1. Изберете ја публиката и проектите пред да допрете било каков алат.
2. Напишете го текстот за секоја студија на случај во документ прво: проблем, улога, процес, резултат.
3. Подгответе ги сликите — исечете, смалете и компресирајте ги. Именувајте ги датотеките разумно.
4. Генерирајте или изберете почетен распоред. Прелистувањето на шаблони за портфолио е брз начин да видите кој стил одговара на вашата работа.
5. Изградете ја почетната и една студија на случај прво, добијте ги точни, па повторете го шаблонот.
6. Додајте за мене и контакт. Тестирајте ја формата за контакт од почеток до крај.
7. Проверете на телефон. Портфолијата често се расипуваат на мали екрани: натрупани мрежи, огромни слики, ситни натписи.
8. Додајте основи за SEO и слика за споделување, за линковите да изгледаат добро кога ќе ги испратите.
9. Објавете и поврзете го доменот. Погледнете како да поврзете сопствен домен.
10. Замолете две лица од вашата целна публика да го погледнат една секунда и да ви кажат што правите. Ако не можат, поправете ја почетната.

Чести грешки

• Прикажување сè. Слабите проекти ги разредуваат силните. Курирајте.
• Слики без контекст. За дизајн и развој, снимка од екран без проблемот и вашата улога му кажува на раководителот за вработување многу малку.
• Бавни, тешки страници. Некомпресирани слики во полна резолуција го прават сајтот да изгледа расипан на мобилни податоци.
• Паметна навигација. Необични менија и ефекти при скролање можат да бидат забавни, но не ако посетителите не можат да ја најдат вашата работа или е-поштата.
• Скриени контакт податоци. Ставете контакт врска во заглавието и подножјето на секоја страница.
• Користење клиентска работа за која немате дозвола да ја покажете. Проверете ги договорите и NDA; анонимизирајте или опишете го проектот ако треба.
• Никогаш не го ажурирате. Стара работа и „последен проект“ од пред многу години испраќаат погрешен сигнал.

Трошоци

Тековните трошоци на личното портфолио обично се мали: име на домен обновувано годишно и хостинг. Сајтовите полни со слики чинат малку повеќе ако чувате и служите многу големи датотеки. Градителите на веб-сајтови често наплаќаат месечна претплата што вклучува хостинг; сопствената изградба може да е поевтина, но значи дека сами го одржувате. Проверете ги тековните цени на секој давател на нивната страница, бидејќи се менуваат.

Кога е подобар готов производ

Платформите за портфолија и градителите на веб-сајтови со теми за портфолио се добар избор ако сакате брз и дотеран резултат, претпочитате визуелен уредувач и не ви треба ништо прилагодено. Фотографите што продаваат печатени примероци или испорачуваат клиентски галерии можеби подобро ќе ги служи посветена платформа за фотографија што веќе ги управува одобрувањето и продажбата на печатење. Изградете сопствено кога сакате препознатлив дизајн, ви треба функција што платформите не ја нудат, сакате да покажете код или интерактивна работа директно или едноставно сакате да го поседувате сајтот целосно.

Изградба со Mythex

Mythex може да изгради портфолио од опис како промптот погоре. Го гледате во жив преглед со рамка со големина на телефон, распоредот и текстот ги дотерувате во чат и објавувате на yourname.mythex.app. Ако сакате форма за контакт што зачувува побарувања, Mythex додава база на проектот; за галерии со слики, може да го користи складиштето за датотеки на проектот, така што сликите не се пакуваат во кодот. На Pro можете да купите домен во Mythex или да поврзете домен што веќе го имате, и да го извезете кодот или да го синхронизирате со GitHub ако подоцна сакате да го хостирате на друго место.

Документацијата го опфаќа ова во случајот за портфолио и го објаснува складиштето за датотеки. Можете и да започнете од AI градителот на портфолио веб-сајтови или од одреден стил, како портфолио за програмери или портфолио за фотографија шаблони.

Прашања