Portfolio-verkkosivuston rakentaminen, joka tuo töitä

Portfolio-verkkosivusta, joka tuo töitä, rakennetaan valitsemalla neljä–kahdeksan parasta projektia haluamallesi yleisölle, esittelemällä jokainen lyhyenä tarinana — ongelma, mitä teit, tulos — ja tekemällä yhteydenotosta helppoa jokaisella sivulla. Pidä sivu nopeana, etenkin jos se on kuvavaltainen, ja julkaise se domainissa, jossa on nimesi. Työkalulla on vähemmän merkitystä kuin valinnoilla ja kirjoittamisella.

Aloita kysymällä, kuka katsoo

Portfolio on myyntisivu, jonka tuote on sinun työsi. Ennen asettelun valintaa päätä, kuka haluaa palkata sinut ja mitä hänen täytyy nähdä:

Jos palvelet kahta hyvin erilaista yleisöä — esimerkiksi tuotesuunnittelun tehtäviä ja freelance-kuvitusta — harkitse erillisiä osioita tai jopa erillisiä sivustoja, jotta kumpikaan yleisö ei joudu kaivamaan.

Mitä sisällyttää

Työt

Valitse vähemmän, mutta parempia projekteja. Poista kaikki, mitä et haluaisi tehdä uudelleen. Laita vahvin ja olennaisin työ ensin; monet kävijät eivät koskaan selaa ensimmäisen rivin ohi.

Suunnittelijoille ja kehittäjille parhaista projekteista tulee tapaustutkimuksia. Hyödyllinen rakenne:

1. Ongelma — yksi tai kaksi lausetta tilanteesta ja siitä, keitä se koski.
2. Roolisi — mitä teit ja mitä muut tekivät. Ole tarkka; liioittelu huomataan helposti haastattelussa.
3. Prosessi — muutama keskeinen päätös luonnosten, lankamallien tai koodinpätkien kanssa.
4. Tulos — mitä julkaistiin ja mitä tulosta voit rehellisesti sanoa. Jos et voi jakaa lukuja, kuvaa muutos laadullisesti.

Valokuvaajille ja kuvittajille kuvat tekevät suurimman osan työstä. Ryhmittele ne selkeisiin sarjoihin (häät, tuotteet, toimitus), pidä kuvatekstit lyhyinä ja anna ruudukolle tilaa.

Tietoa ja yhteystiedot

Tietoa-osion pitäisi kertoa, kuka olet, mitä teet, kenelle teet sitä ja missä olet tai teetkö etätyötä. Oikea kuva auttaa. Yhteydenottotavan pitää näkyä selvästi jokaisella sivulla: lyhyt lomake, sähköpostiosoite tai linkki puhelun varaamiseen. Jos otat varauksia, kerro miten.

Valinnaiset sivut

• Palvelut ja hinnat — hyödyllinen freelancereille, jos haluat suodattaa pois sopimattomat tiedustelut.
• Ansioluettelo tai CV — hyödyllinen työnhakijoille; ladattava PDF ja sivulla oleva versio ovat yleisiä.
• Kirjoitukset tai muistiinpanot — kannattaa vain, jos päivität niitä. Vuosia sitten hylätty blogi vahingoittaa enemmän kuin ei blogia lainkaan.
• Suositukset — vain aitoja, luvalla.

Päätökset ja kompromissit

Staattinen sivusto vai sovellus? Useimmat portfoliot ovat yksinkertaisia, sisältölähtöisiä sivustoja, eivätkä ne tarvitse tietokantaa. Lisää sellainen vain, kun on syy: tiedustelut tallentava yhteydenottolomake, galleria, jota päivität usein ylläpitosivun kautta, tai asiakashyväksyntä, jossa ihmiset valitsevat kuvia.

Missä kuvat asuvat. Suuret kuvat ovat yleisin syy hitaisiin portfolioihin. Pienennä ja tiivistä ne ennen latausta, tarjoa nykyaikaisia muotoja ja lataa kuvat laiskasti kävijän selatessa. Suurelle tai usein muuttuvalle gallerialle tallenna kuvat kunnolliseen tiedostovarastoon sen sijaan, että upottaisit ne sivuston koodiin.

Miten päivität sitä. Ole rehellinen tästä. Jos lisäät töitä kuukausittain, tarvitset helpon tavan tehdä se — yksinkertaisen ylläpitosivun, sisällönhallintajärjestelmän tai rakentajan, jonka muokkaamiseen olet tyytyväinen. Jos päivität kahdesti vuodessa, sivuston suora muokkaaminen riittää.

Näkyvyys hakukoneissa. Jos haluat ihmisten löytävän sinut hakemalla nimeäsi ja ammattiasi sekä kaupunkiasi, sivulla tarvitaan oikeaa tekstiä, kunnollisia otsikoita, uniikit sivujen otsikot ja kuvaukset sekä kuvaavat alt-tekstit kuville. Katso hakukoneoptimointi tekoälyllä rakennetuille verkkosivuille.

Toimiva ensimmäinen kehote tekoälyrakentajalle

Hyvä kehote nimeää yleisön, sivut, työt ja tyylin:

Rakenna portfolio-verkkosivusto Lena Parkille, tuotesuunnittelijalle, joka etsii vanhempia sisäisiä tehtäviä SaaS-yrityksistä. Sivut: Etusivu lyhyellä esittelyllä ja 5 tapaustutkimuksen ruudukolla; tapaustutkimussivun malli osioineen ongelma, oma roolini, prosessi (kuvagallerialla) ja tulos; Tietoa kuvalla, lyhyellä biolla ja CV:n latauksella; Yhteystiedot yksinkertaisella lomakkeella (nimi, sähköposti, viesti), joka tallentuu tietokantaan ja näyttää kiitosviestin. Tyyli: rauhallinen ja minimalistinen, runsaasti tyhjää tilaa, yksi korostusväri ja suuri, luettava teksti. Toimii hyvin puhelimilla. Käytä selkeästi merkittyjä paikkamerkkiprojekteja, jotka voin korvata yksi kerrallaan.

