( Designer: Kittyboo    Executive planner: Christy)

案件名稱：研騰旻城國際企業有限公司

產    業：主動被動電子元件經銷商

網    址：http://www.fox-yannis.com/

重點描述：1.打破該產業原有的既定設計風格，電子元件也能高科技化。

            2.強化網站的產品搜尋&查詢機制。

            3.客戶資料&訂單規畫設計。

老實說，當接下這個案子的時候是讓我開心的大笑卻也讓我不禁皺起眉頭。

開心是因為這是一個很好的挑戰機會，挑戰什麼？當然是挑戰如何能夠跳脫出電子元件此產業的網站設計既定傳統版型與設計感，相對的皺起眉頭是因為1.電子元件此產品對於一直以來是我無法理解或是對它產生感覺的東西。2.為了更深入了解這些產品的特性、市場需求等等找了好多相關網站，但我總是需要先花時間對他們發呆…囧。

後來經過一番寒澈骨的苦讀技術書與其他網站後，外加與客戶接洽討論出他希望的風格設計與網站主要訴求後，噹!噹!!噹!!網站主架構與風格就這樣出來了：

 ( Designer: Kittyboo )

企業形象塑造&風格設計確認

由於主動元件與被動元件最主要的應用都在高科技產品上，因此，我們最後打算使用兼具高科技&專業質感的銀色系做為網站基礎色進行整體風格設計的打造。接著設計師對圖層、光影與色澤部分做精緻處理後，讓整體網站更具備了空間感以及視覺延伸性。

另外，也希望透過banner主視覺設計來建立出該企業的新穎與文化形象，設計師更利用動畫流暢度、應用產品搭襯元件與互動設計來大幅降低了被動元件原有的生冷感。

 ( Designer: Kittyboo)

主程式規劃與撰寫

底定了風格後，專案團隊針對此網站最重要的主軸-產品資訊查詢與詢價機制再此討論確認規劃內容。因為經銷網站同一種產品往往會衍生很多的類別、品牌甚至規格等細部產品分類，因此在其分類上必須有明確的邏輯規劃才不會讓瀏覽者造成資訊混淆。不單只是資訊顯示的呈現方式需要考量，如同剛剛所述，當經銷商品越來越多時，商品資訊內容是極為龐大的，為了方便瀏覽者能夠快速找尋到需要料號，站內的網站搜尋功能也是另外一項很重要的工具。

 ( Designer: Kittyboo )

詢價清單部分，在結構規劃上強調整體資料清晰度與視覺舒適度。先以視覺舒適度來說，大家一定覺得很好奇，為什麼會強調視覺舒適度這件事情?就之前的整理觀察發現，庫存資料對於電子零件經銷來說是一個重要的單元內容，但往往因為規劃不良或是欠缺考量到產品繁複性而造成頁面表單冗長，又難以找到需要所需產品的狀況。因此，跟客戶的溝通考討論下，首先我們將庫存表單內容以簡單兩種色條區分出表單中的每一產品，接下來頁面顯示則設定可以顯示N筆資料，此一作法可以讓客戶自行調整版面的長度與瀏覽度，也不會造成一進入庫存資料的頁面就被龐大的資料數據給嚇跑了。接下來是資料查詢的部分。資料查詢在此單元裡設計為兩種查詢，其一為品牌查詢，其二為料號名稱排序查詢，這兩種查詢方式將能夠大幅降低客戶在查詢庫存或是詢問產品時的不耐煩感。

 ( Designer: Kittyboo)

詢價功能

別以為這只有在網頁上面才會出現!!!您所看到的詢價表單呈現將會完完全全的傳送到客戶的指定信箱中，也就是說，這些表單內容即是為客戶專屬設計打造的詢價表單。

這次的案子成功跳脫出傳統設計形象，將電子元件產品重新包裝讓更多人了解認識，更重要的是，客戶除了能夠透過設計來呈現出公司的年輕、新穎與專業的企業形象，更能讓他們的顧客無論在哪裡皆能透過此網站快速進行查詢、詢價與購買產品的服務！

２０１０玉兔親自下凡陪你度過幸福滿滿的中秋佳節嘍～

凡是收到這張幸福平安小卡　

一定讓你今年，明年，甚至大後年都是人氣滿貫一路長紅喔！！！

＜圖片來源：ｋｉｔｔｙｂｏｏ＞

很多網站公司總是告訴消費者：你的網站一定要製作很多頁才可以進行SEO網站優化服務喔！要不然是做不起來的。

不可否認這的確是事實，因為當網站的頁面越多，搜尋引擎會越喜歡去造訪。可是，網站頁面真的要多到幾乎到可以花一筆費用重新製作網站嗎？當然不是這樣的！一個網站如果文案內容寫得夠精采、程式寫得夠漂亮、網站結構穩固又健康、網站頁面設計得夠聰明，外加對的整合行銷手法，就足夠使用少量頁面來達到高曝光率的效果。

