首頁 » RWD網頁設計 » RWD網頁設計 – 消費者跟你想的不一樣

RWD網頁設計 – 消費者跟你想的不一樣

最後更新於 2026-01-02,由翔隼行銷更新

RWD網頁設計, 網頁設計, 網頁設計案例

挑選網頁設計公司時,很多人會依照設計案例來挑選公司。

有一天,一個客人:『你們的設計風格,落差也太大了吧!』『這些網站都是你們設計的嗎?』

這個客人說到重點了!

RWD網頁設計 – 失敗案例!

以下介紹兩個網頁設計案例、而且是失敗的案例!

這兩個客人都是委託我們投放Google廣告,透過廣告後台數據分析、客戶實質獲得詢問次數等,比較前後差異後,確認這兩個網頁設計 – 失敗!

RWD網頁設計失敗案例01 – 製造業

案例01 – 是製造業。近五年,很多製造業的公司看上數位化、自動化、AI化的趨勢,連帶網頁設計上,也開始要求「飛炫(FASHION)」!

製造業RWD網頁紛紛朝酷炫設計發展

RWD網頁設計, 網頁設計, 網頁設計案例

整個網頁的外觀必須「酷」!必須有「科技感」!希望讓客戶知道,我們是…請容許我用粗暴、簡單的形容詞:「就是要讓客戶覺得我們很屌!」

回到案例01上。協助投放Google關鍵字廣告約莫2週,客人很誠實的說:

「我們都沒有詢問信!」

都已經2個禮拜了,換作是你,你一定很賭爛!很不爽!我們完全能理解。但,超乎你想像的是,案例01的客人很客氣地想要解決問題。

其實,早在開始投放Google關鍵字廣告前,我們就跟客人說:

「這個網頁設計存在一些問題。」

「其實,網頁做的很棒!但,缺點就是…太棒了!太棒了!」

「網頁很棒!但,你的客人可能不會用。」

WTF!任何一個郎客聽人家這樣說,當然賭爛到爆炸!

郎客口氣極差的表示:

『蝦米!這個網頁我們剛做好耶!』

『這個網頁設計公司曾經幫我們的同業、一家上市公司設計網頁。』

『我們正是看中他們有這樣的經驗,才委託他們設計網頁。』

製造業採用酷炫網頁設計詢問率超爛

總之,我們在Google關鍵字廣告投放前,就和客戶約定:「一切都看數據!」

結果,投放2~3週後,仍然沒有任何詢問。其實,在第1週後確認沒有任何詢問後,我們就針對廣告進行許多調整。第2週繼續調整,幾乎已經把我們能調整的地方都調整過了!

到了第3週,我們提交一個網頁修改建議的檔案給客人,請他們向網頁設計公司要求,將部分功能修改掉。

客人其實…很無助、也很挫折。不斷詢問、確認『這樣修改真的有幫助嗎?』

我們很誠實答覆:「其實,我們已經能確定廣告受眾正確度超過80%!所以,問題不在廣告上、而是在網頁設計上!」

客人硬著頭皮,請網頁設計公司進行修改。修改後,就開始有詢問了!

各位郎客阿!事情就是這麼神奇!

製造業採用炫設網頁設計為什麼失敗?

前面客人有提到,『這個網頁設計公司曾經幫我們的同業、一家上市公司設計網頁。』

其實,我看過這家上市公司當時改版後的網頁外觀!坦白說,新版的網頁設計確實比舊版帶來更多的時尚感和科技感。

然而,這家上市公司隔年就再改回傳統版的網頁!相信他們也意識到新網頁設計帶來的問題和挫折,才捨棄花費數十萬建置的新網頁。

其實,科技感、時尚感的網頁外觀,經常不是那麼符合消費者的使用習慣。尤其是,有些功能必須瀏覽者點選某些鍵頭、滑到特地位置,才會進一步展開畫面、產品介紹。

然而,製造業的受眾、網頁瀏覽對象都屬於年齡層較高,甚至以男性為主要基礎。這類受眾並不常瀏覽酷炫的網頁,使得他們面對這麼屌的網頁時,根本不知道怎麼使用!

我們提供什麼樣的網頁設計修改建議?

我們提供給客戶的網頁設計修改建議是:

1.將部分動畫功能關閉。

2.各項展示全展開、不要依賴瀏覽者去滑開/點開。

就這樣!

因此,提醒製造業公司們,網頁設計可以新穎、但千萬別太新!因為,你的受眾可能跟不上。

製造業網頁設計提醒

「洞察受眾差異性,決定網頁設計方向。」

「目標導向型使用者,偏好直接瀏覽資訊。」

「主要內容全展開、不隱藏在互動效果中。」

「顏色風格可保留科技感,但資訊層級要分明。」

RWD網頁設計失敗案例02 – 家電清洗業

案例02 – 是家電清洗業。這類業者初期網頁設計的預算通常較低,比較可能委託「大型網頁設計公司」以「套板」或「沿用先前未續約客戶的網站為主體」。這種形式的網頁設計成本較便宜,通常第一年的費用都在數千~2萬元內。

家電清洗業 – 網頁設計遭遇的行銷難題

