Egy potenciális kliens arra kérte Önt, hogy készítsen egy weboldalt, de honnan kezd? Van egy bizonyos folyamat, amelyet követhet annak érdekében, hogy a projekt simán megy. Ez tükrözi a szabványos grafikai tervezési folyamatot, csak néhány webhelyspecifikus lépést tartalmaz.
Grafikusként dönthet úgy, hogy maga magával veszi az egész tervet, beleértve a kódolást is. Azonban előfordulhat, hogy olyan csapatot szeretne gyűjteni, amely segít a részletekben. A webfejlesztő és a SEO szakértő hasznos lehet a projekthez.
Kutatás
Mint a legtöbb tervezési projekt esetében, az első lépés a weboldal létrehozásakor. E kutatás egy része az ügyféllel történik, hogy megértsék igényeiket. Szüksége lesz továbbá többet megtudni iparágukról és versenytársaikról.
Ha találkozol az ügyféllel, akkor a lehető legtávolabb kell felfedeznie, hogy segítsen kidolgozni egy vázlatot az oldal számára, és végül megtervezheti. Ez magában foglalja a célközönség, a célok, a kreatív irány és a változók kérdését, amelyek befolyásolhatják az ügyfél számára kínált lehetőségeket, például a költségkeretet és a határidőt.
Az Ön iparága és piackutatása egyszerre fog megtörténni. Annak érdekében, hogy felkészüljenek az ügyfelek találkozására, elképzeléseik legyenek az iparágukról. Miután rájöttek az igényeikre, akkor egy kicsit mélyebbre akarsz nézni.
Az elvégzett kutatások szintje az ügyfél költségvetésétől és az iparág jelenlegi ismereteitől függ. Olyan egyszerű lehet, mint látni, hogy milyen más honlapok a területen néz ki. Nagyobb projektek esetén ez lehet valami olyan mélyreható kutatás, mint a fókuszcsoportok.
Olvass tovább az alábbiakban
02. oldal, 10Ötletelés
Miután megtudta, mi a lényege a projektnek, ideje ötleteket gyűjteni, és a brainstorming kiváló kiindulópont. Ahelyett, hogy tökéletes ötletet keresne, hogy az első legyen, dobja ki az összes ötletet vagy koncepciót a webhely számára. Mindig szűkítheti le később.
Egyes webhelyek szabványos webes felületet kérhetnek, navigációt (egy gombsor) és olyan tartalmi területeket, ahol a felhasználók valószínűleg számíthatnak rájuk. Mások számára egyedi tartalomra van szükség a tartalom megjelenítéséhez.
Végül a tartalom meghajtja a dizájnt. Például egy hírportál sokkal eltérő lehet, mint a fotós portfoliója
Olvass tovább az alábbiakban
03. oldal, 10Döntse el a műszaki követelményeket
A honlap kialakításának korai szakaszában döntéseket kell hozni a projekt műszaki követelményeiről. Az ilyen döntések befolyásolják a költségvetést, az időkeretet és bizonyos esetekben a webhely általános érzését.
Az egyik elsődleges döntés az, hogy mi legyen a webhely alapstruktúrája, amely meghatározza, hogy milyen szoftvert kell használni, és milyen rendszert hoz létre a webhely, az "opera".
A lehetőségek közé tartozik:
- Alap HTML: Egy szabványos HTML oldal, amelyben minden egyes oldal manuálisan van szerkesztve. Ez viszonylag gyorsan fejlődhet, de kevés rugalmasságot és sok folyamatos karbantartást hagy maga után. Fontos megjegyezni, hogy a HTML-oldalak nem kizárólag HTML-k, és tartalmazhatnak CSS-t, JavaScript-t és egyéb programozási nyelveket a funkciókhoz.
- Tartalomkezelő rendszer használata: A CMS használata általában lehetővé teszi az ügyfelek számára, hogy rendszeresen tartsanak frissítéseket, miközben a tervező irányítja a webhely általános megjelenését. Egyes rendszerek fejleszthetők a semmiből és a megvásárolt és az ügyfelek igényeihez igazítva. Az olyan online rendszerek, mint a Blogger és a WordPress, ingyenesek, és tartalmaznak egy alapvető CMS-t is.
Írjon körvonalat
Most, hogy összegyűjtötte a szükséges információkat és ötleteket ötletezett, jó ötlet, hogy mindent papírra nyomtasson.
A weboldal körvonalának tartalmaznia kell az egyes szakaszok listáját, amelyeket fel kell tüntetni a webhelyen, és leírja, hogy milyen típusú tartalom jelenik meg az egyes oldalakon. A lehető legrészletesebben leírja, hogy milyen funkciók lesznek a webhelyen, például a felhasználói fiókok, a megjegyzések, a közösségi hálózati funkciók, a videó vagy a hírlevél feliratkozása.
A projekt megszervezésének segítése mellett az ügyfélnek egy weboldal-javaslat vázlatát kell bemutatnia, hogy jóváhagyja azt a projekt folytatása előtt. Ez lehetővé teszi számukra, hogy hozzáadjanak, eltávolítanak vagy módosítsanak minden szakaszt vagy funkciót.
Mindez végső soron segít a költségvetés és az időkeret kialakításában és a webhely építésében. A jóváhagyott körvonalakon alapuló weboldal-projekt árára vonatkozó megállapodás hozzájárul ahhoz, hogy a projekt későbbi díjait vagy véleménykülönbségeit elkerülje.
Olvass tovább az alábbiakban
05. oldal, 10Vonali keretek létrehozása
A drótkötelek a weboldal elrendezéseinek egyszerű vonalrajzai, amelyek lehetővé teszik Önnek (és az ügyfélnek), hogy inkább az elemek elhelyezésére összpontosítson, semmint a színt és a típust.
Ez rendkívül hasznos, mivel meghatározza, hogy melyik tartalom érdemes a leginkább figyelmet érdemlően és az adott elemek oldalán használt hely százalékát. Anélkül, hogy más vizuális elemek elterelnék őket, a jóváhagyott drótvázak keretet biztosítanak az Ön terveihez.
Egyes projektek esetében megfontolhatja, hogy a különböző típusú tartalomhoz használható drótvázak gyűjteménye elérhető legyen. A sok szöveggel rendelkező névjegyek, hirdetések és egyéb oldalak eltérő elrendezéssel rendelkezhetnek, mint egy galéria vagy egy vásárlási oldal.
Fontos, hogy egyenletes megjelenést biztosítson az egész weboldalon, amikor egy drótvázról a másikra átvált.
06. oldal, 10Tervezze meg a honlapot
Ha egyszer és a kliensed elégedettek a drótvázakkal, akkor ideje megkezdeni a webhely tervezését.
Az Adobe Photoshop a legelterjedtebb eszköz a kezdeti tervek létrehozásához. A webhelytervezésnek a tartalom bemutatására kell összpontosítania, és a tényleges weboldalak létrehozására szolgál.
Most egyszerűen tervezzen és játsszon az alapvető elemekkel, hogy hozzon létre valamit az ügyfél számára, hogy nézze meg és hagyja jóvá.
- Míg a csillogó dizájn és animáció helyük van, nem szabad felülmúlniuk a felhasználók által keresetteket.
- A konzisztens navigáció segít a látogatóknak megtalálni az összes fő tartalmi területet.
- A tiszta típusú használat (szöveges weboldal esetén) a látogatókat olvassa és jön vissza többé.
- Mielőtt a weboldal tervezéséhez aktuális tartalom lenne, a Lorem Ipsum szöveg segíteni fog a szóközök megtöltésében anélkül, hogy az ügyfeleket zavarná.
Olvass tovább az alábbiakban
07. oldal, 10Weboldalak készítése
Ha a formatervezését jóváhagyták, az oldalakat meg kell fordítani a formátumokról a HTML és a CSS-ben írt tényleges weboldalakra.
A tapasztalt tervezők / fejlesztők úgy dönthetnek, hogy bevonják az összes kódolást, míg a web design oldalára összpontosító személy szorosan együttműködhet a fejlesztővel, hogy életre keljen. Ha ez a helyzet, a fejlesztőnek kezdettől fogva be kell vonnia.
A fejlesztők meggyőződhetnek arról, hogy a tervezés reális és hatékony webes elrendezés. Ezenkívül konzultálni kell minden olyan funkcióval, amelyet az ügyfelet ígér, mivel egyesek nem lehetnek végrehajthatók vagy hasznosak a webhelyen.
Az olyan szoftverek, mint az Adobe Dreamweaver, segíthetnek egy tervezőnek egy működő weboldal átalakításába, a drag-and-drop funkciókhoz, az előre elkészített funkciókhoz és a gombokhoz linkek és képek hozzáadásához.
Számos szoftver választási lehetőség érhető el a weboldal építéséhez. Válassz egyet, amellyel dolgozni szeretne, csak győződjön meg róla, hogy valóban bejut a részletekbe és az oldalak kódolásába.
08. oldal, 10Fejlesztse a honlapot
Miután az elrendezés HTML és CSS-ben készült el, azt integrálni kell a választott rendszerrel. Ez az a pont, ahol működő weboldal lesz.
Ez azt jelenti, hogy a tartalomkezelő rendszer által olvasható sablonokat, WordPress sablont módosítva vagy a Dreamweaver használatával olyan oldalak és fejlettebb webes szolgáltatások közötti kapcsolatokat hozhat létre. Ez ismét olyan lépés, amelyet egy másik tagnak vagy a csapat tagjai lehet hagyni.
Önnek is meg kell vásárolnia egy weboldal domain nevet, és van egy hosting szolgáltatás sorakoznak. Ez lett volna az ügyféllel folytatott megbeszélés része, és a valóságban a folyamat kezdeti szakaszában kell megtörténnie. Néha eltarthat egy ideig a szolgáltatások aktívabbá tételéhez.
Nagyon fontos, hogy Ön vagy a fejlesztő alaposan teszteli a webhelyet. Nem akarsz "nagy felfedezni", és olyan funkciók vannak, amelyek nem működnek megfelelően.
Olvass tovább az alábbiakban
09. oldal, 10A weboldal népszerűsítése
A webhelyeden online, itt az ideje, hogy reklámozzon. A csodálatos design nem jó, ha az emberek nem látogatják meg.
A webhely forgalmának vezetése a következőket foglalhatja magában:
- Optimalizálása a keresőmotorok számára. Hire egy SEO szakértő, ha ez nem szakterület, hiszen a legjobb gyakorlatok folyamatosan változnak.
- Hírlevelek küldése új tartalom kiemelésére. A hírlevéltervezésnek a weboldal megtervezéséhez kell kapcsolódnia, hogy a márkaüzenetek konzisztensek maradjanak.
- Hirdetések PPC-hirdetésekkel a Google-on vagy banneres hirdetésekkel más webhelyeken.
- Több hagyományos módszerek, mint például a nyomtatott reklám és a szóbeli száj.
Tartsa frissen
Az egyik legjobb módja annak, hogy az emberek visszatérjenek webhelyére, tartsa frissen a tartalmat. A weboldalon végzett munkák során nem szeretné, hogy a bevezetés után hónapokig ugyanaz maradjon.
Továbbra is új tartalmakat, fotókat, videókat vagy zenéket küldjön el … bármi legyen is a webhely építése. A blog nagyszerű módja annak, hogy a webhelyet frissítjük, bármilyen hosszúságú hozzászólásokkal a webhelyéhez kapcsolódó bármely témában,
Ha ügyfele kezeli a CMS webhelyére vonatkozó frissítéseket, előfordulhat, hogy fel kell használnia őket. Az Ön által tervezett weboldal frissítései kedves módja a rendszeres jövedelemszerzésnek. Győződjön meg róla, hogy Ön és ügyfele megegyezik a frissítési munkák gyakoriságával és díjaival kapcsolatban.
