top of page
person-typing-laptop-keyboard-businessman-working-laptop-he-is-typing-messages-colleagues-

資訊集合

News & Insights

10個最佳中小企業網站示範案例



以下挑選10個由Wix官方設計師推薦的中小型企業網站的示範案例,這些網站是由世界各地的Wix設計師所架設的,經由官方的推薦分享給大家。


  1. Piboco:手機應用程式

  2. Ception:新創科技公司

  3. Objective:生活用品電商網站

  4. Holyziner:自由職業攝影

  5. Puffin Packaging:環保包裝

  6. Bonny:創意設計代理公司

  7. Islango:遊艇租賃公司

  8. Acupuncture with Fabi:針灸網站

  9. Ducknology:首飾電商

  10. Ubio Labs:行動手機配件



01. Piboco:應用程式網站

Piboco是由兒童圖畫書製造商創建的互動閱讀應用程式,它的首頁設計乾淨整潔,文字框塊放在有趣的幾何圖形上。 網站訪問者一進入網站,就可以立即了解網站的內容,醒目的CTA按鈕會立即鼓勵他們下載。

標頭使導航輕鬆自如,帶有網站菜單和Logo,點擊Logo可直接返回首頁。還有一個語言切換功能,讓用戶可以輕鬆地切換三種語言。

行動網站版本中同樣具有吸引力,並增加了動畫和歡迎螢幕。





02. Ception:技術創業網站

Ception的品牌形像各個方面都很明顯。從其技術logo到品牌顏色:深色藍色和四種輔助色糸相融合,象徵凝聚力。 透過出色的網站設計技巧,網站的層次結構非常清晰。 很容易看出哪些元素最先引起我們的注意,因此最重要的功能也不會被忽視,例如較大的標題以及粗體CTA。





03. Objective:生活用品電商

Studio Adjective不僅實現了兩個出色的網站創意,還創建了一個在線室內設計產品組合來展示其項目,並創建了一個單獨的電子商務網站來銷售其產品。他們的在線商店Objective,從網頁設計到產品種類繁多,都散發著高品質,簡約的生活方式。 應用分屏式網站佈局,將頁面垂直分為兩部分。為了增加視覺吸引力,商店的徽標位於兩半交彙的正中間。當網站訪問者向下滾動時,徽標將保持不變,從而將這種Web設計趨勢聯繫在一起。 瀏覽Objective產品時,現場訪問者會看到無可挑剔的產品圖片。通過使用懸停效果,當懸停時,每個圖像都變成同一產品的替代視圖。這項簡單的更改帶來了更具交互性的購物體驗,並提高了產品的吸引力。





04. Holyziner:自由攝影作品集


伊戈爾·恩特瓦里(Igor Ntwari),也被稱為霍利茲納(Holyziner),是布隆迪的自由攝影師。他的攝影網站建立在Wix的高級創作平台Editor X上。伊戈爾(Igor)網站採用放大的版式和重疊的圖層,以營造出時尚前衛的外觀。 Igor的字體配對增加了這種精緻的設計,將襯線和無襯線字體結合在一起(在字母的提示處帶有或不帶有少量裝飾)。該網站的另一種獨特的印刷風格是他的手寫簽名,該簽名出現在網站的頁腳處,用作定制徽標設計。 “聯繫”頁面上的在線表單與該產品組合的其餘部分強化了相同的視覺語言。利用放大的字體和黑色細線,邀請現場訪問者填寫他們的信息。如果任何詳細信息不完整,則行將變為紅色以指示錯誤。這些友好的微交互功能可引導網站訪問者朝正確的方向發展,從而改善網站的用戶體驗。





05. Puffin Packaging:環保包裝網站

