Slik bygger du en porteføljenettside som gir deg oppdrag

For å bygge en porteføljenettside som gir deg oppdrag, velger du dine fire til åtte beste prosjekter for publikummet du vil nå, presenterer hvert av dem som en kort historie — problemet, hva du gjorde, resultatet — og gjør det enkelt å kontakte deg fra hver side. Hold den rask, særlig hvis den er bildetung, og legg den på et domene med navnet ditt. Verktøyet betyr mindre enn utvalget og teksten.

Start med hvem som ser

En portefølje er en salgsside der arbeidet ditt er produktet. Før du velger layout, bestem hvem du vil skal ansette deg og hva de trenger å se:

Hvis du betjener to veldig forskjellige publikum — for eksempel produktdesignstillinger og frilansillustrasjon — vurder egne seksjoner eller til og med egne nettsteder, slik at ingen av dem må lete.

Hva du bør ha med

Arbeidet

Velg færre, bedre prosjekter. Fjern alt du ikke ville blitt ansatt til å gjøre igjen. Sett ditt sterkeste og mest relevante arbeid først; mange besøkende scroller aldri forbi første rad.

For designere og utviklere blir de beste prosjektene til case-studier. En nyttig struktur:

1. Problemet — en eller to setninger om situasjonen og hvem den påvirket.
2. Din rolle — hva du gjorde, og hva andre gjorde. Vær presis; overdrivelser er lette å oppdage i et intervju.
3. Prosessen — noen få viktige beslutninger, med skisser, wireframes eller kodeutdrag.
4. Resultatet — hva som ble levert, og eventuelle utfall du ærlig kan oppgi. Hvis du ikke kan dele tall, beskriv endringen kvalitativt.

For fotografer og illustratører gjør bildene mesteparten av jobben. Grupper dem i tydelige sett (bryllup, produkt, redaksjonelt), hold bildetekstene korte, og la rutenettet puste.

Om og kontakt

Om-seksjonen bør si hvem du er, hva du gjør, hvem du gjør det for, og hvor du er basert eller om du jobber eksternt. Et ekte bilde hjelper. Kontaktveien bør være tydelig fra hver side: et kort skjema, en e-postadresse, eller en lenke for å booke en samtale. Tar du imot oppdrag, si hvordan.

Valgfrie sider

• Tjenester og priser — nyttig for frilansere hvis du vil filtrere ut henvendelser som ikke passer.
• CV eller résumé — nyttig for jobbsøkere; en nedlastbar PDF pluss en versjon på siden er vanlig.
• Skriving eller notater — verdt det bare hvis du vil holde det oppdatert. En forlatt blogg fra for år siden skader mer enn ingen blogg.
• Anbefalinger — bare ekte, med tillatelse.

Beslutninger og avveininger

Statisk nettsted eller app? De fleste porteføljer er enkle, innholdsdrevne nettsteder og trenger ikke en database. Legg til en bare når det finnes en grunn: et kontaktskjema som lagrer henvendelser, et galleri du oppdaterer ofte via en admin-side, eller klientvalg av bilder der folk velger bilder.

Hvor bildene ligger. Store bilder er hovedårsaken til trege porteføljer. Endre størrelse og komprimer før opplasting, server moderne formater, og last bilder lazy etter hvert som besøkende scroller. For et stort eller ofte skiftende galleri, lagre bildene i riktig fillagring i stedet for å pakke dem inn i sidens kode.

Hvordan du vil oppdatere den. Vær ærlig om dette. Hvis du legger til arbeid hver måned, vil du ha en enkel måte å gjøre det på — en enkel admin-side, et CMS, eller en bygger du er komfortabel med å redigere i. Hvis du oppdaterer to ganger i året, er det greit å redigere nettstedet direkte.

Synlighet i søk. Hvis du vil at folk skal finne deg ved å søke etter navnet ditt pluss fagfeltet og byen din, trenger siden ekte tekst, riktige overskrifter, unike sidetitler og beskrivelser, og beskrivende alt-tekst på bilder. Se SEO for AI-bygde nettsteder.

En første prompt for en AI-bygger

En god prompt nevner publikummet, sidene, arbeidet og stilen:

Bygg en porteføljenettside for Lena Park, en produktdesigner som søker senior faste stillinger hos SaaS-selskaper. Sider: Hjem med en kort intro og et rutenett med 5 case-studier; en malside for case-studier med seksjoner for problem, min rolle, prosess (med bildegalleri) og resultat; Om med bilde, kort bio og CV-nedlasting; Kontakt med et enkelt skjema (navn, e-post, melding) som lagrer i en database og viser en takkmelding. Stil: rolig og minimalistisk, mye luft, én aksentfarge og stor, lesbar skrift. Fungerer godt på telefon. Bruk tydelig merkede plassholderprosjekter som jeg kan erstatte ett for ett.

