01 z 10
výskum
Potenciálny klient vás požiadal, aby ste navrhli webové stránky, ale odkiaľ začnete? Existuje určitý proces, ktorý môžete dodržiavať, aby ste zabezpečili plynulý chod projektu. Odzrkadľuje štandardný proces grafického dizajnu a obsahuje len niekoľko krokov, ktoré je potrebné zahrnúť do konkrétnych webových stránok.
Ako grafický dizajnér si môžete vybrať, aby ste celý dizajn sami, vrátane kódovania. Môžete však tiež zozbierať tím, ktorý vám pomôže s podrobnosťami. Webový vývojár a SEO expert môžu byť cenným prírastkom vášho projektu.
Všetko začína s výskumom
Rovnako ako u väčšiny návrhových projektov je prvým krokom pri vytváraní webových stránok vykonávanie výskumu. Niektoré z týchto výskumov sa uskutočnia s klientom, aby sa pochopili ich potreby. Budete sa tiež musieť dozvedieť viac o svojom odvetví a konkurencii.
Pri stretnutí so svojím klientom musíte čo najskôr zistiť, ako vám pomôcť vytvoriť prehľad o lokalite a nakoniec ju navrhnúť. To zahŕňa otázku o cieľovej skupine, cieľoch, smerovaní kreatív a ďalších premenných, ktoré môžu ovplyvniť to, čo klientovi môže ponúknuť, ako napríklad rozpočet a termín.
Váš prieskum trhu a trhu sa bude diať súčasne. Aby ste boli pripravení na stretnutie so svojím klientom, mali by ste mať predstavu o ich odvetví. Po zistení ich potrieb budete chcieť pozrieť trochu hlbšie.
Úroveň vykonaného výskumu bude závisieť od rozpočtu klienta a vašich existujúcich znalostí o tomto odvetví. Môže to byť tak jednoduché ako hľadanie toho, aké iné webové stránky v tejto oblasti vyzerajú. Pri väčších projektoch to môže byť niečo ako hĺbkový výskum s cieľovými skupinami.
02 z 10
brainstorming
Akonáhle viete, čo je projekt vôbec, je čas zozbierať nápady a brainstorming je skvelé miesto na začatie . Namiesto toho, aby ste hľadali perfektnú myšlienku byť vašou prvou, vyhoďte všetky a všetky myšlienky alebo koncepty webových stránok. Vždy ho môžete zúžiť neskôr.
Niektoré webové stránky môžu požadovať štandardné webové rozhranie s navigáciou (panel s tlačidlami) a obsahovými oblasťami, na ktorých ich používatelia s najväčšou pravdepodobnosťou očakávajú. Iné môžu vyžadovať jedinečný koncept na prezentáciu obsahu.
V konečnom dôsledku bude obsah poháňaný dizajnom. Napríklad spravodajská stránka bude mať oveľa iný prístup ako webové portfólio fotografa
03 z 10
Rozhodnite sa o technických požiadavkách
Na začiatku procesu tvorby internetovej stránky je potrebné prijať rozhodnutia týkajúce sa technických požiadaviek projektu. Takéto rozhodnutia ovplyvnia rozpočet, časový rámec a v niektorých prípadoch celkový pocit stránky.
Jednou z primárnych rozhodnutí je to, akú by mala byť základná štruktúra lokality, ktorá určuje, aký softvér sa má používať a aký systém robí túto stránku "prácou".
Medzi vaše možnosti patria:
- Základné HTML: Štandardný web vo formáte HTML, v ktorom sa každá stránka upravuje manuálne. To sa môže pomerne rýchlo rozvíjať, ale ponecháva malú flexibilitu a veľa prebiehajúcej údržby. Je tiež dôležité mať na pamäti, že stránky HTML nie sú HTML samotné a môžu obsahovať funkcie CSS, JavaScript a ďalšie programovacie jazyky.
- Použitie systému správy obsahu: Používanie CMS vo všeobecnosti umožňuje klientovi vykonávať pravidelné aktualizácie obsahu, zatiaľ čo návrhár kontroluje celkový vzhľad a pocit stránky. Niektoré systémy môžu byť vyvinuté od začiatku a iné sú zakúpené a prispôsobené potrebám klienta. Online systémy ako Blogger a WordPress sú zadarmo a obsahujú aj základné CMS.
04 z 10
Napíšte prehľad
Teraz, keď ste zhromaždili potrebné informácie a brainstormovali niektoré nápady, je to dobrý nápad, aby ste si to všimli na papieri.
Náčrt webovej stránky by mal obsahovať zoznam každej sekcie, ktorá sa má zahrnúť na stránku, s popisom toho, aký typ obsahu sa bude zobrazovať na každej stránke. Mala by tiež čo najpodrobnejšie opísať, aké funkcie by mohli byť na webe, ako sú napríklad používateľské účty, komentovanie, funkcie sociálnych sietí, video alebo registrácia do bulletinov.
Okrem pomoci pri organizácii projektu by mal byť klientovi predložený návrh webovej stránky, aby ho mohli schváliť ešte pred pokračovaním projektu. To im umožní pridať, odstrániť alebo upraviť sekcie alebo funkcie.
To všetko vám v konečnom dôsledku pomôže vytvoriť rozpočet a časový rámec a vybudovať web. Ak sa dohodnete na cene za projekt webových stránok založený na schválenom náčrte, pomôžete sa vyhnúť dodatočným poplatkom alebo rozdielom názorov neskoro v projekte.
05 z 10
Vytvorte drátové snímky
Wireframes sú jednoduché líniové výkresy rozloženia webových stránok, ktoré umožňujú (a klientovi) sústrediť sa na umiestňovanie prvkov namiesto farieb a typu.
To je veľmi užitočné, pretože určuje, ktorý obsah si zaslúži najväčšie zaostrenie a percento priestoru použitého na stránke pre tieto prvky. Bez toho, aby ste boli rozptýlení inými vizuálnymi prvkami, schválené drôtené rámy poskytujú rámec pre vaše návrhy.
Pri niektorých projektoch môžete zvážiť možnosť použitia kolekcie drôtených rámcov na použitie pre rôzne typy obsahu. Kontakt, stránky a iné stránky s množstvom textu môžu mať odlišné rozloženie ako galéria alebo stránka nákupu.
Je dôležité, aby ste si udržali jednotný pohľad na celom webe počas prechodu z jedného drôtu na druhý.
06 z 10
Navrhnite webovú stránku
Akonáhle ste s klientom spokojní s drôtovými rámami, je čas začať s navrhovaním webových stránok.
Adobe Photoshop je najbežnejším nástrojom na vytváranie počiatočných návrhov. Zameranie dizajnu stránok by malo byť prezentovanie obsahu a jeho používanie na vytvorenie aktuálnych webových stránok.
Pre túto chvíľu jednoducho navrhujte a hrajte so základnými prvkami a vytvorte pre svojho klienta niečo, čo by ste sa mohli pozrieť a schváliť.
- Zatiaľ čo na svojich miestach majú mať farebné návrhy a animácie, nemali by prekonávať to, čo používateľ hľadá.
- Jednoduchá navigácia pomôže návštevníkom nájsť všetky vaše hlavné obsahové oblasti.
- Čisté používanie typu (v prípade textovo riadenej stránky) zabráni návštevníkom čítať a vrátiť sa viac.
- Skôr než budete mať skutočný obsah pre dizajn lokality, text Lorem Ipsum pomôže vyplniť medzery bez toho, aby vás rušil klient.
07 z 10
Vytváranie webových stránok
Keď je návrh schválený, je potrebné, aby sa stránky zmenili z makety na skutočné webové stránky napísané v jazykoch HTML a CSS.
Skúsení dizajnéri / vývojári sa môžu rozhodnúť pre všetky kódovanie, zatiaľ čo niekto, ktorý sa zameral na dizajnovú stránku webu, môže úzko spolupracovať s vývojárom, aby oživili stránku. Ak je to tak, developer by mal byť zapojený od začiatku.
Vývojári pomôžu uistiť sa, že dizajn je realistické a efektívne usporiadanie webu. Tiež by mali byť konzultované o všetkých funkciách, ktoré klientovi sľubujete, pretože niektorí nemusia byť pre danú lokalitu možné.
Softvér, ako je napríklad program Adobe Dreamweaver, môže pomôcť návrhárovi obrátiť maketu na pracovnú webovú stránku s funkciami drag-and-drop, predbežnými funkciami a tlačidlami na pridanie odkazov a obrázkov.
Pre budovanie webových stránok je k dispozícii veľa softvérových možností. Vyberte si ten, s ktorým budete pracovať, len sa uistite, že vám umožnia skutočne sa dostať do detailov a kódovania stránok.
08 z 10
Vytvorte webové stránky
Po dokončení rozloženia v jazyku HTML a CSS je potrebné ju integrovať do systému, ktorý ste si vybrali. Toto je miesto, kde sa stáva fungujúcou webovou stránkou.
To môže znamenať vývoj šablón pre systém na správu obsahu, zmenu šablóny WordPress alebo použitie programu Dreamweaver na vytvorenie prepojení medzi stránkami a pokročilejších funkcií webových stránok. Toto je opäť krok, ktorý môže byť ponechaný inému členovi alebo členom tímu.
Budete tiež musieť kúpiť názov domény webových stránok a mať hostiteľské služby usporiadané. Toto by malo byť súčasťou vašich diskusií s klientom av skutočnosti by sa malo uskutočniť v počiatočných fázach procesu. Niekedy môže chvíľu trvať, kým sa služby stanú aktívnymi.
Je tiež veľmi dôležité, aby vy alebo váš vývojár vykonali dôkladné testovanie webových stránok. Nechcete robiť "veľké odhalenie" a mať funkcie, ktoré nefungujú správne.
09 z 10
Propagujte web
S vašou webstránkou online je čas podporiť ju. Váš úžasný dizajn nie je dobrý, ak ho ľudia nenavštívia.
Riadenie návštevnosti webu môže zahŕňať:
- Optimalizácia pre vyhľadávače. Nájom SEO expert, ak to nie je oblasť odborných znalostí, pretože najlepšie postupy sa neustále menia.
- Posielanie spravodajcov na zvýraznenie nového obsahu. Návrh informačného bulletinu by sa mal vzťahovať na dizajn webových stránok, ktorý by umožňoval konzistentnosť správ o značke.
- Reklama s reklamami PPC v službe Google alebo bannerovými reklamami na iných stránkach.
- Viac bežných metód, ako je tlačová reklama a word-of-mouth.
10 z 10
Udržujte ju čerstvá
Jedným z najlepších spôsobov, ako zabrániť ľuďom vrátiť sa na vašu stránku, je udržiavať obsah čerstvý. So všetkou prácou vloženou do stránky nechcete, aby zostala rovnaká niekoľko mesiacov po spustení.
Pokračujte v uverejňovaní nového obsahu, fotografií, videí alebo hudby ... bez ohľadu na to, či bola stránka postavená na prezentáciu. Blog je skvelý spôsob, ako udržať stránky aktualizované, s príspevkami akýchkoľvek dĺžok na akúkoľvek tému týkajúcu sa vašich stránok,
Ak váš klient bude pracovať s aktualizáciami pre webovú lokalitu CMS, možno budete musieť trénovať, aby ju používali. Aktualizácia webových stránok, ktoré ste navrhli, je pekný spôsob, ako získať pravidelný príjem. Uistite sa, že vy a váš klient súhlasíte s frekvenciou a sadzbami za akúkoľvek prácu na aktualizáciu.