Wéi Dir eng Websäit designen

01 vun 10

Fuerschung

E potentielle Client huet Iech einfach gefrot fir eng Websäit ze grënnen, awer wou fänkt Dir un? Et ass e gewëssen Prozess, deen Dir kënnt folgen fir datt den Projet reagéiert. Et spigelt de standard grapheschen Designprozess , mat just e puer Websäitsspezifesch Schrëtt fir ze beaflossen.

Als Grafikdesigner kënnt Dir wielen op déi ganz Motiv selwer ze huelen, dorënner d'Kodéierung. Allerdéngs kënnt Dir och e Team sammelen fir Iech mat den Detailer ze hëllefen. E Web-Entwéckler an SEO Expert kann wertvoll Uebstunge fir Äre Projet.

Alles beginnt mat Fuerschung

Esou wéi mat de meeschte Designprojeten ass den éischte Schrëtt bei der Schafung vun enger Websäit d'Fuerschung. E puer vun dësen Fuerschungen ginn mat dem Client gemaach fir e Verständnis vun hiren Bedürfnisser ze kréien. Dir musst och méi iwwert hir Industrie an d'Konkurrenten erfuerderen.

Wann Dir Trefft mat Ärem Client hutt, musst Dir sou vill wéi méiglech entdecken, fir Iech ze hëllefen eng Skala vun der Säit ze entwéckelen a schliisslech ze designen. Dëst schreift och ëm hir Zilgrupp, Ziler, Kreatioun an aner Variablen ze befaassen, déi beaflosse kënne wat Dir de Client ka kréien, wéi Budjet a Frist.

Är Industrie an Maartfuerschung simultan passéieren. Fir Äert Kënnen ze preparéieren, musst Dir eng Iddi vun hirer Industrie hunn. Nodeems Dir hir Wënsch erfëllt hutt, wäert Dir dann e bësse méi déif gesinn.

De Niveau vun der Recherche gëtt hänkt vum Budjet vum Client an Ärem existente Wëssen vun der Industrie. Et kann sou einfach sinn wéi et schéngt ze kucken wat aner Websäiten am Feld aussoen. Fir méi grouss Projeten kann et eppes wéi eng detailléiert Recherche mat Fokusgruppen hunn.

02 vun 10

Brainstorming

Wann Dir wësst wat de Projet alles ass, ass et Zäit fir Ideen ze sammelen, a Brainstorming ass e super Plaz fir ze starten . Anstatt wéi Dir déi perfekt Iddi fir Är éischt sidd, erausfuere keng an all Ideeën oder Konzepter fir d'Websäit. Dir kënnt et ëmmer méi schréihen.

E puer Websäiten kënnen eng Standard-Websäit ubidden, mat Navigatioun (eng Knäppchen) an Inhaltsplazen, wou Benotzer déi meeschten wahrscheinlech erwaarden. Aanerer kënnen e unique Konzept fir den Inhalt ze presentéieren.

Am Endeffekt gëtt de Contenu d'Gestioun. Zum Beispill, en Newsnateto e vill verschidden Approche als eng Fotoprofett Web Portfolio

03 vun 10

Decide on Technical Requirements

Fréi am Prozess vun der Entwécklung vun enger Websäit, musse Décisiounen iwwer d'technesch Ufuerderungen vum Projet gemaach ginn. Dës Décisiounen beaflossen d'Budgets-, Zäitfräiung a, a ville Fäll, de globale Gefühl vum Site.

Ee vun den éischten Décisiounen ass wat d'Basisliewe vum Site soll sinn, wat bestëmmt wat d'Software benotzt a wat sistèm de Site "schafft".

Är Optiounen gehéieren ënner:

04 vun 10

Schreift en Outline

Elo, datt Dir déi noutwendeg Informatioun gesammelt an eng Idee bruecht hutt, ass et eng gutt Iddi fir alles op Pabeier ze kréien.

E Rhythmus vun enger Websäit sollt eng Lëscht vun all Ofschnëtter opruffen, déi am Site beaflosst ginn ass, mat enger Beschreiwung vun deem Typ vun Inhalt gëtt op all Säit ugewisen. Et soll och an esou Detailer wéi méiglech beschriwwe ginn wat Features am Site sinn, wéi User Accounts, kommentéiert, sozial Netzwierkerfunktiounen, Video oder Newsletter Newsletter signieren.

Niewent der Hëllef vun der Organisatioun vum Projet organiséiere mir de Client mat de Grondsätz vun enger Websäit ofschléissen, fir datt se et approuvéieren ier e Projet weider geet. Dëst erlaabt hinnen all Rubriken a Fonctiounen ze addéieren, ze réckelen oder z'änneren.

All dat hëlleft lues a riwwer e Budget an Zäitfrënn an entwéckelen d'Site. Agreeing on a price for a web site project based on a approved approval will help to avoid additional fees or differences of opinion late in the project.

05 vun 10

Wireframes erstellen

Wireframes sinn einfach Zeechnungen vun Websäiten, déi Iech (an de Client) erméiglechen, op d'Plazement vun Elementer ze konzentréieren anstatt Faarf a Type.

