A projektről
Ez egy rövid webdesign esettanulmány, Szabó Teodóra fotós számára készült hangulattábla, logó és weboldal elkészítésének folyamatáról. A projekt során a következő kritériumok teljesítését folyamatosan szem előtt tartottam:
Célkitűzések: Szeretné, ha olyan ügyfelek keresnék fel őt fotózással kapcsolatban, akik nyitott személyiségek és akikkel együtt tarthat, hogy megörökíthesse a különleges pillanatokat.
Elvárás: természetes „föld” színek, amelyek jól passzolnak az utazás, felfedezés témájához
Tiltások: harsány, élénk és púderszínek (főleg rózsaszín)
A tervezés lépései
Logó
A logó tervezése során arra törekedtem, hogy ne használjak a témában „elcsépelt” motívumokat. Szerettem volna olyan új formát létrehozni ami tartalmaz több olyan részletet is ami a szolgáltatásra minimum közvetve utal. Így jöttek a következő elemek a természet és fotózás témájából: fókusz, nap, leveles növény. Kísérletezéseim során a fenti képen látható variáció lett a folyamat végeredménye.
Moodboard
A színpaletta összeállításán nem kellett sokáig gondolkodnom, mivel határozott instrukciókat kaptam. A barna szín volt a fókuszban és árnyalatai. Egy olyan paletta összeállítására törekedtem, ami összességében egy harmonikus és kellemes hatást kelt. A moodboardhoz képeket gyűjtöttem, hogy segítsen képekben megfogni a később megtervezett weboldal hangulatát.
Weboldal drótváz terv (Wireframe)
Elkészítettem a weboldal drótváz terveit. Így letisztázódott,hogy az előre kigondolt szekciók pontosan hol, milyen sorrendben és hogyan fognak megjelenni. Milyen méretben fognak megjelenni a képek, a szövegek, kapcsolati mezők, gombok, stb. Reszponzivitás szempontjából is érdekes ez a rész, mert itt sok esetben eldől, hogy egy-egy szekció melyik képernyőn és milyen formában fog megjelenni.
A webdesign
A drótvázak életrekeltése az egyik legizgalmasabb rész számomra. Feltöltöttem a rendelkezésemre álló tartalmakat és az előre meghatározott színekből dolgoztam. Szeretem, ha valami letisztult és átlátható, azonnal informál és nem kell keresgélni, ugyanakkor nem unalmas. Sokat kísérleteztem, hogy ne csak szép, hanem funkcióit betöltő és hasznos webdesign-t hozzak létre.
Webdesign terv (Reszponzív változatok)
A főoldal tervek után következett a többi oldal megalkotása mobil, tablet és desktop nézetben. Ügyeltem arra, hogy stílusában egyik oldal se törje meg a weboldal egységét.
Tanulságok
A projekt egyik nagy tanulsága számomra, hogy megtapasztaltam mennyire fontos az alapos tervezés. Megéri a drótvázakra odaszánni az időt és az is jó dolog, ha bizonyos irányelveket előre meghatározunk, hogy egy konzisztens design-t kapjunk végeredményül.
Ha ez a webdesign inspirált téged, szakembert keresel a weboldalad elkészítéséhez vagy kérdések merültek benned fel. Keress bátran ide kattintva vagy írj nekem emailt: info@talkbird-webdesign.com Ajánlatkéréssel kapcsolatban pedig itt tudsz megkeresni.
Referencia munkáimat a Behance.net oldalán is megtalálod.