Korvaa paikkamerkit projekti kerrallaan sen sijaan, että liittäisit koko sisällön yhteen viestiin. Se on helpompi tarkistaa, ja tekoäly osuu jokaiseen sivuun oikein.

Lisää kehotemalleja: kuinka kirjoittaa kehotteita tekoälysovellusrakentajille.

Rakennusvaiheet

1. Valitse yleisö ja projektit ennen kuin kosket mihinkään työkaluun.
2. Kirjoita tekstit jokaiselle tapaustutkimukselle ensin dokumenttiin: ongelma, rooli, prosessi, tulos.
3. Valmistele kuvat — rajaa, pienennä ja tiivistä ne. Nimeä tiedostot järkevästi.
4. Luo tai valitse aloitusasettelu. Portfolio-mallien selaaminen on nopea tapa nähdä, mikä tyyli sopii sinun töillesi.
5. Rakenna etusivu ja yksi tapaustutkimus ensin, saa ne kuntoon ja toista sitten sama malli.
6. Lisää tietoa ja yhteystiedot. Testaa yhteydenottolomake alusta loppuun.
7. Tarkista puhelimella. Portfoliot hajoavat usein pienillä näytöillä: ahtaat ruudukot, valtavat kuvat, pienet kuvatekstit.
8. Lisää hakuperusteet ja jakokuva, jotta linkit näyttävät hyviltä, kun lähetät niitä.
9. Julkaise ja yhdistä domain. Katso kuinka yhdistää oma domain.
10. Pyydä kahta ihmistä kohdeyleisöstäsi katsomaan sivua kolmenkymmenen sekunnin ajan ja kertomaan, mitä teet. Jos he eivät osaa sanoa, korjaa etusivu.

Yleisiä virheitä

• Kaiken näyttäminen. Heikot projektit heikentävät vahvoja. Kuratoi.
• Kuvat ilman kontekstia. Suunnittelu- ja kehitystyössä pelkkä kuvakaappaus ilman ongelmaa ja omaa roolia kertoo rekrytoijalle hyvin vähän.
• Hitaat, raskaat sivut. Pakkaamattomat täyden resoluution kuvat saavat sivuston tuntumaan rikkinäiseltä mobiilidatalla.
• Nerokas navigointi. Epätavalliset valikot ja vierityseffektit voivat olla hauskoja, mutta ei silloin, jos kävijät eivät löydä töitäsi tai sähköpostiosoitettasi.
• Piilotetut yhteystiedot. Laita yhteydenottolinkki jokaisen sivun ylä- ja alatunnisteeseen.
• Asiakastyön näyttäminen ilman lupaa. Tarkista sopimukset ja salassapitosopimukset; anonymisoi tai kuvaile projekti tarvittaessa.
• Sivuston ei koskaan päivittäminen. Vanhentuneet työt ja ”uusin projekti” vuosien takaa antavat väärän signaalin.

Kustannukset

Henkilökohtaisen portfolion juoksevat kustannukset ovat yleensä pieniä: vuosittain uusittava domain ja hostaus. Kuvavaltaiset sivustot maksavat hieman enemmän, jos tallennat ja tarjoilet paljon suuria tiedostoja. Verkkosivurakentajat veloittavat usein kuukausimaksun, joka sisältää hostauksen; oman sivuston rakentaminen voi olla halvempaa, mutta vastaat sen ylläpidosta. Tarkista nykyiset hinnat kunkin palveluntarjoajan sivustolta, sillä ne muuttuvat.

Milloin valmis tuote on parempi valinta

Portfolioalustat ja portfolioteemoilla varustetut verkkosivurakentajat sopivat, jos haluat nopeasti hiotun tuloksen, pidät visuaalisesta editorista etkä tarvitse mitään räätälöityä. Valokuvaajat, jotka myyvät vedoksia tai toimittavat asiakasgallerioita, palvelevat ehkä paremmin erikoistunutta valokuva-alustaa, joka hoitaa jo hyväksynnät ja vedosmyynnin. Rakenna oma, kun haluat erottuvan ulkoasun, tarvitset ominaisuuden, jota alustat eivät tarjoa, haluat näyttää koodia tai interaktiivista työtä suoraan tai haluat yksinkertaisesti omistaa sivuston kokonaan.

Rakentaminen Mythexillä

Mythex voi rakentaa portfolion yllä olevan kaltaisesta kuvauksesta. Näet sen elävässä esikatselussa puhelinkokoisella kehyksellä, hiot asettelua ja tekstiä chatissa ja julkaiset yourname.mythex.app-osoitteeseen. Jos haluat yhteydenottolomakkeen, joka tallentaa tiedustelut, Mythex lisää projektiin tietokannan; kuvagallerioihin se voi käyttää projektin tiedostovarastoa, jotta kuvia ei tungeta koodiin. Pro-tasolla voit ostaa domainin Mythexissä tai yhdistää jo omistamasi domainin sekä viedä koodin tai synkronoida sen GitHubiin, jos haluat isännöidä sen myöhemmin muualla.

Dokumentaatiossa on tämä portfolio-käyttötapauksena ja selitetään tiedostovarasto. Voit myös aloittaa tekoälyportfolio-verkkosivurakentajasta tai tietystä tyylistä, kuten kehittäjän portfoliosta tai valokuvausportfoliosta.

Kysymykset