Dëst ass extrem hëllefsfäeg wéi et feststellt, wéi zefridde mam Wonsch den gréissten Fokus ass an den Prozentsatz vun der Plaatz déi op der Säit fir dës Elementer benotzt gëtt. Ouni vun anere visuell Elementer abstrakt ginn, hunn d'gebuerene Wireframe e Frame fir Är Motiver nogezielt.

Fir e puer Projeten, gitt Dir eventuell eng Kollektioun vu Wireframes zur Verfügung gestallt fir fir verschidden Zorte Inhalt ze benotzen. De Kontakt, ongeféier an aner Säiten mat vill Text kënnen en anere Layout hunn wéi eng Galerie oder Shopping Page.

Et ass wichteg datt Dir eng Uniform un der ganz Websäit kuckt, wéi Dir Iwwergang vu engem Wireframe op déi nächst sidd.

06 vun 10

Site benotzen

Soubal Dir an Äre Client Iech mat de Wireframe glécklech sinn, ass et Zäit fir de Site unzetrieden.

Adobe Photoshop ass déi allgemengst Instrument fir d'Initialen Designer ze kreéieren. De Fokus vum Site Design soll d'Inhalter präsentéieren an et gëtt benotzt fir d'aktuell Websäit ze kreéieren.

Fir elo einfach ze designen an ze spillen mat den elementarsten Elementer fir eppes fir Äre Client ze schaafen ze kucken an ze apprézéieren.

07 vun 10

Websäiten erstellen

Wann Äre Design approuvéiert ass, muss de Säiten vu Mockups zu realen Websäiten ausgeschwat ginn, déi an HTML an CSS geschriwwe sinn.

Experienéierter Designer / Développementer kënnen decidéieren op all d'Kodéierung ze halen, während iergendeen op der Motivsäit vum Web konzentréiere kann eng mat engem Entwéckler ariichten, fir de Site zum Liewen ze bréngen. Wann dat ass de Fall, muss de Entwéckler vun Ufank un matmaachen.

D'Entwéckler hëllefen Iech sécher ze stellen datt den Design e realisteschen an effiziente Web-Layout ass. Si sollten och konsultéiert ginn iwwert all Features déi Dir de Client selwer versprëcht, wéi e puer vläicht net méiglech sinn fir se ze benotzen oder ze profitéieren.

Software wéi Adobe Dreamweaver kann hëllefen, e Konstruktor eng Mockup an eng funktionéierende Websäit z'änneren, mat Drag-and-Drop Feature, Pre-Built-Funktiounen a Knäpper fir Linken a Biller ze addéieren.

Et gi vill Software Software fir Websäit gebaut. Wielt eng gewierkt, déi Dir gär genéissen ze schaffen, einfach datt se et erlaabt Iech wierklech an d'Detailer an d'Kodéierung vun de Säiten ze kommen.

08 vun 10

De Web Site ze developpéieren

Wann Äre Layout an HTML an CSS ofgeschloss ass, muss et mat dem System integréiert ginn deen Dir gewielt hutt. Dëst ass de Punkt wou et eng funktiounend Websäit gëtt.

Dëst bedeit datt d'Templates entwéckelen ze liesen vun engem Inhaltsverwaltungssystem, Ännere vun enger WordPress-Schabloun oder Dreamweaver ze benotzen fir Linken tëschent de Säiten a méi fortgeschniddene Webmerkmäiten ze erschafen. Dëst ass erëm e Schrëtt deen an engem anere Member oder Member vun der Équipe verlooss gëtt.

Dir musst och e Domain Domain name kafen an e Hosting-Service agefouert hunn. Dëst sollt deelweis Är Gespréicher mat dem Client sinn an an der Realitéit an den éischten Etappen vum Prozess gemaach ginn. Heiansdo kann et da méi laang daueren fir Servicer ze aktiv ginn.

Et ass och ganz wichteg datt Dir oder Äre Entwéckler grëndlech Tester vun der Websäit do maachen. Dir wëllt net d'"grouss Erkläerung" maachen a funktionnéieren, déi net richteg schaffen.

09 vun 10

Promote vun der Websäit

Mat Är Websäit online, ass et Zäit, et z'ënnerstëtzen. Är erstaunlech Design mécht keng gutt, wann d'Leit et net besichen.

De Verkéier op engem Site kann abegraff sinn:

10 vun 10

Hutt et frësch

Ee vun de beschte Weeër fir Leit ze kommen, déi op Är Site zréckkommen, ass den Inhalt frësch ze halen. Mat all der Aarbecht, déi an engem Site plazéiert ass, wëlls de se net fir d'Monarchie no der Startliga bleiwen.

Fëllt weider nei Inhalte, Biller, Videoen oder Musik ... ... egal wéi e Site gebaut gouf. E Blog ass eng gutt Méiglechkeet fir e Site ze aktualiséieren, mat Posts vun enger Längt op all Thema mat Ärem Site,

Wann Äre Client déi Aktualiséierunge fir eng CMS Websäit handhëllt, musst Dir se ze trainéieren fir se ze benotzen. D'Aktualiséierung vun enger Websäit déi Dir gemaach hutt, ass e schéine Wee fir regelméisseg Akommes ze kréien. Vergiesst sécher datt Dir an Äre Client iwwer d'Häufegkeet an Tariffer fir all Aktualiséierung Aarbecht maacht.