ENsearch btn

2021-01-20
Eric Wang

形象網站是什麼?5大設計重點和範例介紹一次告訴你!

形象網站就像是企業的網路名片一般,提供訪客企業的簡介、聯絡資訊等基本資料,是最基本的網站形式,而架設一個好的形象網站,才能讓客戶、廠商快速了解你的公司,並進行更進一步的動作。所以今天凱士要來介紹的就是:形象網站的5大設計重點,以及3個成功範例供你參考,讓你了解形象網站的重要性!

 

良好的形象網站,五大注意事項

形象網站4大類型

如前言所說,形象網站就像是一張名片,不同產業、不同需求的人名片設計也會有所不同,形象網站的設計也是如此,並且主要可以分為以下4種: 

 

形象網站4大類型


1. 公司形象網站

公司形象網站是最基本的形象網站種類,基本架構包含:公司簡介、產品/服務介紹、最新消息、聯絡我們4大項目,其餘功能則依客戶需求來增減。主要著重於簡單明瞭的業務說明、產品介紹,以及建立表單好讓訪客能留下聯絡資訊。想了解更多關於企業網站的內容,歡迎參考這篇:良好的企業網站如何架設?5大注意事項一次解析

 

 

2. 外銷形象網站

如外銷形象網站果你的企業是以外銷為主,那麼除了上述的基本4大架構外,通常還會加入「能力優勢」介紹,如:研發能力、製程設備、品質優勢、環境政策等,以凸顯自家的特色、增加競爭力。而對於產品架構複雜、品項多的網站,則建議再加上線上詢價及產品篩選等功能,以便客戶查找使用。

 

 

3. 品牌形象網站

品牌形象網站則主要用來凸顯品牌價值,目標對象通常是消費者或經銷商,而根據對象的不同,在網站架構的規劃上就會有所差異,若是B2B品牌,建議提供品牌的服務資訊;而若是B2C的品牌,則建議可以考慮導入電商,好讓網站產生集客式行銷的效果。

 

 

4. 上市櫃企業形象網站

由於上市櫃公司規模較大,因此除了公司背景等基本架構外,還須加入3R:IR(投資資訊)、HR(人力資源)、CSR(企業社會責任),以提升大眾對企業的信任度,並且建議將功能設置為群組分權管理,以便讓各部門能各自管理相關的網頁資料,不受其它部門影響。

 

 

 

 

 

形象網站設計5大重點

凱士相信,大家都希望自己的網站能又美又有特色,但形象網站的設計除了視覺美感外,還有以下5大重點值得你注意。

 

形象網站設計5大重點

 

 

 

1. 印象第一很重要

成功的形象網站在訪客進入看到的第一眼,就能讓人留下深刻的記憶點!而通常這就稱為網站的主視覺,它可以是一張靜態圖片、輪播圖片,甚至是影片,重點是要能清楚傳達網站的主題、品牌的特性,且要注意的是,切忌使用過於花俏、使人眼花撩亂的畫面,以免適得其反。

 

關於照片與攝影,你也可以參考這篇:如何提昇形象網站的質感?談照片與攝影的重要性

 

 

2. 介面設計要一致

形象網站設計須與企業的品牌視覺形象一致,才能建立起一致性的品牌識別,以加深消費者對品牌的印象;而網站整體規劃的一致性也很重要,若為了增加網站的豐富感,而在不同頁面加入過多不一致的視覺設計,反而容易導致使用者在網站中迷路、無所適從。

 

 

3. 導覽設計要清楚

能讓人輕鬆上手的網站才能讓訪客停留得久,因此使用好的導覽設計很重要,如:「麵包屑(Breadcrumbs)」設計、「大選單(Megamenu)」設計、「漢堡選單(Hamburger menu)」設計等,能引導人順暢地切換網頁,才能順利地留住訪客。

 

 

4. 使用者體驗要注意

網頁開啟速度和動態設計都是影響使用者體驗的因素之一,並且會互相影響,如:過多的JS、CSS網頁動態效果,或是高畫質、檔案大的圖片,不僅可能使網站的焦點被模糊,也會影響到網頁的開啟速度,進而降低訪客想瀏覽的意願。因此,適量且適當的設計才能兼具使用者體驗及網頁美感。

 

 

5. 原始碼架構是關鍵

能讓Google完整收錄的網站,才有機會提升曝光率,但由於Google與人類「逛網站」的方式不同,因此需要從網頁原始碼的撰寫格式來著手。加入SEO原始碼架構,並在後台提供關鍵字編寫功能等,都可以協助Google爬取你的原始碼,待Google將你的網站收錄至它的「世界百科全書」中時,才能讓你跨出成功的第一步,為你帶來更多的客源。

 

 

 

 

形象網站架設好簡單︱3大成功案例分享

介紹完了形象網站設計上的注意事項,最後,凱士要帶你看的就是3個成功的形象網站案例,幫助你從中得到啟發,對自家的網站更有想法!

 

1. 北歐品牌形象網站︱HarvestOne 合富國際

北歐品牌形象網站設計案例

為了營造出客戶「北歐設計」的品牌定位,凱士於提案前即針對北歐風格進行研究,並於字體、圖片、版面規劃等處皆體現了北歐設計的品牌價值。且加入同步式的多語言網站架構,可同時在不同語系的網頁間切換,還有360度產品展示及3D渲染功能,讓產品更真實地呈現在客戶眼前。

Harvest One形象網站 >> 

 

 

 

2. 製造外銷企業形象網站︱Protekfire

製造外銷企業形象網站設計案例

由於是外銷企業,因此建有服務支援專區,可下載產品型錄PDF檔及各項ISO證明文件。另外還設有「多條件式進階搜尋」,讓客戶可透過規格等特定條件來篩選產品,並針對不了解產品架構的客戶建有「解決方案」的頁面,可針對客戶需求帶出合適的產品,以增強網站的SEO。

Protek公司形象網站 >> 

 

 

 

3. 上市櫃公司企業形象網站︱通嘉科技

上市櫃公司形象網站設計案例

後台採用CMS內容管理系統,讓各部門可以分權管理自己部門的網頁,並在CMS系統內建置客製化產品資料庫,不但能讓產品管理及前台呈現能符合企業需求,還能整合url-rewrite、T/D管理、301轉址等SEO工具,讓網站發揮1+1>2的效益。

 通嘉科技企業形象網站 >> 

 

 

以上3者都是凱士網頁設計引以為傲的成功案例,若你看完對於自己的形象網站也有了一些想法,但卻不知道該怎麼實現,那就歡迎來凱士與我們討論、諮詢,相信凱士一定能提供你最合適的建議,並幫你打造出你心目中的優質形象網站,而想看更多關於凱士作品也歡迎至:網頁設計作品查看喔!

 

 

* 歡迎分享這篇文章,分享時請務必加入文章來源:凱士網頁設計公司

 

 

想詢問網站設計服務嗎?

如果您有形象網站、企業網站、客製化網頁、網站改版相關需求

歡迎聯絡凱士網頁設計公司:立即填寫諮詢表單,或直接撥打電話 04-22210688

 

 

 

cadiis

Eric Wang

凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。

 

 

 

 

好的形象網站設計,可以幫助提升品牌形象與企業價值,透過清楚的網站架構與視覺設計,造就良好的使用者體驗與企業形象。

 

需要形象網站設計嗎?

凱士為您設計優質形象網站
以及客製化網頁

 

立即填表諮詢

想進一步了解網頁設計服務?