你相不相信！只要兩頁的網站製作，就能讓一家公司的網站排名能名列前茅嗎？這樣不可思議的事情就是發生在三重蘆洲好屋資訊網(詳見www.housing888.com.tw)。

三重蘆洲好屋資訊網是提供想要投資、入住三重蘆洲地區的房屋聯賣網，主要由三重住商的五家分店所組成，其提供的房屋資訊量足以讓消費者能快速又多元化的找到心目中的理想房屋。

剛接到這個案子的時候，得知客戶本身已經有舊網站了，這次希望能夠藉由網站調整設計，讓網站在排名上有更卓越的表現。針對客戶所提出的訴求與營運方向，首先先針對舊網站的體質架構&程式碼進行詳細診斷，找出根本原因後提出了解決方針：

1.設計專屬於住商不動產五嘉聯賣網的網站頁面兩頁，並重新規劃功能區&撰寫文案。

2.進行SEO網站優化服務。

經過幾次超級良好的溝通後(不得不說一下客戶超級NICE又熱情，)，網站就這樣誕生了，更令大家開心的是，在工程師的努力下&PPC搭配經營下，目前三重蘆洲好屋資訊網的網站排名一路長紅，無論是在搜尋引擎上打三重住商、蘆洲住商、蘆洲買屋、蘆洲賣屋、三重買屋、三重賣屋，都可以在第一頁找到他的蹤影喔!!

很多人常常問我：做了這行之後，你覺得製作網站很困難嗎？

我的回答是：老實說…不是很輕鬆耶！好比說，我也曾經為了達到提高某一家公司的企業形象、製造話題性新聞、增強網站互動效果等目的來製作企業型網站而花費了一段時間與精神做前置作業。因此，如果你希望網路行銷的投資能夠永續經營，那麼更該花費加倍的心血在網站規畫、蒐集資料與整體設計上。

也就是說，一個精緻網站的建置過程並非客戶們所想像中”圖畫一畫、東西擺一擺就好了”那樣的簡單。事實上，架設網站的過程極為繁瑣燒腦袋，不過大致上還是可以化繁為簡的被區分為四大步驟，只要秉持著步步為營四步贏的信念，相信你也可以成功打造出心目中的完美網站。

對於網站架設四部曲的內容，想要用好記又好唸的四步成站詩來為大家介紹：

停下腳步想一想，

看看市場何謂夯？

聽取專業絕無妨，

行遍巧思你會紅！

當你記起這四句箴言時，代表著你已經在無形中學習到製作網站的箇中訣竅了！接下來我將針對這四大步驟為大家更詳細的談談每一步驟的內容細節。

在詳細說明如何架設網站之前，希望你能回想一下最近一次逛街的情形  :  當你走在琳瑯滿目都是店家的街道上，你想要購買一件衣服，或是找一家簡餐店坐著歇息時，什麼樣的店面會引起你的注意??

首先，除了這家店面所販售的主要產品與服務之外，通常最容易引起注意力的就是強而有力的廣告&折扣訊息。接著，你會開始想知道這家店的店名，如果很剛好的名稱夠有趣夠好聽，再加上整體店面的視覺效果夠好、夠整潔、夠豐富，那麼你的腳將不自覺的踏越了店家門檻。

屏除美艷或帥氣的店員不說，當踏入了這家店開始，我們的視覺開始觀望了解此店面的裝飾藝術的品味與商品品質、種類的挑剔是否符合心中所預期，甚至能夠和自己的想法一拍即合；聽覺與嗅覺則一面感受著店面音樂和氣味效果所營造出的氛圍，這樣的情緒放鬆有助於你對店家的融入感。當然就算整體店面的環境設計達到了百分百的要求，倘若規畫動線與即時服務無法達到及格的要求，就會降低你對這架店面的正面觀感。

那麼，現在再想一想當你想要在某官方網站上購買商品時的情景。你在搜尋引擎中KEY上了商品關鍵字，按下了ENTER鍵後跑出了茫茫網海的連結名稱，透過眼睛，你快速的找上了夠吸引目光語引起興趣的折扣訊息&看似不錯的店家名稱。同樣的，你的手開始不聽使喚的按下聯結進入該店家的官方網站。

首先，官網設計的美觀程度影響了我們對這家店的觀感與用心程度，如果過於簡陋粗糙便會讓你動了…我是不是該關掉另外重找一家官網的念頭(除非這個官網是非常有名的公司)；接著透過音效與特效所添加的豐富氣氛讓你對這個官網留下了更好的深刻印象，甚至會忍不住的直接複製貼上分享給你的親戚好友。另外，也是很重要的一點，官網的架構是否健全、功能是否對客戶是有用處的、是方便的等等，都很直接的影響了你在關網活動的心情。

有沒有很熟悉的感覺??如果有，那麼你是對的!!