Erstatt deretter plassholderne ett prosjekt om gangen, i stedet for å lime inn alt innholdet ditt i en enkelt melding. Det er lettere å sjekke, og AI-en får hver side riktig.

For flere promptmønstre, se slik skriver du prompter for AI-appbyggere.

Byggesteg

1. Velg publikum og prosjekter før du rører et verktøy.
2. Skriv teksten for hver case-studie i et dokument først: problem, rolle, prosess, resultat.
3. Forbered bilder — beskjær, endre størrelse og komprimer dem. Gi filene fornuftige navn.
4. Generer eller velg en startlayout. Å se gjennom porteføljemaler er en rask måte å se hvilken stil som passer arbeidet ditt.
5. Bygg hjemmesiden og én case-studie først, få dem riktige, og gjenta deretter mønsteret.
6. Legg til om og kontakt. Test kontaktskjemaet fra start til slutt.
7. Sjekk på telefon. Porteføljer bryter ofte på små skjermer: trange rutenett, enorme bilder, små bildetekster.
8. Legg til SEO-grunnlag og et delingsbilde, slik at lenker ser bra ut når du sender dem.
9. Publiser og koble til domenet ditt. Se slik kobler du til et eget domene.
10. Be to personer fra målgruppen din se på den i tretti sekunder og fortelle deg hva du gjør. Hvis de ikke kan det, fiks hjemmesiden.

Vanlige feil

• Å vise alt. Svake prosjekter svekker de sterke. Kurater.
• Bilder uten kontekst. For design- og utviklingsarbeid forteller et skjermbilde uten problemet og din rolle en ansettelsesleder svært lite.
• Trege, tunge sider. Ukomprimerte bilder i full oppløsning gjør at nettstedet føles ødelagt på mobildata.
• Smart navigasjon. Uvanlige menyer og scrolleffekter kan være morsomt, men ikke hvis besøkende ikke finner arbeidet ditt eller e-posten din.
• Skjulte kontaktopplysninger. Sett en kontaktlenke i topp- og bunntekst på hver side.
• Å bruke kundearbeid du ikke har tillatelse til å vise. Sjekk kontrakter og taushetserklæringer; anonymiser eller beskriv prosjektet hvis det trengs.
• Aldri oppdatere den. Utdatert arbeid og et «siste prosjekt» fra for år siden sender feil signal.

Kostnader

De løpende kostnadene for en personlig portefølje er vanligvis små: et domenenavn som fornyes årlig, og hosting. Bildetunge nettsteder koster litt mer hvis du lagrer og serverer mange store filer. Nettsidebyggere tar ofte et månedlig abonnement som inkluderer hosting; å bygge eget kan være billigere, men du må vedlikeholde det. Sjekk gjeldende priser på hver leverandørs nettside, fordi de endrer seg.

Når et ferdig produkt er det bedre valget

Porteføljeplattformer og nettsidebyggere med porteføljetemaer passer godt hvis du vil ha et polert resultat raskt, foretrekker en visuell editor, og ikke trenger noe spesialtilpasset. Fotografer som selger utskrifter eller leverer kundegallerier kan være bedre tjent med en dedikert fotoplattform som allerede håndterer forhåndsvisning og salg av utskrifter. Bygg eget når du vil ha et særpreget design, trenger en funksjon plattformene ikke tilbyr, vil vise kode eller interaktivt arbeid direkte, eller ganske enkelt vil eie nettstedet fullt ut.

Å bygge det med Mythex

Mythex kan bygge en portefølje fra en beskrivelse som prompten over. Du ser den i en live-forhåndsvisning med en ramme i telefonstørrelse, finjusterer layout og tekst i chatten, og publiserer til navnditt.mythex.app. Hvis du vil ha et kontaktskjema som lagrer henvendelser, legger Mythex til en database i prosjektet; for bildegallerier kan den bruke prosjektets fillagring, slik at bildene ikke presses inn i koden. På Pro kan du kjøpe et domene i Mythex eller koble til et du allerede eier, og eksportere koden eller synkronisere den til GitHub hvis du vil hoste den et annet sted senere.

Dokumentasjonen dekker dette i porteføljebrukstilfellet og forklarer fillagring. Du kan også starte fra AI-porteføljenettsidebyggeren eller en bestemt stil som utviklerporteføljen eller fotografiporteføljen.

Spørsmål