1.
⽤⼼於每個⼩細節
2021 品⽲全端簡介
RWD / UX / Web互動 / PHP程式開發

2.
01 / 關於品⽲
因為專注所以專業
⼤綱
02 / 品⽲可以為您做什麼
跨平台使⽤經驗設計與數位互動開發專家
04 / 精選案例
透過實際作品，快速了解我們
03 / 服務流程
提供顧問級服務，帶給您更多的價值

3.
關於品⽲
01.

4.
專注提升體驗 專業賦予價值
品⽲專注在提升使⽤者動線與前端互動技術發展上，透過優化獲得使⽤者好
感，協助客⼾達成需求⽬標
動線設計與互動技術
由使⽤者經驗主導開發
品⽲對於開發的操作介⾯⼀項秉持著「⼀看就會」的介⾯設計原則，盡⼒將複
雜的功能透過優化的介⾯，讓網站或系統管理變的簡單容易
使⽤者經驗
User Flow Design
互動技術與開發
Development
價值+

5.
得獎紀錄

6.
服務過的客⼾

7.
品⽲可以為您做什麼
02.

8.
豐富的實戰經驗，針對跨平台響應設計(RWD)提出最佳⽅案，並可在實作前透
過Prototype 展⽰⽅案可⾏性，降低開發風險，節省開發時程
顧問級跨平台RWD服務
簡單易⽤的系統開發
將網站或系統功能簡單化，學習曲線平緩、不需說明書即可快速上⼿，讓客⼾
節省不必要的維護花費，不需另請專家也能⾃⾏維護
注重使⽤者動線與體驗
透過User Flow重新設計介⾯動線，將凌亂的操作介⾯重新賦予意義，提升網站
或系統的使⽤率、易⽤性，進⽽使網站或系統的價值再次提升
專注提升體驗 專業賦予價值

9.
除了前期開發投入 後期營運維護也可⽀援
01 / 數位廣告策略
我們可以透過妥善的廣告策略規劃，協助網站或系統引入潛在顧客流量，並透
過數據分析提升廣告效益
02 / SEO策略規劃與操作
透過SEO策略讓搜尋引擎有效搜入網站關鍵⾴⾯，並持續提⾼搜尋排名，引入
⾃然流量，提⾼網站重要性與能⾒度
03 / 網站內容維護
由專業⽂案寫⼿妥善安排關鍵字與站內連結等佈局，創造內容為王的環境，並
有效管理網站內容⼀致性
04 / 網站⼤數據分析
透過GTM或GA等⼯具累積數據，並由專⼈定期分析數據內容，提供⾏銷⽬的
與廣告策略修正使⽤
05 / 功能擴充與優化
隨著事業體擴⼤，網站或系統也有可能⽇新⽉異，需要更多功能及優化，我們
會安排專案前往了解需求，並提出最佳解決⽅案
06 / 主機營運、網址代管、SSL憑證
協助客⼾處理網站或系統周邊事宜，包含網址管理、mail或簡訊發送等服務，
並提供穩定、安全連線的主機，讓雲端服務持續不間斷

10.
服務流程
03.

11.
01 / 接觸客⼾，了解客⼾需求
由專案經理負責與客⼾接洽，瞭解客⼾對本次專案的需求內容，並釐清初期可
能遇到的問題
02 / 需求整理與規格確認
將需求釐清之後列出相對應的製作規格，與客⼾確認規格後，由企劃⼈員開始
規劃規格之內容
03 / 內容規劃確認
依造架構規格進⾏專案內容整理，繪製wireframe及功能需求等溝通⽂件，再次
確認製作內容細節
04 / 提供視覺設計畫⾯確認內容
透過wireframe或prototype的展⽰內容，融合⾊彩學與排版設計，做出適當的靜
態視覺設計
05 / 前後端需求開發
將確認過的靜態視覺設計，處理成可操作的web介⾯，並且同時進⾏後端功能
開發，讓介⾯擁有⽣命，可執⾏新增、瀏覽、編輯、刪除等步驟
06 / 確認專案執⾏成果並結案
由專案與客⼾⼀起進⾏網站或系統測試，雙⽅確認都沒有問題，即可上線並結
案，再依需求討論後續動作
接觸 需求 報價 企劃 設計 開發 上線

12.
精選案例
04.

13.
I-PRIMO ⽇本最⼤規模婚戒品牌
⽇本鑽飾品牌I-PRIMO的台灣線上購物平台，採⽤HTML5等相關技術製作⽽成，改版後，⽐原本使⽤Wordpress製作的購物商城業績提升超
過3倍，並協助重新建置官網，提升網站SEO成效。

14.
Add Music 加點⾳樂版權交易平台
採⽤RWD響應式設計技術，可於平台上銷售或購買版權⾳樂，在後端部分，每⾸上架的⾳樂都需經過⾳樂浮⽔印技術處理，並有安全防護機
制避免⾳樂盜載

15.
AUDI Sport ⾞系官⽅網站
原先規劃為線上短期活動網站，因⾏銷成效極佳，客⼾要求轉型成AUDI Sport⾞系官⽅網站，透過3D影⾳與網站技術結合，打造出運動⾞款
的視覺與聽覺饗宴

16.
Toyota TNGA 46things
採⽤WebGL技術建構出3D場景，透過華麗流暢的視覺效果吸引網友的⽬光，結合RWD跨平台設計，在⼿機版的選單上，創造出開⾨的3D視
覺效果，網站充滿科技感的同時亦不失創意

17.
GARMIN FENIX 6 SERIES
將視差滾動結合⽂字鏤空效果，營造出與網友的密切的互動，帶出產品的核⼼精神，透過類3D的空間效果，凸顯產品的特殊材質效果，將產
品個性顯露無遺。

18.
Garmin Cycling Ecosystem
隨著⾴⾯滾動將腳替⾞替換成素描線稿，凸顯所需介紹的產品部件，讓網友可以更聚焦，並且搭配產品介紹，可充分了解該產品的特性與安
裝位置。

19.
綠⾊和平 #我家不⾒了
採⽤連續圖檔以逐格影像的⽅式，將地球的氣候危機狀況以順暢的動態逐步顯⽰在畫⾯上，透過全屏畫⾯營造氛圍，每⼀屏畫⾯都有其完整
的故事性，透過互動式動畫完整呈現於網友⾯前。

20.
無⼈商店雲端機台管理系統
為了更有效控管無⼈商店的存貨與⼈⼒、物流的相關狀態，為廠商客製化雲端管理系統，透過雲端介⾯就可以做基本狀態檢測，若有異常狀
態，系統將於第⼀時間⾃動通知維護⼈員

21.
DHL Geocoding
採⽤Geocoding技術劃分貨物運送區，將Google Map應⽤於英⽂地址正規化，透過程式⾃動學習，主動判斷包裹送件地址的同時，⾃動分
配貨物⾄相對應的貨道，減少因⼈為判斷的失誤，⽽導致⼤量⼈⼒浪費在尋回包裹的任務上

22.
Thank You
專注於品牌與數位整合
https://pnetwork.com.tw/
service@nowilldesign.com