1.主頁
  主頁是您網(wǎng)站的主要中心，是品牌的代名詞。
  您的主頁可以幫助網(wǎng)站訪問者訪問網(wǎng)站的不同區(qū)域，也可以將其用作轉(zhuǎn)化渠道。因?yàn)榇蠖鄶?shù)人都通過您的主頁來找您，這是設(shè)計(jì)最重要的地方。
  主頁可以采用多種不同的形式，但在設(shè)計(jì)時(shí)，必須記住主頁的目的，作為網(wǎng)站訪問者的主要導(dǎo)航和興趣點(diǎn)。明確業(yè)務(wù)是什么，并提前提供獨(dú)特的價(jià)值主張（UVP）。在主頁上建立站點(diǎn)的層次結(jié)構(gòu)和導(dǎo)航結(jié)構(gòu)。利用您的品牌的調(diào)色板，徽標(biāo)和與業(yè)務(wù)高度相關(guān)的圖像。主頁為商家的形象定下基調(diào)，因此它應(yīng)該通過圖像和文字講述一個(gè)關(guān)于你是誰的故事。
  Matcha Kari是這類主頁網(wǎng)站的一個(gè)很好的例子。請注意頁面頂部的導(dǎo)航，為您在網(wǎng)站上找到的內(nèi)容設(shè)置基調(diào)。由于該頁面是轉(zhuǎn)化渠道的開頭，因此訪問者可以獲得優(yōu)惠券，訂閱郵件列表或觀看有關(guān)其產(chǎn)品的視頻。
  2.雜志網(wǎng)站
  雜志網(wǎng)站提供信息和教育方面的文章，照片和視頻。在過去的二十年中，雜志行業(yè)已經(jīng)從僅打印平臺轉(zhuǎn)變?yōu)榇蟛糠謹(jǐn)?shù)字格式。雜志網(wǎng)站類型適用于信息網(wǎng)站，特別是大學(xué)和組織的出版物。
  當(dāng)您考慮創(chuàng)建雜志網(wǎng)站時(shí)，首先要構(gòu)建一個(gè)基本框架。用戶應(yīng)該看到類似的布局，無論他們在主頁上的哪一天，每篇文章都必須具有類似的布局和導(dǎo)航。請記住整體設(shè)計(jì)對不同屏幕尺寸的響應(yīng)程度，以確保您的內(nèi)容在桌面和智能手機(jī)上都易于閱讀。
  Urban Omnibus是一個(gè)在線雜志網(wǎng)站，擁有相當(dāng)傳統(tǒng)的雜志布局。他們當(dāng)前問題的主題突出顯示了英雄形象和描述專題文章中的內(nèi)容的框。在特色帖子下面是雜志中每一列的網(wǎng)格布局，其中包含圖像，標(biāo)題和讀者在每篇文章中找到的內(nèi)容的簡要描述。
  3.電子商務(wù)網(wǎng)站
  電子商務(wù)網(wǎng)站是一個(gè)在線購物目的地，用戶可以從該公司購買產(chǎn)品或服務(wù)。
  強(qiáng)大的電子商務(wù)網(wǎng)頁可以輕松瀏覽產(chǎn)品，按類別過濾，突出特殊銷售和購物。一個(gè)簡單的入門方法是通過Shopify或Squarespace等完整解決方案的電子商務(wù)平臺。您的團(tuán)隊(duì)可以輕松更新在線庫存并列出新產(chǎn)品。此外，由于系統(tǒng)是相互關(guān)聯(lián)的，所以銷售，物流和營銷都會隨時(shí)了解哪些方面運(yùn)作良好。在設(shè)計(jì)方面，電子商務(wù)平臺提供了幾種模板，可以滿足幾乎所有業(yè)務(wù)類型的需求。
  Flipkart銷售各種各樣的產(chǎn)品，這意味著他們的主頁上有很多項(xiàng)目。請注意他們?nèi)绾螌㈨?xiàng)目分解為特定類別，但也在其主頁上提供當(dāng)天的重點(diǎn)交易。每個(gè)圖像都是專業(yè)的，并且清晰地顯示產(chǎn)品，但描述最初是簡短的，產(chǎn)品頁面上有更多細(xì)節(jié)。
  4.博客
  博客定期更新文章，照片和視頻。與雜志相比，博客以更隨意的個(gè)人內(nèi)容開始。但從那以后，線條已經(jīng)模糊，現(xiàn)在主要品牌和企業(yè)擁有自己的博客是非常普遍的。添加專家內(nèi)容可提高公司或個(gè)人的整體可信度。博客還為社交媒體帖子和電子郵件活動(dòng)提供材料。
  但是，對于小公司來說，博客也會變得很麻煩。在考慮啟動(dòng)內(nèi)容之前，請確保您有一個(gè)團(tuán)隊(duì)和策略來保持內(nèi)容新鮮。實(shí)際上，最好不要擁有一個(gè)博客，而是提供一些視頻或指南，而不是擁有一個(gè)絕望的過時(shí)博客。
  Nourish Eats讓事情變得簡單，專注于博客上的內(nèi)容。該站點(diǎn)不是在頁面頂部使用滑塊，而是在右側(cè)集成一個(gè)旋轉(zhuǎn)滑塊，該滑塊通過站點(diǎn)上的不同類別。滑塊使內(nèi)容保持新鮮并吸引用戶。用戶可以隨時(shí)導(dǎo)航或使用箭頭前進(jìn)或后退。
  5.投資組合網(wǎng)站
  投資組合網(wǎng)站允許創(chuàng)意專業(yè)人士展示他們最好的作品。這非常適合藝術(shù)家，作家，設(shè)計(jì)師，電影制作人，家具制造商 – 您的名字。
  在構(gòu)建投資組合時(shí)，無需添加您曾經(jīng)工作的每個(gè)項(xiàng)目。相反，專注于創(chuàng)建項(xiàng)目類別并突出顯示每個(gè)類別的最佳作品。投資組合網(wǎng)站本質(zhì)上更具創(chuàng)造性，因此可以嘗試獨(dú)特的布局并添加有趣的功能。
  設(shè)計(jì)師Gautier Maillard的在線產(chǎn)品組合將創(chuàng)意與最佳項(xiàng)目亮點(diǎn)完美融合。當(dāng)用戶向下滾動(dòng)頁面時(shí)，不同的圖像會突出顯示。點(diǎn)擊任意圖片，即可看到項(xiàng)目中的廣告系列。如果您想了解更多關(guān)于設(shè)計(jì)師的信息，請點(diǎn)擊右上角的關(guān)于導(dǎo)航按鈕，了解他住在巴黎，他在那里學(xué)習(xí)以及他從事的項(xiàng)目。這種布局和策略是有效的，因?yàn)橹攸c(diǎn)是他的實(shí)際工作和文本是有限的。用戶比單獨(dú)的文本更好地處理和記住圖像。
  6.登陸頁面
  目標(biāo)網(wǎng)頁是為營銷廣告系列創(chuàng)建的特定網(wǎng)頁類型，可以吸引訪問者執(zhí)行特定操作。
  目標(biāo)網(wǎng)頁上的內(nèi)容應(yīng)該受到限制，并指向您希望用戶采取的號召性用語（CTA）。在CTA周圍留出足夠的空白區(qū)域，并為其他頁面保存與該廣告系列目的無關(guān)的元素。
  Shopify的免費(fèi)試用登陸頁面提供了簡單的標(biāo)題和號召性用語，例如“開始免費(fèi)試用”。頁面上的所有元素都通過一個(gè)非常具體的旅程驅(qū)動(dòng)買家，讓他們成為合格的領(lǐng)導(dǎo)者。他們使用相關(guān)的時(shí)尚圖像，并在角落里添加太陽鏡的3D效果，同時(shí)還展示了他們的購物網(wǎng)站布局的樣子。
  7.社交媒體網(wǎng)站
  社交媒體上約有27.7億人，有數(shù)十種不同的平臺可供使用。無論您的目標(biāo)受眾是誰，您都可能在Facebook或Twitter或Instagram或Snapchat或LinkedIn上找到它們。雖然您無法自行重新設(shè)計(jì)平臺，但您可以控制頁面的外觀，并且可以創(chuàng)建驅(qū)動(dòng)社交媒體共享的內(nèi)容。
  在所有社交媒體頁面和網(wǎng)頁上保持一致的外觀，以便用戶立即知道您的品牌在頁面后面。使用相同的徽標(biāo)和顏色選擇。選擇能夠覆蓋所有內(nèi)容的特定聲音和個(gè)性。
  在創(chuàng)建內(nèi)容時(shí)，請關(guān)注在社交媒體上具有高分享潛力的內(nèi)容，例如娛樂視頻，圖表，模因，深度報(bào)告和免費(fèi)優(yōu)惠。
  Nutella的 Facebook頁面顯示了一系列有趣的內(nèi)容，這些內(nèi)容都與整體調(diào)色板和品牌外觀相一致。它們具有專為社交媒體制作的模因，例如“今天，我將與…分享我的Nutella”。但是，它們還提供有關(guān)如何以獨(dú)特方式使用其產(chǎn)品的視頻和想法。請注意他們的網(wǎng)站上還有社交媒體按鈕，以便用戶在不同平臺上輕松找到它們。
  8.目錄和聯(lián)系頁面
  目錄或聯(lián)系頁面是用戶可以與您或其他人聯(lián)系的位置。
  當(dāng)您想要列出組織內(nèi)的企業(yè)或人員存儲庫時(shí)，此類型的網(wǎng)站很有效。例如，當(dāng)?shù)氐牟宛^目錄在該地區(qū)設(shè)有餐館，提供菜單，價(jià)格范圍，電話號碼和評論。
  組織的性質(zhì)為目錄網(wǎng)站創(chuàng)造了機(jī)會。例如，城市中的當(dāng)?shù)匮泪t(yī)協(xié)會可以列出每個(gè)成員，他們的專業(yè)領(lǐng)域和他們的聯(lián)系信息。將此設(shè)計(jì)選項(xiàng)放在后袋中供客戶使用。