Si të ndërtosh një sajt portofoli që të sjell punë

Për të ndërtuar një sajt portofoli që të sjell punë, zgjidh katër deri në tetë projektet e tua më të mira për audiencën që dëshiron të arrish, paraqite çdo njërin si një histori të shkurtër — problemi, çfarë bëre, rezultati — dhe bëje të lehtë kontaktimin me ty nga çdo faqe. Mbaje të shpejtë, veçanërisht nëse ka shumë imazhe, dhe vendose në një domain me emrin tënd. Mjeti ka më pak rëndësi se përzgjedhja dhe shkrimi.

Fillo me atë që shikon

Një portofol është një faqe shitjeje ku puna jote është produkti. Para se të zgjedhësh një layout, vendos kë do që të punësojë dhe çfarë ka nevojë të shohë:

Nëse shërben dy audienca shumë të ndryshme — për shembull role dizajni produkti dhe ilustrim freelance — mendo për seksione të veçanta ose madje sajte të veçanta, që asnjëra audiencë të mos duhet të gërmojë.

Çfarë të përfshish

Puna

Zgjidh më pak projekte, por më të mira. Hiq çdo gjë që nuk do të donit të punësoheshe përsëri për ta bërë. Vendos pjesën tënde më të fortë dhe më të lidhur të parën; shumë vizitorë nuk arrijnë të kalojnë rreshtin e parë.

Për dizajnerët dhe zhvilluesit, projektet më të mira bëhen studime rastesh. Një strukturë e dobishme:

1. Problemi — një ose dy fjali për situatën dhe kë preku.
2. Roli yt — çfarë bëre ti, dhe çfarë bënë të tjerët. Bëhu i saktë; tepërimi i pretendimeve dallohet lehtë në një intervistë.
3. Procesi — disa vendime kyçe, me skica, wireframe ose copa kodi.
4. Rezultati — çfarë u lançua, dhe çdo rezultat që mund ta deklarosh me ndershmëri. Nëse nuk mund të ndash numra, përshkruaje ndryshimin cilësisht.

Për fotografët dhe ilustruesit, imazhet bëjnë pjesën më të madhe të punës. Grupoji në seri të qarta (dasma, produkt, editorial), mbaj legjendat të shkurtra, dhe lër rrjetën të marrë frymë.

Rreth meje dhe kontakti

Seksioni "Rreth meje" duhet të thotë kush je, çfarë bën, për kë e bën, dhe ku je bazuar ose nëse punon nga distanca. Një foto reale ndihmon. Rruga e kontaktit duhet të jetë e dukshme nga çdo faqe: një formular i shkurtër, një adresë email, ose një lidhje për të rezervuar një telefonatë. Nëse pranon rezervime, thuaj si.

Faqe opsionale

• Shërbimet dhe tarifat — të dobishme për freelancerët nëse dëshirojnë të filtrojnë pyetjet që nuk u përshtaten.
• CV ose resume — e dobishme për ata që kërkojnë punë; një PDF e shkarkueshme plus një version në faqe është e zakonshme.
• Shkrime ose shënime — e vlen vetëm nëse do ta mbash të përditësuar. Një blog i braktisur nga vite dëmton më shumë sesa mungesa e një blogu.
• Dëshmi nga klientët — vetëm të vërteta, me leje.

Vendimet dhe kompromiset

Sajt statik apo aplikacion? Shumica e portofoleve janë sajte të thjeshta, të drejtuara nga përmbajtja, dhe nuk kanë nevojë për bazë të dhënash. Shto një vetëm kur ka arsye: një formular kontakti që ruan pyetjet, një galeri që e përditëson shpesh nga një faqe admin, ose provim klientësh ku njerëzit zgjedhin foto.

Ku jetojnë imazhet. Imazhet e mëdha janë shkaku kryesor i portofoleve të ngadalta. Ndrysho madhësinë dhe ngjesho para ngarkimit, shërbe formate moderne, dhe ngarko imazhet me vonesë ndërsa vizitori zvarritet. Për një galeri të madhe ose që ndryshon shpesh, ruaji imazhet në depozitim të duhur skedarësh, jo të bashkuara në kodin e sajtit.

Si do ta përditësosh. Ji i sinqertë për këtë. Nëse shton punë çdo muaj, të duhet një mënyrë e lehtë për ta bërë — një faqe e thjeshtë admin, një CMS, ose një ndërtues që të rehat ta redaktosh. Nëse përditëson dy herë në vit, redaktimi direkt i sajtit është në rregull.

Dukshmëria në kërkim. Nëse dëshiron që njerëzit të të gjejnë duke kërkuar emrin tënd plus zanatin dhe qytetin, faqja ka nevojë për tekst real, tituj të duhur, tituj faqesh dhe përshkrime unike, dhe tekst alternativ përshkrues për imazhet. Shiko SEO për sajtet e ndërtuara me AI.

Një prompt i parë për një ndërtues me AI

Një prompt i mirë emëron audiencën, faqet, punën dhe stilin:

Ndërto një sajt portofoli për Lena Park, një dizajnere produkti që kërkon role të larta në kompani për kompani SaaS. Faqet: Kryefaqja me një prezantim të shkurtër dhe një rrjetë me 5 studime rastesh; një shabllon faqeje studimi rasti me seksione për problemin, rolin tim, procesin (me galeri imazhesh) dhe rezultatin; Rreth meje me foto, një biografi të shkurtër dhe shkarkim të CV-së; Kontakti me një formular të thjeshtë (emri, email-i, mesazhi) që ruhet në një bazë të dhënash dhe shfaq një mesazh falënderimi. Stili: i qetë dhe minimal, me shumë hapësirë bosh, një ngjyrë theksi dhe tekst të madh e të lexueshëm. Funksionon mirë në telefona. Përdor projekte placeholder të qarta që mund t'i zëvendësoj një nga një.

