問題
解決方案
首頁視覺導向不明顯
難以馬上察覺這是一間甚麼公司
1
使用者需要在進來官網時
第一時間就可以理解公司的服務項目
公司主打的產品功能資訊
無法在網頁上找到
2
新增主打功能資訊、
產品影片(youtube頻道)及最新消息
公司介紹資訊過少
客戶質疑真實性
3
合併供應商及聯絡資訊
新增公司資訊(歷史/供應商據點）
網頁使用邏輯不同
4
整合使用流程
About 關於專案
About 關於專案
此專案主要是為了重新設計Powertech這個品牌的官方網站，此品牌以外銷大門開門器馬達為主，網站的需求基本上是一個形象官網。
關於專案 About project
關於專案 About project
官網的資訊混亂，產品系列放置的方式沒有統一邏輯，網頁流程非常混亂沒有辦法引導顧客找到需要的資訊。
官網的資訊混亂，產品系列放置的方式沒有統一邏輯，網頁流程非常混亂沒有辦法引導顧客找到需要的資訊。
問題 / 目標 Problem / Goal
問題 / 目標 Problem / Goal
市場調查 Market research
市場調查 Market research
在我們的調查中顯示，比較有規模的競品品牌在製作自己的形象官網時，會偏向先將有的產品系列以Icon的方式先呈現在首頁，這樣消費者或是可戶在使用時可以比較容易看到他們所有的產品系列有哪些，進而去尋找自己可能需要的系列商品，然後從中再去連結到商品有官的其他訊息。
問題
解決方案
首頁視覺導向不明顯
難以馬上察覺這是一間甚麼公司
1
使用者需要在進來官網時
第一時間就可以理解公司的服務項目
首頁視覺導向不明顯
難以馬上察覺這是一間甚麼公司
1
使用者需要在進來官網時
第一時間就可以理解公司的服務項目
公司主打的產品功能資訊
無法在網頁上找到
2
新增主打功能資訊、
產品影片(youtube頻道)及最新消息
公司主打的產品功能資訊
無法在網頁上找到
2
新增主打功能資訊、
產品影片(youtube頻道)及最新消息
公司介紹資訊過少
客戶質疑真實性
3
合併供應商及聯絡資訊
新增公司資訊(歷史/供應商據點）
公司介紹資訊過少
客戶質疑真實性
3
合併供應商及聯絡資訊
新增公司資訊(歷史/供應商據點）
網頁使用邏輯不同
4
整合使用流程
網頁使用邏輯不同
4
整合使用流程
Wireframe
Wireframe
COLOR & FONT
#0071CE
R 0 / G 113 / B 206
#00A0DF
R 0 / G 160 / B 223
#b5db6d
R 181 / G 219 / B 109
#9FA0A0
R 0 / G 160 / B 223
Wireframe
COLOR & FONT
#0071CE
R 0 / G 113 / B 206
#0071CE
R 0 / G 113 / B 206
#00A0DF
R 0 / G 160 / B 223
#00A0DF
R 0 / G 160 / B 223
#b5db6d
R 181 / G 219 / B 109
#b5db6d
R 181 / G 219 / B 109
#9FA0A0
R 0 / G 160 / B 223
#9FA0A0
R 0 / G 160 / B 223