Ang isang potensyal na kliyente ay humiling lamang sa iyo na mag-disenyo ng isang website, ngunit kung saan ka magsisimula? Mayroong isang tiyak na proseso na maaari mong sundin upang matiyak na ang proyekto ay tumatakbo nang maayos. Sinasalamin nito ang karaniwang proseso ng disenyo ng graphic, na may ilang mga tukoy na hakbang sa website na isasama.
Bilang isang graphic designer, maaari mong piliin na kunin ang buong disenyo sa iyong sarili, kabilang ang coding. Gayunpaman, baka gusto mo ring magtipon ng isang koponan upang matulungan ka sa mga detalye. Ang isang web developer at SEO expert ay maaaring mahalagang mga karagdagan sa iyong proyekto.
Pananaliksik
Tulad ng karamihan sa mga proyekto ng disenyo, ang unang hakbang kapag lumilikha ng isang website ay upang magsagawa ng pananaliksik. Ang ilan sa pananaliksik na ito ay gagawin sa kliyente upang makakuha ng pag-unawa sa kanilang mga pangangailangan. Kakailanganin mo ring matuto nang higit pa tungkol sa kanilang industriya at mga katunggali.
Kapag nakikipagkita sa iyong kliyente, kailangan mong matuklasan hangga't maaari upang tulungan kang bumuo ng outline para sa site at sa wakas ay idisenyo ito. Kabilang dito ang pagtatanong tungkol sa kanilang target na madla, mga layunin, direksyon ng creative at iba pang mga variable na maaaring makaapekto sa maaari mong mag-alok ng kliyente, tulad ng badyet at deadline.
Ang iyong industriya at pananaliksik sa merkado ay mangyayari nang sabay-sabay. Upang maging handa para sa pagtugon sa iyong kliyente, dapat kang magkaroon ng ideya ng kanilang industriya. Matapos matuklasan ang kanilang mga pangangailangan, gusto mo ng mas malalim na hitsura.
Ang antas ng pananaliksik na isinagawa ay nakasalalay sa badyet ng kliyente at ang iyong umiiral na kaalaman sa industriya. Maaari itong maging kasing simple ng pagtingin upang makita kung ano ang hitsura ng iba pang mga website sa larangan. Para sa mas malaking proyekto, maaaring ito ay isang bagay na tulad ng malalim na pananaliksik na may mga grupo ng pokus.
Magpatuloy sa Pagbasa Sa ibaba
02 ng 10Brainstorming
Sa sandaling alam mo kung ano ang tungkol sa proyekto, ito ay oras upang magtipon ng mga ideya, at ang brainstorming ay isang magandang lugar upang magsimula. Sa halip na hanapin ang perpektong ideya na maging una sa iyo, itapon ang anuman at lahat ng mga ideya o konsepto para sa website. Maaari mong laging paliitin ito sa ibang pagkakataon.
Ang ilang mga website ay maaaring tumawag para sa isang karaniwang web interface, na may nabigasyon (isang pindutan ng bar) at mga lugar ng nilalaman kung saan ang mga gumagamit ay malamang na inaasahan ang mga ito. Ang iba ay maaaring mangailangan ng isang natatanging konsepto upang ipakita ang nilalaman.
Sa wakas, ang nilalaman ay dadalhin ang disenyo. Halimbawa, ang isang site ng balita ay magkakaroon ng isang magkano ang iba't ibang diskarte kaysa sa portfolio ng photographer ng web
Magpatuloy sa Pagbasa Sa ibaba
03 ng 10Magpasya sa Mga Kinakailangan sa Teknikal
Sa maagang proseso ng pag-develop ng isang website, kailangang gawin ang mga desisyon tungkol sa mga teknikal na pangangailangan ng proyekto. Ang ganitong mga desisyon ay makakaapekto sa badyet, time frame at, sa ilang mga kaso, ang kabuuang pakiramdam ng site.
Ang isa sa mga pangunahing desisyon ay kung ano ang nararapat na istraktura ng site, na kung saan ay matutukoy kung anong software ang gagamitin at kung anong sistema ang gumagawa ng site, 'work'
Kabilang sa iyong mga pagpipilian ang:
- Pangunahing HTML: Isang karaniwang HTML site kung saan ang bawat pahina ay manu-mano ang na-edit. Maaaring ito ay relatibong mabilis upang bumuo ngunit umalis maliit na kakayahang umangkop at ng maraming patuloy na pagpapanatili. Mahalaga ding tandaan na ang mga HTML na site ay hindi lamang sa HTML at maaaring isama ang CSS, JavaScript, at iba pang mga programming language para sa mga function.
- Gumamit ng isang System ng Pamamahala ng Nilalaman: Ang paggamit ng isang CMS sa pangkalahatan ay nagpapahintulot sa isang kliyente na magsagawa ng mga regular na update ng nilalaman, habang kinokontrol ng taga-disenyo ang pangkalahatang hitsura at pakiramdam ng site. Ang ilang mga sistema ay maaaring binuo mula sa simula at ang iba ay binili at iniayon sa mga pangangailangan ng kliyente. Ang mga online na sistema tulad ng Blogger at WordPress ay libre at kasama rin ang isang pangunahing CMS.
Sumulat ng Balangkas
Ngayon na natipon mo ang kinakailangang impormasyon at na-brainstormed ang ilang mga ideya, magandang ideya na makuha ang lahat sa papel.
Ang isang outline ng isang website ay dapat magsama ng isang listahan ng bawat seksyon na isasama sa site, na may isang paglalarawan ng kung anong uri ng nilalaman ang ipapakita sa bawat pahina. Dapat din itong ilarawan sa mas maraming detalye hangga't maaari kung anong mga tampok ang makikita sa site, tulad ng mga account ng gumagamit, pagkomento, mga function ng social networking, video, o pag-sign up ng newsletter.
Bukod sa pagtulong sa pag-ayos ng proyekto, dapat ipakita ang kliyente sa outline ng isang panukala sa website upang maaprubahan nila ito bago magpatuloy ang proyekto. Ito ay magpapahintulot sa kanila na magdagdag, mag-alis, o mag-ayos ng anumang mga seksyon o mga tampok.
Ang lahat ng ito ay sa huli ay makakatulong sa iyo na bumuo ng badyet at time frame at bumuo ng site. Ang pagsang-ayon sa isang presyo para sa isang proyekto ng website batay sa isang aprubadong balangkas ay makakatulong upang maiwasan ang mga karagdagang bayad o pagkakaiba ng opinyon huli sa proyekto.
Magpatuloy sa Pagbasa Sa ibaba
05 ng 10Lumikha ng mga Wireframe
Ang mga wireframe ay simpleng mga guhit ng linya ng mga layout ng website na nagbibigay-daan sa iyo (at sa kliyente) na tumuon sa paglalagay ng mga elemento sa halip na kulay at uri.
Lubhang kapaki-pakinabang ito kung tinutukoy nito kung aling nilalaman ang nararapat ang pinaka-focus at ang porsyento ng espasyo na ginamit sa pahina para sa mga elementong iyon. Kung hindi ginulo ng iba pang mga visual na elemento, ang mga aprubadong wireframe ay nagbibigay ng balangkas para sa iyong mga disenyo.
Para sa ilang mga proyekto, maaari mong isaalang-alang ang pagkakaroon ng koleksyon ng mga wireframe na magagamit upang magamit para sa iba't ibang uri ng nilalaman. Ang contact, tungkol, at iba pang mga pahina na may maraming teksto ay maaaring magkaroon ng ibang layout kaysa sa isang gallery o shopping page.
Mahalaga na mapanatili mo ang isang pare-parehong hitsura sa buong website habang lumipat ka mula sa isang wireframe papunta sa susunod.
06 ng 10Idisenyo ang Website
Sa sandaling ikaw at ang iyong kliyente ay masaya sa mga wireframe, ito ay oras upang simulan ang pagdidisenyo ng site.
Ang Adobe Photoshop ay ang pinaka-karaniwang tool para sa paglikha ng mga unang disenyo. Ang pokus ng disenyo ng site ay dapat na ipakita ang nilalaman at ito ay gagamitin upang lumikha ng aktwal na mga web page.
Sa ngayon, idisenyo lamang at i-play ang mga pangunahing elemento upang lumikha ng isang bagay para sa iyong kliyente na tingnan at aprubahan.
- Habang ang mga makintab na disenyo at animation ay may kanilang lugar, hindi nila dapat lampasan ang hinahanap ng gumagamit.
- Ang tuloy-tuloy na nabigasyon ay makakatulong sa iyong mga bisita na mahanap ang lahat ng iyong pangunahing mga lugar ng nilalaman.
- Ang malinis na paggamit ng uri (sa kaso ng isang site na hinimok ng teksto) ay magpapanatili sa pagbabasa at pagbabalik ng mga bisita para sa higit pa.
- Bago ka magkaroon ng aktwal na nilalaman para sa isang disenyo ng site, ang teksto ng Lorem Ipsum ay makakatulong na punan ang mga puwang nang hindi ginagambala ang iyong kliyente.
Magpatuloy sa Pagbasa Sa ibaba
07 ng 10Bumuo ng Mga Pahina sa Web
Kapag ang iyong disenyo ay naaprubahan, ang mga pahina ay kailangang i-turn mula sa mockups sa aktwal na mga web page na nakasulat sa HTML at CSS.
Ang mga may karanasan na taga-disenyo / developer ay maaaring pumili na kumuha ng lahat ng coding, habang ang isang taong nakatutok sa disenyo ng bahagi ng web ay maaaring gumana nang malapit sa isang developer upang dalhin ang site sa buhay. Kung ganoon nga, ang developer ay dapat na kasangkot mula sa simula.
Tutulungan ng mga developer na tiyakin na ang disenyo ay isang makatotohanang at isang epektibong web layout. Dapat din silang konsultahin tungkol sa anumang mga tampok na ipinangako mo sa kliyente na ang ilan ay maaaring hindi posible na maisagawa o kapaki-pakinabang sa site.
Ang software tulad ng Adobe Dreamweaver ay makakatulong sa isang taga-disenyo na maging isang mockup sa isang gumaganang web page, na may mga tampok ng drag-and-drop, pre-built na mga function, at mga pindutan upang magdagdag ng mga link at mga imahe.
Maraming mga pagpipilian sa software na magagamit para sa pagbuo ng website. Pumili ng isa na masisiyahan ka sa pakikipagtulungan, siguraduhin na pinapayagan ka nitong makakuha ng mga detalye at coding ng mga pahina.
08 ng 10Paunlarin ang Website
Sa sandaling makumpleto ang iyong layout sa HTML at CSS, kailangan itong isama sa system na iyong pinili. Ito ang punto kung saan ito ay nagiging isang functioning website.
Ito ay maaaring mangahulugan ng pagbubuo ng mga template na mabasa ng isang sistema ng pamamahala ng nilalaman, binabago ang template ng WordPress, o gumagamit ng Dreamweaver upang lumikha ng mga link sa pagitan ng mga pahina at mas advanced na mga tampok sa web. Ito ay isang hakbang na maaaring iwanan sa isa pang miyembro o miyembro ng pangkat.
Kakailanganin mo ring bumili ng isang pangalan ng domain ng website at magkaroon ng isang hosting service na naka-linya. Ito ay dapat na bahagi ng iyong mga talakayan sa kliyente at, sa katotohanan, ay dapat gawin sa mga unang yugto ng proseso. Kung minsan ay maaaring tumagal sandali para sa mga serbisyo upang maging aktibo.
Mahalaga rin na ikaw o ang iyong developer ay gumawa ng masusing pagsusuri sa website. Hindi mo nais na gawin ang 'malaking ihayag' at may mga function na hindi gumagana nang tama.
Magpatuloy sa Pagbasa Sa ibaba
09 ng 10I-promote ang Website
Sa iyong website sa online, oras na upang itaguyod ito. Ang iyong kahanga-hangang disenyo ay hindi mabuti kung ang mga tao ay hindi bisitahin ito.
Ang pagmamaneho ng trapiko sa isang site ay maaaring kabilang ang:
- Ini-optimize ito para sa mga search engine. Mag-hire ng isang eksperto sa SEO kung hindi ito isang lugar ng kadalubhasaan habang patuloy na nagbabago ang mga pinakamahusay na kasanayan.
- Nagpapadala ng mga newsletter upang i-highlight ang bagong nilalaman. Ang disenyo ng newsletter ay dapat na nauugnay sa disenyo ng website upang mapanatiling pare-pareho ang pagmemensahe ng tatak.
- Pag-advertise na may mga ad ng PPC sa Google o may mga ad ng banner sa iba pang mga site.
- Higit pang mga maginoo paraan tulad ng print advertising at word-of-mouth.
Panatilihing sariwa ito
Isa sa mga pinakamahusay na paraan upang panatilihing pabalik ang mga tao sa iyong site ay upang panatilihing sariwa ang nilalaman. Sa lahat ng mga trabaho ilagay sa isang site, hindi mo nais na ito ay mananatiling pareho para sa mga buwan pagkatapos ng paglunsad.
Magpatuloy upang mag-post ng bagong nilalaman, mga larawan, video, o musika … kahit anong site ang itinayo upang ipakita. Ang isang blog ay isang mahusay na paraan upang panatilihin ang isang site na-update, na may mga post ng anumang haba sa anumang paksa na may kaugnayan sa iyong site,
Kung ang iyong kliyente ay hahawak sa mga update para sa isang website ng CMS, maaaring kailanganin mo itong sanayin upang gamitin ito. Ang paggawa ng mga update sa isang website na iyong dinisenyo ay isang magandang paraan upang makakuha ng regular na kita. Tiyakin na ikaw at ang iyong kliyente ay sumang-ayon sa dalas at mga rate para sa anumang pag-update ng trabaho mo.