Pastaj zëvendëso placeholder-at me një projekt në të njëjtën kohë, në vend që të ngjitësh gjithë përmbajtjen tënde në një mesazh të vetëm. Është më e lehtë për t'u kontrolluar, dhe AI i merr të gjitha faqet drejt.

Për më shumë modele prompti, shiko si të shkruash prompte për ndërtuesit e aplikacioneve me AI.

Hapat e ndërtimit

1. Zgjidh audiencën dhe projektet para se të prekësh ndonjë mjet.
2. Shkruaj tekstin për çdo studim rasti në një dokument të parë: problemi, roli, procesi, rezultati.
3. Përgatit imazhet — pritje, ndrysho madhësinë dhe ngjesho. Emëro skedarët me kujdes.
4. Gjenero ose zgjidh një layout fillestar. Shfletimi i shablloneve të portofolit është një rrugë e shpejtë për të parë cili stil i përshtatet punës sate.
5. Ndërto fillimisht kryefaqen dhe një studim rasti, bëji ato të sakta, pastaj përsërit modelin.
6. Shto "Rreth meje" dhe kontaktin. Testo formularin e kontaktit nga fillimi në fund.
7. Kontrollo në telefon. Portofolet shpesh prishen në ekrane të vogla: rrjeta të ngjeshura, imazhe të mëdha, legjenda të vogla.
8. Shto bazat e SEO dhe një imazh ndarjeje, që lidhjet të duken mirë kur i dërgon.
9. Publiko dhe lidh domain-in tënd. Shiko si të lidhësh një domain të personalizuar.
10. Kërko nga dy njerëz nga audienca jote e synuar ta shikojnë për tridhjetë sekonda dhe të thonë çfarë bën ti. Nëse nuk mund ta thonë, rregulloje kryefaqen.

Gabimet e zakonshme

• Shfaqja e çdo gjëje. Projektet e dobëta zbehin ato të forta. Kuro.
• Imazhe pa kontekst. Për punën e dizajnit dhe zhvillimit, një screenshot pa problemin dhe rolin tënd i thotë shumë pak një menaxheri punësimi.
• Faqe të ngadalta dhe të rënda. Imazhet e papërpunuara me rezolucion të plotë e bëjnë sajtin të duket i prishur në të dhëna mobile.
• Navigim i zgjuar. Menutë e pazakonta dhe efektet e lëvizjes mund të jenë argëtuese, por jo nëse vizitorët nuk gjejnë punën tënde apo email-in.
• Detaje kontakti të fshehura. Vendos një lidhje kontakti në header dhe footer të çdo faqeje.
• Përdorimi i punës së klientëve pa leje për ta shfaqur. Kontrollo kontratat dhe NDA-të; anonimizo ose përshkruaj projektin nëse duhet.
• Mos e përditësuar kurrë. Puna e vjetëruar dhe një "projekti i fundit" nga vite të dërgojnë sinjalin e gabuar.

Kostot

Kostot e vazhdueshme të një portofoli personal janë zakonisht të vogla: një emër domain i rinovuar çdo vit, dhe strehimi. Sajtet me shumë imazhe kushtojnë pak më shumë nëse ruan dhe shërben shumë skedarë të mëdhenj. Ndërtuesit e sajteve shpesh tarifojnë një abonim mujor që përfshin strehimin; ta ndërtosh vetë mund të jetë më lirë, por do të thotë që e mirëmban ti. Kontrollo çmimet aktuale në faqen e çdo ofruesi, sepse ndryshojnë.

Kur një produkt gati është zgjedhja më e mirë

Platformat e portofolit dhe ndërtuesit e sajteve me tema portofoli janë të përshtatshëm nëse dëshiron një rezultat të lëmuar shpejt, preferon një redaktor vizual, dhe nuk të duhet asgjë e personalizuar. Fotografët që shesin printime ose dorëzojnë galeri për klientë mund të shërbehen më mirë nga një platformë e dedikuar fotografie që tashmë trajton provimin dhe shitjen e printimeve. Ndërto vetë kur dëshiron një dizajn dallues, ke nevojë për një veçori që platformat nuk e ofrojnë, dëshiron të shfaqësh kod ose punë interaktive drejtpërdrejt, ose thjesht dëshiron ta zotërosh plotësisht sajtin.

Ndërtimi me Mythex

Mythex mund të ndërtojë një portofol nga një përshkrim si prompti më sipër. E shikon në një pamje të drejtpërdrejtë me kornizë madhësie telefoni, rafinon layout-in dhe tekstin në chat, dhe publikon në yourname.mythex.app. Nëse dëshiron një formular kontakti që ruan pyetjet, Mythex i shton projektit një bazë të dhënash; për galeritë e imazheve, mund të përdorë depozitimin e skedarëve të projektit, që fotot të mos bashkohen në kod. Në Pro mund të blesh një domain në Mythex ose të lidhësh një që ke tashmë, dhe të eksportosh kodin ose ta sinkronizosh me GitHub nëse dëshiron ta strehosh diku tjetër më vonë.

Dokumentacioni e mbulon këtë te rasti i përdorimit të portofolit dhe shpjegon depozitimin e skedarëve. Mund të nisesh gjithashtu nga ndërtuesi i sajtit të portofolit me AI ose një stil specifik si shablloni portofol zhvilluesi ose portofol fotografie.

Pyetje