環保包裝公司Puffin展示了創建自己的徽標的價值。請注意,它們的徽標是網頁設計本身中的關鍵元素,在標題,favicon(瀏覽器頂部的小圖標)和產品照片中重複。 然而,出色的徽標只是打造品牌的一個要素。 Puffin還精心設計了一個口號,以概括其業務和精神-“自然而然地交付”。 另一個重要因素是他們的品牌聲音,在他們的網站上始終如一地應用。書面副本保持了輕鬆,對話的語調,並帶有有趣的短語(例如“給我們打電話”),這些短語可以幫助品牌脫穎而出,變得平易近人。 在此專業網站的“推薦”部分使用相同的語氣。為了證明客戶對產品的喜愛,Puffin選擇了對寵物的熱情響應。這是一種非常規的方法,一定要在網站訪問者的臉上露出微笑。





06. Bonny:創意公司網站

該廣告素材代理商的小型企業網站的首頁整潔,使用條形圖將頁面整齊地分成幾部分。 該網站的配色方案由深沉的土色調組成,與插圖和黑白攝影配合使用時,可以輕鬆呈現時尚外觀。 通過創建一個名為Bonny Journal的博客,該機構背後的二人組可以分享他們在有意識生活領域的專業知識。 這是一個美麗的博客示例,涉及從二手時尚到自我愛護的各種主題。 網站的“聯繫方式”表單是一個燈箱,可以從屏幕的右上角滑入視圖。 這有助於網站訪問者在他們當前訪問的網站的任何頁面上留下快速的註釋,同時與網站其餘部分匹配相同的無可挑剔的版式和調色板。





07. Islango:遊艇租賃網站


這個小型企業網站上有淡淡的碧綠海水視頻和遊艇的航拍照片,可帶遊客們進行下一次冒險。 該網站配備了Wix提供的Corvid的高級工具,可幫助用戶在線預訂航行假期。 通過使用數據庫集合,Islango可顯示有關其各種旅行目的地和行程的大量數據。 他們還利用動態頁面來構建大量網頁,同時始終保持一致的設計。 為了與網站訪問者快速便捷地進行交流,Islango包含一個實時聊天窗口小部件,該窗口小部件仍可在網站的所有不同頁面上使用。 為了使所有站點訪問者受益,在他們的“常見問題”頁面上,回答了一些最常見的客戶問題。





08. Acupuncture with Fabi: 針灸師網站


數字插圖的使用將這個針灸網站提升為最好的小型企業網站示例之一。 這些插圖是為該網站量身定制的,有助於它更生動地描繪中醫的治療功效。 該網站配有在線預訂系統,使用戶可以輕鬆預訂下一次約會。 通過整合會員區,用戶可以註冊網站並自行管理預訂。 由於這也是個人執業者的個人網站,Fabiana添加了自己的照片並分享了一些她的背景故事。 這有助於建立信任,並與站點訪問者建立更有意義的聯繫。 此外,它鞏固了法比作為專業針灸師的個人品牌。





09. Ducknology: 首飾電商網站


這個小型企業網站前衛且富有特色。 通過結合表情符號,裸露的網格和“變形”字體,這個總部位於紐約的珠寶品牌創造出既時髦又古怪的外觀。 他們的書面副本採用相同的獨特方法,並帶有諸如“我們只是喜歡美麗的廉價商品”和大量“庸醫”之類的陳述。 該設計還充分利用了微妙的視差滾動效果,為頁面增添了動感和深度。 例如,請注意主頁側面的輪廓文本如何輕輕地滑入視圖,使其看起來生動活潑。





10. Ubio Labs:移動配件網站

Ubio Labs為移動設備創建配件。 他們的網站設計乾淨,並包含大量空白,為每個元素提供了突出的空間。 網站標題上的菜單可簡化網站導航。 由於該企業網站提供了廣泛的產品,因此通過使用圖標和文字的組合簡化了“產品”菜單。 這可以防止下拉菜單過於擁擠。 為了在網站上展示更多產品,Ubio Labs已將Instagram feed嵌入到其主頁上。 這有助於確保定期更新頁面,並自動顯示其最新內容。




bottom of page