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