RWD網頁設計, 網頁設計, 網頁設計案例

這位家電清洗業的客戶,初期也是委託我們協助投放Google關鍵字廣告。投放前,我們也注意到網頁設計上,存在一些「無法連貫」的瀏覽流程。

具體來說,就是點開這一頁、卻無法回到上一頁。另外,有些頁面內容實質上是重複的,只是上下排版順序不同。廣告投放前,有請他們原本的網頁設計公司進行一些調整。

Google關鍵字廣告一段時間後,客戶回饋:

『詢問量有變多。』

『廣告費支出大幅下降!』

『省下來的廣告費…都夠再多請一個員工!』

網頁設計決定受眾、也影響市場拓展能力

但,客戶有提出一個問題:『我們的客戶一直都是以男性居多!』

由於是這是家電相關產業,男性理應較女性更能瞭解服務和比較。 這個推論是正確的。因此,我們給客戶的回饋是,這個慣性無法扭轉。因為,市場的型態本來就長這樣。

除非,新建另一個網頁,新網站將採用另一種網頁設計的概念,融入更多柔性的元素,才有可能提升女性消費者的詢問。

另外,當時我們已經協助他們投放廣告一段時間,也很熟悉這個市場的競爭對手,我們一一開啟競爭對手的網頁,比對這些設計及產生的影響給客戶。基本上,當時這個業內大部分業者的網頁設計都是採用「簡單設計」、「頁面主體以文字居多」。

我們也舉「居家清潔」業為例。由於我們也有協助「居家清潔」業者投放Google關鍵字廣告,而且合作超過5年!因此,我們對這個行業的發展歷程非常熟悉。我們分享:

「你們對手現在網頁設計的型態、樣貌,和3~5年前的居家清潔很像。」

「居家清潔業者早期的網站也都是很簡單、較少設計感。」

「近2~3年才越來越多對手投入到網頁設計,整個檔次更是大幅提升。」

「有網頁有改版的居家清潔業者,業績也都比較前面。」

(看他們砸錢在廣告上的程度就能感受到誰有賺錢)

「你們的同業遲早也會步上這個發展軌跡,盡早建置新穎的網頁,有助於盡早脫穎而出。」

建置新網頁 – 全新網頁設計大幅提升女性轉換次數、轉換率

因此,網頁設計上採用較多溫柔元素和訴求。例如,圖片Banner上使用較多親子、夫妻等,柔性氛圍的圖片為主。對比其他業者在圖片Banner上,幾乎都以家電圖為主,這位客戶的網頁Banner則是大力擺脫家電圖。

網頁設計完,上線滿半年後追蹤。客戶回饋:

『女性消費者的詢問比以往高非常多!』

其實,我們看Google關鍵字廣告後台數據,也發現新網頁:

『女性消費者的詢問率,在某些情況下更是超越男性!』

若對比「舊網頁」、「新網頁」的女性轉換率…

『女性消費者的廣告轉換率,從舊網頁約4~5%、新網頁上升至8~9%!』

換句話說,女性消費者的廣告轉換率幾乎成長100%!

另外,您可能好奇男性消費者的轉換率呢?

男性消費者在新網頁上的轉換率表現也沒有下滑,整體轉換率數值還實質上升1~2%!(也就是成長了15~20%)

家電清洗業網頁設計提醒

「洞察受眾差異性,決定網頁設計方向。」

「女性居家消費者 → 偏向情感導向型使用者。」

「視覺上會被家庭感、安心感圖片吸引。」

「Banner主圖適合以人為主(親子、夫妻)。」

追求廣告高效益、創造高轉換率 – 問題可能在網頁設計!

一旦廣告公司的行銷效益太差,就換一家廣告公司。

如果效益還是不行,就再換一家廣告公司…因此,我們經常遇到這類型的客戶:『過去一年裡,已經換4~5家廣告公司!』

優秀的廣告公司,確實能提升廣告的轉換率。甚至能以較低的成本,獲取更高的實質效益。

但是,也有一類情況是,網頁設計本身存在一些問題!或者,部分同業已經開始優化網頁,導致舊有網頁的行銷效益開始下滑。

上述提到的家電清洗業,就是一個很好的案例。由於一個產業中,對手投入新網頁設計的周期都要走上3~5年。換句話說,這個家電產業的新網站,在未來3~5年裡都能維持高水平的轉換效率。

除非有越來越多的對手投入新網頁設計,而且他們的訴求、設計都傾向攻擊女性消費客群,我們才有需要進一步的優化、調整網頁設計元素。

如何判斷目前網路行銷的障礙在哪裡?

如果,你已經在這個領域、產業中經營數年,近2年卻開始感受到詢問次數下滑、轉換成本上升,你可以:

「搜尋主要關鍵字,看看投放廣告的對手中,有哪些對手使用了新網頁?」

如果,新網頁的數量偏少。建議您,更換一家廣告公司。

如果,新網頁的數量偏多。建議您,更換網頁設計!才能跟上新潮流,也讓客戶感受到您與其他同業具有相同的競爭力。 但是,也提醒您:網頁設計千萬別太前衛!切計前述網頁設計案例01的失敗經驗。