Portfólióprojektek az aspiráló webes tervező számára

(Valószínűleg már van)

Megtanultad elég ahhoz, hogy kódoljon, mint egy profi. A következő lépés? Foglalkozni .

Ha még nincs szakmai tapasztalata, akkor nehéz lehet portfoliót készíteni.

Ne félj!

Sok különböző dolog lehet hozzáadni a portfólióhoz, amelyet valószínűleg már készítettél, vagy majdnem készen áll.

1. Az ideális weboldal (a márkához)

Egy egyszerű projekt, amivel elindulhatsz, az, hogy felépíthessd azt, amit az ideális weboldal tervezéséről fog kinézni.

Ez lehetőséget ad arra, hogy bemutassa az összes projekt hatókörét. Néha ez a projekt tekinthető az egész portfolió weboldal tervezésének.

Sok olyan online erőforrás található, amelyek nagyszerű portfóliókat gyűjtenek össze, így valamilyen inspirációt tud csatornázni.

Szabadon felfedezhető és kreatív. De ne felejtsd el összekeverni az üzenetet, amelyet megpróbálsz közvetíteni.

A cél az, hogy hozzáférhető legyen és egyedülálló, nem zavaró.

2. Tervezzen meg egy meglévő sablont

Vegyen fel egy népszerű webhelyet, és alakítsa át újra.

Elég egyszerű, igaz?

Ez lehet valami, amit meg kell tennie, ha munkát kapsz, így kezdheted a portfólióban.

Ez megmutathatja a weboldal tervezőjének tartományát, valamint a meglévő ötlet módosításának képességét, hogy javítsa a felhasználói fogyasztásra. Emellett tíz különböző lehetőség közül választhat az újratervezéshez.

Deepina Kapila írja:

"Én egyszer interjút készítettem egy öntanuló fejlesztővel, aki megtanulta a nyár folyamán kódolni, és átalakította a New York Times weboldalát portfolióján. Elképesztő volt. Átgondolta a részleteket - hogyan nézett ki tablettákra és mobiltelefonokra, milyen volt az alkalmazás-tapasztalat, hogyan kommentálódtak és threadizáltak a megoldásában és még sok másban. Ez volt az egyetlen projekt a portfóliójában - de természetesen olyan alapos és elgondolkodtató volt, hogy mindössze annyit kellett tennie, hogy megkapja a munkát.

A másik bónusz ennek a projektnek az a célja, hogy ha egy cég webhelyét áttervezi, később megteheti az üzletet, és eladja a tervet. Vagy vegyen fel egy új munkát.

Ez egy win-win.

3. Klónozzon egy népszerű webhelyet

Néhány online kódolási tanfolyamnak van egy olyan projektje, amely megköveteli, hogy klónozzon egy meglévő webhelyet. Ez egy nagy tanulási eszköz, és nem rossz, hogy beilleszkedjen a portfolióba.

Úgy tűnhet, klisé és unalmas, de ez egy jó tanulási tapasztalat. Ezenkívül azt is bizonyítja, hogy képes vagy olyan épületet felépíteni, amely ugyanolyan jó, mint a klónozott webhely.

4. Készítsen egy kis felhasználói felületet

Egy kis felhasználói felület, mint egy "kapcsolatfelvétel" űrlap vagy egy diavetítés, ugyanolyan jó, mint egy weboldal.

Ez azt mutatja, hogy képesek kisebb projekteket és nagyokat kezelni. A Codepen vagy a GitHub használatával egyszerűen megmutathatja a nézőket, hogyan teljesítetted, amit tettél.

Következtetés

Bár ez a négy projekt nagyszerű példa arra, hogy mit vehet fel portfóliójában, ne korlátozza magát ezekre.

Használja az ösztönöket, és ne felejtse el testreszabni a portfólióját, amit csinálsz, amit el akarsz érni: teljes munkaidős foglalkoztatás, szabadúszó stb.

És amíg dolgozik ezeken a portfólióprojekteken, győződjön meg arról, hogy 9 portfólióját ki kell töltenie .