01 of 10
Ûndersyk
In potinsjele kliint jo gewoan jo frege om in webside te ûntwerpen, mar wêr begjinne jo? Der is in bepaald proses dat jo folgje kinne soargje foar it garandearjen fan it projekt reidlik. It spegelet de standert grafysk ûntwerpproseduere , mei allinich in pear websiden spesifike stappen om te befetsjen.
As grafyske ûntwerper kinne jo kieze om sels it hiele ûntwerp te nimmen, lykas de kodearring. Jo kinne ek in ploech sammje om jo te helpen mei de details. In webûntwikkeler en SEO-saakkundige kinne weardefolle oanfollings oan jo projekt hawwe.
It alles begjint mei ûndersyk
Krekt as by de measte ûntwerpprojekten is de earste stap by it meitsjen fan in webside it ûndersyk útfiere. Guon fan dit ûndersyk wurde dien mei de kliïnt om in begrip te krijen fan har behoeften. Jo sille ek leare moatte mear oer har yndustry en konkurrinten.
As jo tagelyk mei jo kliïnt befetsje, moatte jo sa folle mooglik ûntdekke om jo in rûte foar de side te ûntwikkeljen en úteinlik it ûntwerp te ûntwikkeljen. Dit befet ûnder oaren fragen oer har doelgroep, doelen, kreative rjochting en oare fariabelen dy't ynfloed kinne hokker jo de kliïnt oanbiede kinne, lykas budzjet en termyn.
Jo yndustry en merkûndersyk sil simultān wêze. Om tefoaren te meitsjen om jo kliïnt te bemachtigjen, moatte jo in idee hawwe fan har sektor. Nei't jo harren behoeften sykje, sille jo dan in lyts djipper sykje.
It nivo fan ûndersochte ûndersiken hinget ôf fan 'e budzjet fan' e kliïnt en jo besteande kennis fan 'e yndustry. It kin sa ienfâldich wêze as sykjen om te sjen wat oare websides op it fjild sjogge. Foar gruttere projekten kin it wêze as in djippe ûndersyk mei fokusgroepen.
02 of 10
Brainstorming
Ien kear as jo witte wat it projekt alles is, is it tiid om ideeën te sammeljen, en brainstorming is in geweldich plak om te begjinnen . Efter as jo sykje nei it perfekte idee om jo earste te wêzen, jilde alle ideeën of begripen foar de webside. Jo kinne letter altyd ding smelje.
Guon websides kinne opfreegje foar in standert web-ynterface, mei navigaasje (in knopbalke) en ynhâldbere gebiet dêr't brûkers it meast ferwachtsje om se te ferwachtsjen. Oaren kinne in unyk konsept wêze om de ynhâld te presintearjen.
Oan 'e ein bringt de ynhâld de ûntwerp. Bygelyks, in nijslokaasje sil in folle ferskate oanpak hawwe as in webportfolio fan 'e photograaf
03 of 10
Beslute op technyske easken
Begjin yn it proses fan it ûntwikkeljen fan in webside moatte besluten makke wurde oer de technyske easken fan it projekt. Sokke besluten sille ynfloed hawwe op de budzjet, tiidframe en, yn guon gefallen, it algemiene gefoel fan 'e side.
Ien fan 'e primêre besluten is wat de ûnderlizzende struktuer fan' e side moat wêze, wat bestimt hokker software om te brûken en wat systeem makket de side "wurkje".
Jo opsjes binne:
- Basic HTML: In standert HTML-webstee wêryn elke side manuëre wurde. Dit kin relatyf flug wêze om te ûntwikkeljen mar bliuwt gewoan fleksibiliteit en in protte oanhâldende ûnderhâld. It is ek wichtich om te betinken dat HTML-websiden net allinich HTML binne en kinne CSS, JavaScript en oare programmearrings foar funksjes opnimme.
- Brûk in Content Management System: It brûken fan in CMS makket it algemien in klant om regelmjittige ynhâld-fernijings út te fieren, wylst de ûntwerper de algemiene sjoch en gefoel fan 'e side kontrolearret. Guon systemen kinne fan kratsje ûntwikkele wurde en oaren kocht en oanpast wurde oan de needsaak fan kliïnt. Online-systemen lykas Blogger en WordPress binne fergees en befetsje ek in basis CMS.
04 of 10
Skriuw in útlieding
No, dat jo de nedige ynformaasje sammele hawwe en guon ideeën oerbringe, is it in goeie idee om it allegear op papier te krijen.
In rigel fan in webside moat in list wêze fan elke ôfdieling dy't op 'e side opnommen wurde, mei in beskriuwing fan hokker type fan ynhâld sille op elke side werjûn wurde. It moat ek sa folle detailje as mooglik beskriuwe hokker funksjes op it webstee wêze moatte, lykas brûkers-akkounts, kommentaar, sosjale netwurkfunksjes, fideo's of in nijsbrief te melden.
Njonken it helpen fan it projekt organisearje, moat de kliïnt wurde presintearre mei de rigel fan in webside foarstel, sadat se it befêstigje kinne foardat it projekt troch giet. Dit soarget dat se tafoegje of fuorthelle of funksjes oanmeitsje, fuortsmite, of oanpasse.
Allinich dit sil jo úteinlik helpe om in budzjet- en tiidframe te ûntwikkeljen en de side op te bouwen. Stimje op in priis foar in webside projekt basearre op in goedkard rigel sil helpe om ekstra fees of ferskillen fan miening te let yn it projekt te foarkommen.
05 of 10
Wireframes oanmeitsje
Wireframes binne ienfâldige line tekeningen fan webside-layouts dy't jo kinne (en de kliïnt) fokusje op it pleatsen fan eleminten yn stee fan kleur en type.
Dit is ekstra helpber as it bepaalt hokker ynhâld de measte fokus fertsjinnet en it persintaazje fan romte brûkt wurdt op 'e side foar dy eleminten. Sûnder ôfwikseljend troch oare fisuele eleminten, goedkarde wireframes jouwe in kader foar jo ûntwerpen.
Foar guon projekten kinne jo beskiede dat in sammeljen fan draadblêden beskikber is om te brûken foar ferskate soarten ynhâld. It kontakt, oer en oare siden mei in protte tekst kinne in oare layout hawwe as in galery of winkelpagina.
It is belangryk dat jo in unifoarmich sicht sjogge oer de webside as jo oergong fan ien wireframe nei de folgjende.
06 of 10
Untwerp fan de webside
Ien kear as jo en jo kliïnt binne bliid mei de wireframes, it is tiid om it webstee te ûntwikkeljen.
Adobe Photoshop is it meast foarkommende tool foar it meitsjen fan de earste ûntwerpen. It fokus fan it webstee ûntwerp moat wêze om de ynhâld te presintearjen en wurdt brûkt om de eigentlike websiden te meitsjen.
Foar no, ienfâldich ûntwerp en spielje mei de basis-eleminten om wat te meitsjen foar jo kliïnt om te sjen en goed te meitsjen.
- Hoewol't flottige ûntwerpen en animaasje har plak hawwe, moatte se net oerwinne wat de brûker socht.
- Konsistinte navigaasje sille jo besikers helpe om jo allegear wichtige ynhâldgebieten te finen.
- Skeel gebrûk fan type (yn it gefal fan in teksttriemde side) sil besikers besikers lêze en weromkomme foar mear.
- Foardat jo aktuele ynhâld foar in webstee ûntwerp hawwe, sil Lorem Ipsum tekst helpe om romten te finen sûnder jo kliïnt ôf te dragen.
07 of 10
Web websiden bouwe
As jo ûntwerp goedkard is, moatte de siden útskeakelje fan mockups yn werklike websiden dy't skreaun binne yn HTML en CSS.
Erfurige ûntwerper / ûntwikkelers kinne kieze om alle kodearring te nimmen, wylst immen op de ûntwerpkante fan it web rjochte kin mei niget oan in ûntwikkelder om de side nei it libben te bringen. As dat it gefal is, moat de ûntwerper fan it begjin ôf belutsen wêze.
De ûntwikkelders soarget derfoar dat it ûntwerp in realistysk is en in effektyf webplan is. Se moatte ek konsultearre wurde oer elke funksjes dy't jo de kliïnt fersykje, as guon miskien net mooglik wêze om út te fieren of foardielich foar de side.
Software lykas Adobe Dreamweaver kin in ûntwerper helpe in mockup yn in wurke webstee, mei drag-and-drop-funksjes, foarôfgeande funksjes en knoppen om keppelings en ôfbyldings te foegjen.
Der binne in soad software kiezen beskikber foar webside bouwen. Kies ien dy't jo genietsje mei te wurkjen, gewoan soargje dat se jo tinke kinne yn 'e details en kodearring fan' e siden.
08 of 10
Untwikkelje de website
Ienris jo layout is foltôge yn HTML en CSS, it moat yntegrearre wêze mei it systeem dat jo keazen hawwe. Dit is it punt dêr't it in funksjonearjende webside wurdt.
Dit kin betsjutte dat it ûntwikkeljen fan sjabloanen wurde lêzen troch in ynhâldbehearsysteem, feroaring fan in WordPress-sjabloan, of mei Dreamweaver te brûken om keppelings te meitsjen tusken siden en mear avansearre webfunksjes. Dit is wer in stap dy't kin wurde nei in oar lid of leden fan it team.
Jo sille ek in webside domeinnamme te keapjen en in hosting tsjinst opsette. Dit moat diel fan jo petearen hawwe mei de kliïnt en, yn 'e realiteit, moatte dien wurde yn' e begjinstappen fan it proses. Somtiden kin it duorje foar feiten om aktyf te wurden.
It is ek tige wichtich dat jo of jo ûntwikkelder grûnproses fan 'e webside dwaan. Jo wolle de "grutte oplieding" net dwaan en funksjes hawwe dy't net rjocht hawwe.
09 of 10
Meitsje de webside
Mei jo webside online is it tiid om it te befoarderjen. Jo prachtige ûntwerp docht net goed as minsken it net besykje.
Rydbewiis nei in side kin wêze:
- Optimearje it foar sykmasines. In SEO-eksperts ferhiere as dit gjin gebiet fan saakkundigens is as de bêste praktiken altyd feroarje.
- Stjoer nijsbrieven om nije ynhâld te markearjen. It nijsbrief ûntwerp moat it relatearje oan it webstee-ûntwerp om konsekwinsje fan merk-berjochten te hâlden.
- Reklame mei PPC-advertinsjes op Google of mei banner-advertinsjes op oare websides.
- Mear konvinsjonele metoaden lykas print reklame en wurd-fan-mûle.
10 of 10
Keep it Fresh
Ien fan 'e bêste manieren om minsken werom te kommen op jo side is om de ynhâld frisse te hâlden. Mei al it wurk yn in side sette, wolle jo it net wolle foar deselde moanne itselde bliuwe nei de start.
Trochgean nei nije ynhâld, foto 's, fideo' s, of muzyk ... wat de side boud is oanwêzich. In blog is in geweldige manier om in webside opnij te bewarjen, mei berjochten fan elke lingte op elke ûnderwerp dy't ferbûn is mei jo side,
As jo kliïnt it updates fan in CMS-webside behannelje, kinne jo miskien har trenje om se te brûken. It bywurkjen meitsje fan fernijings foar in webside dy't jo ûntwikkele hawwe is in noflike manier om gewoane ynkommens te krijen Soargje derfoar dat jo en jo kliïnt oerienkomme oer de frekwinsje en tariven foar elke updatewurk dat jo dogge.