如果您擁有一家企業(yè),則需要一個網(wǎng)站。但我猜你正需要閱讀一篇關于如何創(chuàng)建網(wǎng)站的文章,以增加你決策的成功性。
現(xiàn)代科學網(wǎng)站設計
你所意識到的是,雖然使用互聯(lián)網(wǎng)是一項非常簡單的任務,但設計,建立和創(chuàng)建一個網(wǎng)站是相當專業(yè)的。你希望它看起來不錯。您希望它易于使用。您希望人們能夠在Google上找到它。您希望它實際上幫助您將訪客轉(zhuǎn)換為客戶......但您如何做到這一切?
一、您需要了解的入門內(nèi)容
了解誰是網(wǎng)頁設計師和網(wǎng)站開發(fā)師
網(wǎng)頁設計與不同面孔的網(wǎng)格
當您為您的品牌設計徽標時,雇傭一個人來完成這項工作非常容易,并且結(jié)果非常好。創(chuàng)建網(wǎng)站時不一定是這種情況。雖然有個人或代理商提供端到端的解決方案,但您最終可能不會在冒險中與多人合作建立網(wǎng)站。以下是您旅程中可能遇到的一些角色:
網(wǎng)頁設計師——是網(wǎng)站頁面設計師,他們將您的想法轉(zhuǎn)化為一個漂亮的(或壞的)模型,顯示您未來的網(wǎng)站將是什么樣子。這通常在Adobe Photoshop或類似的圖形程序中完成。
UX(用戶體驗)或UI(用戶界面)設計人員——很多時候與網(wǎng)頁設計師是同一個人,專注于您的布局設計如何影響您的用戶。例如,它們將幫助您確定將按鈕放在哪里以吸引更多人點擊它們,或者如何構(gòu)建導航以使您的網(wǎng)站盡可能無縫地流動。(UX和UI之間存在差異。本文很好地解釋了這一點。)通常,UX / UI設計師和網(wǎng)頁設計師之間存在重疊; 如果你想省錢,聘請兼具兩種技能的自由職業(yè)者應該不會太難。
網(wǎng)站開發(fā)人員——有時也被稱為工程師或程序員,他們采用您的設計師制作的漂亮(或壞蛋)模型并將其翻譯成編碼語言,以便可以在網(wǎng)絡上顯示。為了使事情進一步復雜化,有許多不同的編碼語言,大多數(shù)開發(fā)人員專注于一個或幾個。
前端開發(fā)人員——專注于我們在查看網(wǎng)站時看到的內(nèi)容(例如渲染圖像,文本,動畫,下拉菜單,頁面布局等)。
后端開發(fā)人員——則專注于幕后發(fā)生的事情,如果您的網(wǎng)站需要與數(shù)據(jù)庫進行對接,則必不可少。(如果您要購買購物車,用戶個人資料,或者希望能夠自行上傳任何內(nèi)容,那么您將需要一個數(shù)據(jù)庫。這塊工作主要由網(wǎng)站開發(fā)人員解決問題)
SEO專家,內(nèi)容策略師,內(nèi)容編寫者——也可能是您在構(gòu)建網(wǎng)站時要咨詢的專家。他們可以幫助您弄清楚您網(wǎng)站上需要什么,以幫助合適的人找到它(通過搜索引擎)并決定在那里購買。
二、獲取域名和托管
就像你開辦實體店一樣,在建立網(wǎng)站時,你需要做的第一件事就是租一個地點。
切換數(shù)據(jù)中心
當你獲得網(wǎng)絡托管服務時,你會在數(shù)據(jù)中心租用服務器空間,就像內(nèi)華達州的大型服務器空間和中國阿里云一樣。
Web托管是您網(wǎng)站資產(chǎn)所在的物理空間。所有這些圖像,文本和數(shù)據(jù)庫實際上都需要物理服務器來托管它們。雖然您可以自己購買并將其放入辦公室/房屋/車庫,但絕大多數(shù)人和企業(yè)通過公司租用托管空間。托管(如租金)通常每月支付。對于大多數(shù)企業(yè)來說,它將在5美元/ 20美元/月的范圍內(nèi),但如果您有大量數(shù)據(jù)需求可能會高得多,您可能需要在購買前咨詢您的網(wǎng)站開發(fā)人員(因為他們可能有首選供應商)。
您的域名是人們在瀏覽器中鍵入的內(nèi)容(例如shinerayad.com)。通常,這是您的公司名稱。要獲取域名,請向域名注冊商注冊(例如中國萬網(wǎng))。您需要支付少量費用(通常低于100RMB/年)才能購買并保留名稱。大多數(shù)托管服務也可以作為域名注冊商; 這通常是你最好的選擇,因為它是最容易設置的。
最后,您需要將您的域名指向您的服務器,這些服務器基本上告訴互聯(lián)網(wǎng)當有人在您的瀏覽器中鍵入您的域時,它應該在此服務器倉庫中查找以查找要顯示的正確圖片和文本。雖然這個過程并不復雜,但可能令人困惑。這是您可以嘗試DIY的步驟(您的Web主機或域名注冊商的支持團隊可以為您提供幫助),但您的Web網(wǎng)站開發(fā)人員也可以輕松幫助您。
三、考慮結(jié)構(gòu)并收集您網(wǎng)站的內(nèi)容
您的網(wǎng)頁設計師或開發(fā)人員不會在您的網(wǎng)站上撰寫關于頁面的信息,也不會為您的商店拍攝您的產(chǎn)品照片。您將不得不提供所有內(nèi)容以及提供網(wǎng)站的一般結(jié)構(gòu)。
動畫網(wǎng)站
對于結(jié)構(gòu),您需要考慮所需的頁面,常見的包括:
1)主頁
2)關于公司介紹頁面和/或聯(lián)系頁面
3)博客
4)產(chǎn)品目錄
5)個別產(chǎn)品頁面
6)法律條款和條件
7)畫廊
8)促銷活動的目標網(wǎng)頁/營銷頁面
每種類型的頁面都需要進行布局和設計,每個頁面都需要有內(nèi)容。
您不一定需要在此過程的最后階段確定內(nèi)容,但您需要了解您希望在您的網(wǎng)站上提供哪些內(nèi)容以及如何獲得該內(nèi)容的計劃。你需要留出時間來寫好文本內(nèi)容(或聘請某人為你做)嗎?您應該聘請攝影師拍攝產(chǎn)品照片嗎?您需要為網(wǎng)站提供所有自定義圖像(如您的徽標或團隊照片),但網(wǎng)頁設計師可以幫助您根據(jù)需要獲取庫存圖像。
專業(yè)提示:您的設計師(特別是如果他們有UX / UI體驗)可能對您沒有想到的內(nèi)容和結(jié)構(gòu)有一些很好的想法。很可能值得在這個過程的早期與他們進行討論。
四、確定您需要的功能
當有人訪問您的網(wǎng)站時,您希望發(fā)生什么?他們是否只是獲取有關您的產(chǎn)品或服務的信息,如電話號碼或營業(yè)時間?他們需要能夠購買商品嗎?他們的主要目標是閱讀博客文章或?qū)W習技巧嗎?他們是否在填寫報價單?他們應該能夠創(chuàng)建用戶配置文件并上傳自己的信息嗎?
您的功能需求將決定如何開發(fā)您的網(wǎng)站以及您需要與誰合作。它們也會對您的預算產(chǎn)生巨大影響,因此您需要對其進行整理以獲得準確的報價。
五、了解CMS是什么,并決定是否需要CMS
SpoonLancer為Dolcy定制CMS
CMS(內(nèi)容管理系統(tǒng))是一種數(shù)據(jù)庫和Web應用程序。從本質(zhì)上講,它允許用戶(如您和您的同事/員工)上傳內(nèi)容以訪問您網(wǎng)站的不同部分。如果您希望能夠定期編輯文本或更改網(wǎng)站上的照片,而您不知道如何編碼,則需要使用CMS!
那里有很多CMS選項。常見的用例有很棒的開箱即用選項(例如WordPress用于博客,Shopify用于托管電子商務網(wǎng)站,Six用于構(gòu)建個人資料)。但是如果你需要高級功能(比如你希望建立下一個Facebook或Uber或99designs),你將不得不自定義開發(fā)。
六、如何創(chuàng)建您的網(wǎng)站
1.模板站點和構(gòu)建器
DIY網(wǎng)頁模板平臺在過去十年中迅速普及。你可能至少聽說過其中的幾個。流行的名字包括:Squarespace,Shopify,Wix和Weebly。每個都有自己的專長(例如,Shopify專注于電子商務網(wǎng)站)和他們自己的一組模板,您可以選擇。
Wix上提供的精選模板
優(yōu)點:
- 它們都是CMS,可以讓您控制您網(wǎng)站上的內(nèi)容
缺點:
- 您只限于他們的模板和一些自定義選項(因此您的網(wǎng)站看起來會像許多其他網(wǎng)站一樣,不一定是品牌上的,您也無法對功能進行太多控制)
2.聘請自由職業(yè)者為自定義解決方案
室內(nèi)設計網(wǎng)站
如果您想要更好地控制網(wǎng)站的外觀和功能,最好的辦法是雇用一名或多名自由職業(yè)者來幫助您構(gòu)建網(wǎng)站。這非常適合以合理的價格獲得您所需的產(chǎn)品,但可能需要您更多地親自動手。
我們建議您搜索設計師個人資料,以找到其風格與您的想法相符的人。或者,如果您想獲得許多設計創(chuàng)意,您可以開始網(wǎng)頁設計競賽。我們會幫你寫一篇簡短的文章。來自世界各地的設計師將閱讀它并將您的想法發(fā)送給您的網(wǎng)站。您提供反饋以優(yōu)化設計,并最終選擇您喜歡的贏家。
請記住,您可能需要為您的項目雇用設計師和開發(fā)人員,盡管有一些自由職業(yè)者同時兼顧。請務必事先澄清,以便相應地預算(包括時間和金錢)。
優(yōu)點:
- 合理的成本(雖然它顯然取決于自由職業(yè)者和您的具體需求)
缺點:
- 您可能需要雇用多人(網(wǎng)頁設計師,UX / UI設計師,開發(fā)人員)
3.聘請自由設計師為混合解決方案
如果您想要自定義外觀,但又不想投資完全自定義開發(fā),那么您很幸運!可以從開箱即用的模板解決方案開始,并使用您自己的獨特模板進行自定義。
婚禮視頻wordpress設計
其中一個最受歡迎的選擇是在WordPress上建立一個網(wǎng)站。雖然它最初是一個博客平臺,但WordPress已成為整個互聯(lián)網(wǎng)上最受歡迎的CMS(約占所有網(wǎng)站的30%)。它完全可定制,可隨您的業(yè)務增長。有成千上萬的模板,但也可以創(chuàng)建自己的模板,使其成為完美的混合解決方案。
您可以聘請WordPress主題設計師來創(chuàng)建一個美麗,獨特的品牌網(wǎng)站,并使用WordPress為后端數(shù)據(jù)庫功能提供支持。
請注意,這也適用于其他幾個模板站點(例如,您可以創(chuàng)建自定義模板或修改Shopify或Squarespace的現(xiàn)有模板),因此如果您更愿意使用其中一個平臺,那么這也是一個選項。請注意,在任何這些情況下,設計仍然需要轉(zhuǎn)換為代碼,因此請確保您詢問您的設計師是否可以這樣做,或者知道您將不得不雇用開發(fā)人員。
優(yōu)點:
- 允許您以更低的成本獲得更高級的功能(內(nèi)置于WordPress或Shopify等平臺)
- 您將獲得自定義設計,以便您的網(wǎng)站美觀且品牌化
缺點:
5.聘請代理商提供定制的端到端解決方案
Buhv是一家位于丹佛的網(wǎng)頁設計公司
網(wǎng)站設計和開發(fā)機構(gòu)是他們所做工作的專家。他們不僅能夠指導您幫助您做出正確的決定,而且他們還能夠?qū)⒛鷱木€框帶到完全開發(fā)的網(wǎng)站。當然,所有這些都需要付出高昂的代價。對于有復雜需求的公司或成本較低的公司來說,這是一個很好的選擇。
優(yōu)點:
- 頭痛最少; 您正在與專家一起工作,他們將引導您完成整個過程
缺點:
七、設計自定義網(wǎng)站的7個步驟
1.確定你需要什么并雇用一名設計師
你弄清楚了你的域名嗎?你知道你需要什么功能嗎?您想要設計的頁面列表?您是否有計劃收集填寫網(wǎng)站所需的所有自定義內(nèi)容?
真棒!是時候聘請設計師了。要找到合適的人選,您需要查看投資組合??紤]一下您的品牌個性,并確定設計師是否符合風格。(例如,您是否想要一些前衛(wèi)和現(xiàn)代或有趣和有趣的東西?)尋找具有您所在行業(yè)經(jīng)驗的設計師或您正在尋找的特定類型的網(wǎng)站通常是個好主意。如果你是一名攝影師,尋找在他們的作品集中擁有畫廊的設計師,如果你銷售商品,尋找有其他電子商務公司經(jīng)驗的人。
以下是我們最喜歡的網(wǎng)頁設計師:
左一:WordPress主題設計
中二:明信片/傳單或打印
右三:Facebook封面
左一:網(wǎng)頁設計
中二:主題網(wǎng)頁設計
右三:主題網(wǎng)頁設計
左一:網(wǎng)頁設計
中二:應用程序設計
右三:著陸頁設計
2.從線框開始
99設計線框
沒有地圖,你不會在越野旅行中起飛。同樣,您不應該在沒有線框的情況下開始設計您的網(wǎng)站。線框基本上是藍圖,顯示導航的位置,您將擁有圖像的位置,CTA按鈕的位置等。
從線框開始將簡化流程的其余部分。您和您的設計師可以討論結(jié)構(gòu)并更改表面上的線條圖而不是復雜的Photoshop模型。這節(jié)省了每個人的時間和金錢。
您應該為所有主要頁面類型(例如您的主頁,產(chǎn)品列表,博客文章等)做線框。
如果您要在現(xiàn)有模板網(wǎng)站上構(gòu)建自定義設計,您仍應使用線框,只需確保您的設計人員了解模板中固有的限制。
3.設計外觀和感覺
您的網(wǎng)站是您在線品牌的所在地。因此,您的設計決策(從字體到顏色再到樣式)應圍繞該品牌標識建立。如果您有品牌風格指南,請將其發(fā)送給您的設計師。如果您不這樣做,請向他們提供:
- 任何其他風格要求(例如“有趣和友好”或“黑暗和豪華”)
這也是一個偉大的想法,送你喜歡的網(wǎng)站數(shù),精心挑選的例子,用一兩句話解釋為什么你喜歡他們。
有了這些信息,設計師就會去做他們的事情。他們通常會以你說的最重要的頁面開頭(對很多人來說,這是主頁,但并不總是這樣)。
左一:網(wǎng)站設計火星卷軸
中二:火星卷軸網(wǎng)站設計
右三:火星卷軸網(wǎng)站設計
當他們帶著初稿返回時,輪到你提供反饋。注意您對設計的初始內(nèi)臟反應,但抵制至少24小時響應的沖動。你想給自己時間消化,你應該把它展示給其他利益相關者以獲得他們的意見。當您提供反饋時,請確保其具體而明確。
根據(jù)您與設計師的協(xié)議,您可能需要經(jīng)過幾輪反饋才能進入最終設計。
如何提供更好的設計反饋 - >
4.為所有頁面創(chuàng)建模板
一旦您了解了最重要的頁面的外觀和感覺,并假設您擁有所有頁面類型的線框,那么為所有頁面制作設計原型應該相當簡單??赡苡幸恍┬〉臇|西需要調(diào)整,但此時你和你的設計師希望在同一頁面上講同一種語言。
假設您的設計人員不是您的開發(fā)人員,此時他們應該為您提供可以帶給開發(fā)人員的分層圖像文件。(行業(yè)標準是Adobe Photoshop文件,盡管Sketch正變得越來越流行。)
5.與開發(fā)人員合作,為您的設計編碼
帆船網(wǎng)頁設計
雇用Web開發(fā)人員時,您希望專注于功能。您應該能夠告訴開發(fā)人員您想要什么,并且他們應該能夠以明確的語言解釋(即使您不是Web開發(fā)人員),他們將如何實現(xiàn)這一目標。
如果您需要CMS,請確保他們告訴您他們正在使用哪個平臺,或者告訴您如何以及如何控制您將來可能要進行的任何更改。
如果他們不問你很多問題,要小心。這通常表明他們沒有考慮過程中涉及的所有不同步驟。
與設計師一樣,在您簡要介紹之后,開發(fā)人員將創(chuàng)建原型。他們會給你發(fā)一份草稿,你可以玩它并提供反饋。
6.填寫所有內(nèi)容
教育網(wǎng)站設計
你有一個功能齊全的網(wǎng)站。真棒!現(xiàn)在是您需要填寫所有內(nèi)容的時間,從員工或產(chǎn)品照片到標題和正文。
根據(jù)您的目標,聘請內(nèi)容或搜索引擎優(yōu)化專家?guī)椭幚砦谋究赡苁侵档玫模ㄋ鼈兛梢詭椭M行頁面排名,也可以幫助您設置正確的語氣以吸引訪問者)或?qū)I(yè)攝影師(特別是如果你在賣貨物)。
7.做用戶測試
在您正式啟動網(wǎng)站之前,您需要盡可能多的人來玩它。當他們提供反饋并提出問題時傾聽,但要抵制防御的沖動。
我接受反饋時的一般經(jīng)驗法則是,如果兩個不同的人(彼此之間沒有交談)給我相同的注釋,他們可能會接觸到某些東西。
進行所需的最終調(diào)整并啟動您的網(wǎng)站!
八、您準備好為您的企業(yè)創(chuàng)建一個完美的網(wǎng)站嗎?
創(chuàng)建一個網(wǎng)站是有益的,獎勵和恐嚇。要記住很多方面(對于許多人來說,沿途學習很多新技能)。但如果你做對了,那么你將獲得一種可以幫助你將業(yè)務發(fā)展到未來的產(chǎn)品。
插圖網(wǎng)站
我最后的想法是提醒你,網(wǎng)站幾乎從來都不是一個完成的項目。這是可以而且應該定期發(fā)展的事情。如果你正處于旅程的開始階段并選擇了一個模板網(wǎng)站,那么你可能會在一兩年內(nèi)超過它,這沒關系(當你這樣做的時候,我們已經(jīng)有很多很棒的設計師準備并愿意幫助升級你來自定制解決方案)。或者,您可能會意識到您的客戶群正在發(fā)生變化,您需要重新命名?;蛘呒夹g可能會改變,需要你適應(現(xiàn)在,一切都應該響應和移動友好。在5年誰知道!)
現(xiàn)在出發(fā)創(chuàng)建一個驚人的網(wǎng)站!
本文網(wǎng)址:http://www.zpcysw.cn/news_info.asp?id=3761