Paano Gumawa ng isang Website para sa isang Bagong Produkto (at Paano Ginawa namin Ito) | uri ng negosyo na nagsisimula ka, kailangan mo ng isang website. Narito kung paano namin binuo ang website para sa aming bagong produkto, Outpost.

Maaaring naka-draft ka na ng malikhaing panuntunan kung nakadaan ka sa proseso ng pag-unlad ng logo. Kung gayon, maaari mo lamang itong muling gamitin para sa iyong website. Kung hindi ka pa nakabuo ng isang malikhain na maikling, ngayon ay ang oras upang bumuo ng isa.

Sa kabutihang palad, nakasulat na ako ng isang detalyadong artikulo na nagtuturo sa iyo kung paano ito gagawin, na kinabibilangan ng mga halimbawa mula sa Outpost creative brief, kaya makikita mo kung paano namin binuo ang aming. Kaya, kung kailangan mo ng trabaho sa iyong malikhaing panandaliang, tingnan ang aking artikulo kung paano namin binuo ang aming logo at ang malikhaing panandaliang iyon at pagkatapos ay bumalik dito kapag handa ka.

Lumikha ng isang sitemap

Sa iyong malikhaing panandaliang kamay, magsisimula kang magtrabaho sa iyong sitemap. Ang isang sitemap ay isang balangkas na naglilista ng lahat ng mga pahina (kasama ang kanilang mga layunin at layunin) na plano mong isama sa iyong site.

Narito ang sitemap na aming binuo para sa Outpost:

Home

1. 1. : Pangkalahatang-ideya ng produkto at isang "tawag sa pagkilos" upang mag-sign up para sa isang libreng pagsubok. Pangkalahatang-ideya ng Mga Tampok
   2. : Pangkalahatang-ideya ng lahat ng mga tampok na may mga link sa mga detalyadong pahina ng tampok. Detalye ng tampok para sa Tampok A: Mga Detalye ng Tampok A.
      1. Detalye ng tampok para sa Tampok B: Mga Detalye ng Tampok B.
      2. Ulitin para sa lahat ng mga tampok
      3. Pagpepresyo: Mga detalye ng mga plano sa pagpepresyo at mga link upang mag-sign up para sa isang libreng pagsubok

• Mga profile ng matagumpay na mga customer Tungkol sa Amin:
• Pangkalahatang-ideya ng kung sino tayo, ang aming misyon na pahayag, at ang aming kasaysayan. Makipag-ugnay sa Amin:
• Mga Trabaho:
• Ang isang listahan ng aming kasalukuyang mga bukas na trabaho Pahayag sa Privacy:
• Ang patakaran sa privacy ng Outpost. Blog:
• Homepage para sa blog na naglilista ng kamakailang mga post sa blog. Blog Post:
• Magkakaroon ng maraming post sa blog. Ang pahinang ito ay magiging template para sa kanila. Help Center:
• Ang aming help center ay pinatatakbo ng Zendesk. Siyempre, ang iyong site ay malamang na magiging iba kaysa sa sitemap ng Outpost. Kung ikaw ay isang restawran, halimbawa, ikaw ay maaaring magkaroon ng isang pahina o dalawa para sa mga menu at isang pahina para sa mga reserbasyon. Kung nagtatayo ka ng isang online na tindahan, marahil ay magkakaroon ka ng maraming iba't ibang mga pahina ng produkto.

Ang iyong mga dokumento sa sitemap, hangga't makakaya mo, kung ano sa tingin mo ang isama ng iyong site. Ang maliit na piraso ng pagpaplano ay gawing mas madali ang pagpaplano at pag-unlad ng site, kaya sulit ang pamumuhunan sa maagang yugtong ito.

Isulat muna ang iyong kopya-bago ang disenyo

Sa tingin mo ay ginawa ko Hindi mo makuha ang order dito mismo. Hindi mo dapat idisenyo ang iyong website bago mo isipin kung anong mga salita ang iyong ilalagay sa pahina?

Sa katunayan, ang mas mahusay na diskarte ay upang gawin ang mga bagay na "paatras" at isipin ang unang kopya ng iyong website at pagkatapos ay mag-disenyo sa paligid kopyahin iyon. Bakit? Dahil kung ano ang gusto mong makipag-usap sa iyong mga customer ay mas mahalaga kaysa sa aktwal na huling disenyo ng iyong site. Siyempre, ang disenyo ay mahalaga at nais mong magkaroon ng isang site na mukhang mahusay, ngunit kung hindi mo maaaring ipaalam ang iyong mga pangunahing mensahe sa iyong mga gumagamit, ang isang mahusay na disenyo ay hindi makagawa ng pagkakaiba.

Pagsusulat ng iyong kopya muna ay tumutulong din sa iyo at sa mga potensyal na taga-disenyo na maunawaan kung ano ang sinusubukan ng bawat pahina na makipag-usap. Nagreresulta ito sa mas mahusay na disenyo-disenyo na reinforces iyong messaging. Kahit na ikaw mismo ang magtatayo ng iyong site gamit ang isang kasangkapan tulad ng Squarespace, alam kung ano ang kailangang sabihin ng bawat pahina bago ka pumili ng isang disenyo ay magiging isang malaking oras saver.