其實在網路世界架設專屬網站就好比在現實世界中開設實體店面一樣，兩者並沒有太大的差異，除了既有的豐富產品和優良的服務品質外，都必須利用精心的規畫與包裝設計店面來滿足客戶的視覺、聽覺感官享受。如果硬要想出個兩三點…好吧…其一 : 實體店面可以親臨參訪，可惜官網必須透過視覺效果-用特效來滿足臨場體驗；其二 : 實體店面從建造到長期經營所費不貲，然而官網卻可以省下絕對超過實體店面的一半費用便可無限延伸行銷觸角 :）。

網站和實體店面都需要使用者精心的規畫和用心經營，別以為消費者看不見或不在意（事實上，如果你無法像知名企業一樣讓客戶自動搜尋你的名字，那麼在網路世界中，瀏覽者絕對透過你的網站內容與規劃來營造對你的信任感與好感）。如果希望砸下的行銷費用能夠招攬無數的消費者，那麼請拋下一個不正確的觀念 :　我只要有網站就好！！

1997年，科技及新興的網際網路相關企業股價高速上升，使得全世界有許多大大小小企業界大舉進入網路市場。然而，令人無法預料的是2000年發生了網路泡沫化此重大事件，讓眾多企業的投資金額瞬間付之一炬!

或許看了上面這一段話，你會開始思考:「看吧!網路市場的風險這麼不可預測，那麼我又何必要冒風險讓我的資金石沉大海?!」 如果你有這個念頭…那麼你就大錯特錯了!!

網路與生活息息相關

10年的光陰，網路市場歷經了無數的巨變，以及各行業的網路競爭優勢因同業競爭者林立而逐漸式微，這些現況都在在的表明著一件事情:網際網路資訊科技已徹底地滲入我們每一個人的生活。以台灣來說，將近有1476萬人(一半以上總人口數)都是在網路上進行食衣住行育樂等等的資料搜尋或是進行線上消費活動。

就拿網路教學來說好了，幾年前，你曾經想到過「只要開啟電腦，連上網際網路，不用出門就可以在家上任何一門想要學習的課程」嗎?? Tutor abc就做到了!!  Tutor abc因為2003年SARS風暴的影響，他們開始思考轉戰線上教學系統的建置與經營，讓上班族能兼顧時間與地點的方便性，透過網路就可以輕鬆在家學習英語。光開業一年期間，Tutor abc國內線上學習市場總交易金額就高達760餘億元台幣，截至目前為止，該公司已經是各企業界與教育界心目中的優良語言教育專家，更成為國內線上語言學習網路的首要龍頭!

發現了嗎?網路開業或是架設網站他所能帶給你的好處，是真真實實可以用四個字去形容:無限商機! 就算是無形的商品或是服務，你都能運用任何的科技技術呈現在網路世界裡。在剛剛的例子中，我們可以把架設網站的重要性整理成以下幾點:

一.告訴大家「你是誰」

很多人曾經告訴我他們的產品有多好有多物超所值，事實上這些產品是真的很有價值，但有趣的事情發生了…這麼好的產品為什麼偏偏苦無買主賞識??不管是什麼產品，都必須經過行銷的包裝與宣傳才能傳達給客戶認識。可是，如同本文章所說的，消費者生活習慣在改變，如果你的行銷手法仍然以傳統方式在進行，而不是透過最便利又最快速的網路行銷，那麼，就很難讓消費者注意到你實體的存在，更別提到他們會知道你是誰!! 除非…你的店家是真的非常特異。

二.企業形象加強再加強

網路行銷很神奇的地方在於它不像其他傳統的行銷媒介(例如:平面廣告、電視媒體、報章雜誌、廣播節目等)只能使用單一呈現方式來宣傳企業產品或是企業本身，你大可結合任何文字、影音、繪圖等多媒體技術來更完整的呈現出企業形象，讓客戶在視覺與聽覺感官刺激下，更清楚的記住專屬於你的企業風格。

三.創造無遠弗屆的第二市場

網路世界不同於現實生活，商品資訊以及客戶聯繫不需要passport或是關稅就可以免費無障礙的傳遞給世界上的任何一位客戶的手上，你無須擔心實體店家鄰近區域的市場萎縮時，又該到何處找尋更多客戶的問題。也就是說，網路好比是另一個銷售市場，而這個銷售市場很有可能為你招覽到國外的客源!

四.24小時服務不打烊

實體環境中，對於客戶來說最麻煩的事情就是…想要買產品的時候或是商品有問題的時候，卻因受限於時間與地點而只能苦苦在家等待天亮或假日。所幸網路的發達，讓你的客戶輕輕鬆鬆就可以在線上購買到想買的商品，而你也可以利用網路延伸售後服務來增加客戶的忠誠度和產品再購率，再也不用擔心顧客因為不便利而遠離你。

未來網路世界又會變成怎麼樣?你所投資的成本是不是能如期回收，甚至獲得更多的投資報酬?沒有任何人可以準確的告訴你答案。但是，有一件事情卻有個標準答案，那就是如果你不願意在網路上做任何的行銷投資，就絕對不會在網路上獲得任何的利益或好處!!