Kapag dumating ang oras para sa iyong disenyo, maaari mo kailangan mong pinuhin ang iyong kopya upang siguraduhing maayos ang mga bagay, ngunit mas madali kaysa sa pagsulat ng kopya para sa isang disenyo na hindi binuo para sa iyong pagmemensahe.

Para sa iyong home page, malamang na gusto mo ang isang headline na inilalarawan nang eksakto kung ano ang iyong ginagawa-ang iyong pangunahing panukala sa halaga para sa iyong mga customer.

Narito ang headline at pinalawak na paglalarawan para sa Outpost, ang produkto na aming binubuo:

I-streamline ang Iyong Ibinaging Email

Madaling subaybayan, makipagtulungan, at tumugon sa mga mensaheng ipinadala sa mga generic na email address, tulad ng suporta @ o info @.

Mula doon, ang kopya na iyong isasama sa iyong home page ay talagang natutukoy ng uri ng kumpanya na ikaw ay, sino ang iyong mga customer

Para sa Outpost, kailangan naming ipaalam ang mga pangunahing tampok at pakinabang ng aming produkto at hikayatin ang mga potensyal na customer na matuto nang higit pa. Nais din naming pag-usapan ang aming koponan sa serbisyo ng customer at kung gaano kahusay ang mga ito.

Ngunit, maaaring hindi ito ang tamang pag-setup para sa iyong home page. Kung ikaw ay isang restaurant, baka gusto mong magkaroon ng mga link sa iyong mga menu o impormasyon tungkol sa pagkuha ng reserbasyon. Ang bawat kumpanya ay naiiba, kaya alamin kung ano ang kailangan mong sabihin at pagkatapos ay isulat ito pababa.

Gayunpaman, huwag mag-alala tungkol sa pagsisimula ng isang blangkong pahina. Sa halip, magkaroon ng listahan ng iyong mga paboritong website sa iyong industriya at isipin ang tungkol sa kung ano ang gusto mo at hindi gusto tungkol sa bawat site. Anong uri ng navigation ang ginagamit nila? Ano ang mga pahina na kasama nila? Anong uri ng mga imahe ang ginagamit nila? Hindi mo na kailangang muling baguhin ang gulong, at ang paggamit ng isang paboritong site bilang isang jumping off point ay isang mahusay na paraan upang makapagsimula.

Ang pangwakas na tip:

Mas karaniwan ay higit pa. Huwag kang matukso magsulat ng walang katapusang mga talata ng kopya para sa iyong website (maliban kung iyon ang inaasahan ng iyong mga customer!). Kung magbibigay-pansin ka sa kung paano mo ginagamit ang mga website, makikita mo na madalas kang nag-skimming sa pamamagitan ng teksto, hindi binabasa ang bawat salita. Sapagkat ganito ang pagbabasa ng karamihan sa mga tao sa online-skimming sa halip na pagbabasa ng bawat salita-panatilihin ang iyong kopya ng maikli at sa punto. Gumawa ng wireframe

Ang wireframe ay isang magaspang na layout ng iyong website. Hindi talaga isang disenyo, eksakto. Ito ay isang dokumento na nagpapakita ng halos kung saan ang mga bagay ay mapupunta sa pahina, nang walang pag-aalala para sa kulay o iba pang mga graphics.

Kung nagtatrabaho ka sa isang taga-disenyo upang maitayo ang iyong website, makakagawa sila ng isang wireframe para sa iyo bilang bahagi ng Proseso ng disenyo. Kung ikaw ay nagtatayo ng iyong website sa iyong sarili, gamit ang isang serbisyo tulad ng Squarespace o Shopify, maaari mong madaling bumuo ng isang wireframe sa iyong sarili.

Huwag matakot sa pamamagitan ng hakbang na ito. Hindi mo kailangan ang anumang mga espesyal na tool upang bumuo ng wireframe. Ang isang pad ng papel at isang panulat ay sapat upang mag-sketch ang bawat pahina ng iyong site. Tandaan, hindi ka "pagdidisenyo" at ang wireframe ay hindi kailangang maging maganda. Kailangan lang makipag-usap kung ano ang napupunta kung saan sa isang pahina.

Kung kailangan mo ng inspirasyon, tingnan ang iba pang mga site na gusto mo at tingnan kung paano nila istraktura ang impormasyon sa bawat pahina. Ito ay ganap na pagmultahin upang humiram ng mga layout mula sa iba pang mga site at makahanap ng inspirasyon para sa iyong sariling site.

Kung gumagamit ng panulat at papel ay hindi ang iyong bagay, maaari mong gamitin ang PowerPoint o Keynote upang lumikha ng wireframes. Mayroon ding mga nakalaang mga tool sa wireframing tulad ng Balsamiq na madali ang proseso.

Kasama ko ang wireframe ng homepage ng Outpost sa ibaba upang makakuha ka ng ideya kung ano ang hitsura ng wireframe. Maaari mo ring tingnan ang kopya na nilikha namin sa nakaraang hakbang at isang sketch ng isang ideya para sa isang graphic na elemento na gusto naming gumawa ng designer.

Ang aming wireframe para sa Outpost.