SlideShare a Scribd company logo
1 of 22
Download to read offline
⽤⼼於每個⼩細節
2021 品⽲全端簡介
RWD / UX / Web互動 / PHP程式開發
01 / 關於品⽲
因為專注所以專業
⼤綱
02 / 品⽲可以為您做什麼
跨平台使⽤經驗設計與數位互動開發專家
04 / 精選案例
透過實際作品,快速了解我們
03 / 服務流程
提供顧問級服務,帶給您更多的價值
關於品⽲
01.
專注提升體驗 專業賦予價值
品⽲專注在提升使⽤者動線與前端互動技術發展上,透過優化獲得使⽤者好
感,協助客⼾達成需求⽬標
動線設計與互動技術
由使⽤者經驗主導開發
品⽲對於開發的操作介⾯⼀項秉持著「⼀看就會」的介⾯設計原則,盡⼒將複
雜的功能透過優化的介⾯,讓網站或系統管理變的簡單容易
使⽤者經驗


User Flow Design
互動技術與開發


Development
價值+
得獎紀錄
服務過的客⼾
品⽲可以為您做什麼
02.
豐富的實戰經驗,針對跨平台響應設計(RWD)提出最佳⽅案,並可在實作前透
過Prototype 展⽰⽅案可⾏性,降低開發風險,節省開發時程
顧問級跨平台RWD服務
簡單易⽤的系統開發
將網站或系統功能簡單化,學習曲線平緩、不需說明書即可快速上⼿,讓客⼾
節省不必要的維護花費,不需另請專家也能⾃⾏維護
注重使⽤者動線與體驗
透過User Flow重新設計介⾯動線,將凌亂的操作介⾯重新賦予意義,提升網站
或系統的使⽤率、易⽤性,進⽽使網站或系統的價值再次提升
專注提升體驗 專業賦予價值
除了前期開發投入 後期營運維護也可⽀援
01 / 數位廣告策略


我們可以透過妥善的廣告策略規劃,協助網站或系統引入潛在顧客流量,並透
過數據分析提升廣告效益
02 / SEO策略規劃與操作


透過SEO策略讓搜尋引擎有效搜入網站關鍵⾴⾯,並持續提⾼搜尋排名,引入
⾃然流量,提⾼網站重要性與能⾒度
03 / 網站內容維護


由專業⽂案寫⼿妥善安排關鍵字與站內連結等佈局,創造內容為王的環境,並
有效管理網站內容⼀致性
04 / 網站⼤數據分析


透過GTM或GA等⼯具累積數據,並由專⼈定期分析數據內容,提供⾏銷⽬的
與廣告策略修正使⽤
05 / 功能擴充與優化


隨著事業體擴⼤,網站或系統也有可能⽇新⽉異,需要更多功能及優化,我們
會安排專案前往了解需求,並提出最佳解決⽅案
06 / 主機營運、網址代管、SSL憑證


協助客⼾處理網站或系統周邊事宜,包含網址管理、mail或簡訊發送等服務,
並提供穩定、安全連線的主機,讓雲端服務持續不間斷
服務流程
03.
01 / 接觸客⼾,了解客⼾需求


由專案經理負責與客⼾接洽,瞭解客⼾對本次專案的需求內容,並釐清初期可
能遇到的問題
02 / 需求整理與規格確認


將需求釐清之後列出相對應的製作規格,與客⼾確認規格後,由企劃⼈員開始
規劃規格之內容
03 / 內容規劃確認


依造架構規格進⾏專案內容整理,繪製wireframe及功能需求等溝通⽂件,再次
確認製作內容細節
04 / 提供視覺設計畫⾯確認內容


透過wireframe或prototype的展⽰內容,融合⾊彩學與排版設計,做出適當的靜
態視覺設計
05 / 前後端需求開發


將確認過的靜態視覺設計,處理成可操作的web介⾯,並且同時進⾏後端功能
開發,讓介⾯擁有⽣命,可執⾏新增、瀏覽、編輯、刪除等步驟
06 / 確認專案執⾏成果並結案


由專案與客⼾⼀起進⾏網站或系統測試,雙⽅確認都沒有問題,即可上線並結
案,再依需求討論後續動作
接觸 需求 報價 企劃 設計 開發 上線
精選案例
04.
I-PRIMO ⽇本最⼤規模婚戒品牌
⽇本鑽飾品牌I-PRIMO的台灣線上購物平台,採⽤HTML5等相關技術製作⽽成,改版後,⽐原本使⽤Wordpress製作的購物商城業績提升超
過3倍,並協助重新建置官網,提升網站SEO成效。
Add Music 加點⾳樂版權交易平台
採⽤RWD響應式設計技術,可於平台上銷售或購買版權⾳樂,在後端部分,每⾸上架的⾳樂都需經過⾳樂浮⽔印技術處理,並有安全防護機
制避免⾳樂盜載
AUDI Sport ⾞系官⽅網站
原先規劃為線上短期活動網站,因⾏銷成效極佳,客⼾要求轉型成AUDI Sport⾞系官⽅網站,透過3D影⾳與網站技術結合,打造出運動⾞款
的視覺與聽覺饗宴
Toyota TNGA 46things
採⽤WebGL技術建構出3D場景,透過華麗流暢的視覺效果吸引網友的⽬光,結合RWD跨平台設計,在⼿機版的選單上,創造出開⾨的3D視
覺效果,網站充滿科技感的同時亦不失創意
GARMIN FENIX 6 SERIES
將視差滾動結合⽂字鏤空效果,營造出與網友的密切的互動,帶出產品的核⼼精神,透過類3D的空間效果,凸顯產品的特殊材質效果,將產
品個性顯露無遺。
Garmin Cycling Ecosystem
隨著⾴⾯滾動將腳替⾞替換成素描線稿,凸顯所需介紹的產品部件,讓網友可以更聚焦,並且搭配產品介紹,可充分了解該產品的特性與安
裝位置。
綠⾊和平 #我家不⾒了
採⽤連續圖檔以逐格影像的⽅式,將地球的氣候危機狀況以順暢的動態逐步顯⽰在畫⾯上,透過全屏畫⾯營造氛圍,每⼀屏畫⾯都有其完整
的故事性,透過互動式動畫完整呈現於網友⾯前。
無⼈商店雲端機台管理系統
為了更有效控管無⼈商店的存貨與⼈⼒、物流的相關狀態,為廠商客製化雲端管理系統,透過雲端介⾯就可以做基本狀態檢測,若有異常狀
態,系統將於第⼀時間⾃動通知維護⼈員
DHL Geocoding
採⽤Geocoding技術劃分貨物運送區,將Google Map應⽤於英⽂地址正規化,透過程式⾃動學習,主動判斷包裹送件地址的同時,⾃動分
配貨物⾄相對應的貨道,減少因⼈為判斷的失誤,⽽導致⼤量⼈⼒浪費在尋回包裹的任務上
Thank You
專注於品牌與數位整合
https://pnetwork.com.tw/
service@nowilldesign.com

More Related Content

Similar to 2021品禾全端網路工作室

UX story of websites
UX story of websitesUX story of websites
UX story of websitesRobert Luo
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展Yu-Hsiu Li
 
使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​Poy Chang
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web DesignAbby Chiu
 
我的互联网运维理论与实践
我的互联网运维理论与实践我的互联网运维理论与实践
我的互联网运维理论与实践Leo Zhou
 
微博基于Docker的混合云平台设计与实践
微博基于Docker的混合云平台设计与实践微博基于Docker的混合云平台设计与实践
微博基于Docker的混合云平台设计与实践Weibo Corporation
 
CRM 2.0 透過資訊科技以提升客戶關係管理質素
CRM 2.0 透過資訊科技以提升客戶關係管理質素CRM 2.0 透過資訊科技以提升客戶關係管理質素
CRM 2.0 透過資訊科技以提升客戶關係管理質素Charles Mok
 
OPENCART 購物平台開發實務 DAY1教學 for 1.5.X
OPENCART 購物平台開發實務 DAY1教學 for 1.5.XOPENCART 購物平台開發實務 DAY1教學 for 1.5.X
OPENCART 購物平台開發實務 DAY1教學 for 1.5.X蘇姵欣 PeiSu
 
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗Drupal Taiwan
 
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98悠識學院
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
SOBO Design profile
SOBO Design profileSOBO Design profile
SOBO Design profileSOBO Design
 
實踐 Clean Architecture(實作高可用性的軟件架構)
實踐 Clean Architecture(實作高可用性的軟件架構)實踐 Clean Architecture(實作高可用性的軟件架構)
實踐 Clean Architecture(實作高可用性的軟件架構)Gelis Wu
 

Similar to 2021品禾全端網路工作室 (20)

UX story of websites
UX story of websitesUX story of websites
UX story of websites
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
產品企劃與開發過程
產品企劃與開發過程產品企劃與開發過程
產品企劃與開發過程
 
使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​使用最新 Edge 瀏覽器來進行開發​
使用最新 Edge 瀏覽器來進行開發​
 
work@baidu 2014
work@baidu 2014work@baidu 2014
work@baidu 2014
 
偉盛世科技 雲端行銷平台
偉盛世科技 雲端行銷平台偉盛世科技 雲端行銷平台
偉盛世科技 雲端行銷平台
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
 
我的互联网运维理论与实践
我的互联网运维理论与实践我的互联网运维理论与实践
我的互联网运维理论与实践
 
微博基于Docker的混合云平台设计与实践
微博基于Docker的混合云平台设计与实践微博基于Docker的混合云平台设计与实践
微博基于Docker的混合云平台设计与实践
 
CRM 2.0 透過資訊科技以提升客戶關係管理質素
CRM 2.0 透過資訊科技以提升客戶關係管理質素CRM 2.0 透過資訊科技以提升客戶關係管理質素
CRM 2.0 透過資訊科技以提升客戶關係管理質素
 
行動技術開發概論
行動技術開發概論行動技術開發概論
行動技術開發概論
 
OPENCART 購物平台開發實務 DAY1教學 for 1.5.X
OPENCART 購物平台開發實務 DAY1教學 for 1.5.XOPENCART 購物平台開發實務 DAY1教學 for 1.5.X
OPENCART 購物平台開發實務 DAY1教學 for 1.5.X
 
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
[DCTPE2010] 從企劃到開發維護的 Drupal 專案經驗
 
2011 Taiwan UX Summit_Workshop A
2011 Taiwan UX Summit_Workshop A2011 Taiwan UX Summit_Workshop A
2011 Taiwan UX Summit_Workshop A
 
F2E for Enterprise
F2E for EnterpriseF2E for Enterprise
F2E for Enterprise
 
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
敏捷開發與使用者體驗的結合 Agile Development Incorporating UX @ HPX98
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
SOBO Design profile
SOBO Design profileSOBO Design profile
SOBO Design profile
 
實踐 Clean Architecture(實作高可用性的軟件架構)
實踐 Clean Architecture(實作高可用性的軟件架構)實踐 Clean Architecture(實作高可用性的軟件架構)
實踐 Clean Architecture(實作高可用性的軟件架構)
 

More from Nowill Chang

品禾全端網路工作室公司簡介2017
品禾全端網路工作室公司簡介2017品禾全端網路工作室公司簡介2017
品禾全端網路工作室公司簡介2017Nowill Chang
 
網站的人體工學
網站的人體工學網站的人體工學
網站的人體工學Nowill Chang
 
響應式設計(RWD)與網站前瞻性設計
響應式設計(RWD)與網站前瞻性設計響應式設計(RWD)與網站前瞻性設計
響應式設計(RWD)與網站前瞻性設計Nowill Chang
 
品禾全端網路工作室公司簡介2015
品禾全端網路工作室公司簡介2015品禾全端網路工作室公司簡介2015
品禾全端網路工作室公司簡介2015Nowill Chang
 
3分鐘拆解零售網站
3分鐘拆解零售網站3分鐘拆解零售網站
3分鐘拆解零售網站Nowill Chang
 
第一次執行外文網站專案就上手?
第一次執行外文網站專案就上手?第一次執行外文網站專案就上手?
第一次執行外文網站專案就上手?Nowill Chang
 
設計師你Rwd了沒
設計師你Rwd了沒設計師你Rwd了沒
設計師你Rwd了沒Nowill Chang
 
RWD常見設計模式
RWD常見設計模式RWD常見設計模式
RWD常見設計模式Nowill Chang
 

More from Nowill Chang (9)

品禾全端網路工作室公司簡介2017
品禾全端網路工作室公司簡介2017品禾全端網路工作室公司簡介2017
品禾全端網路工作室公司簡介2017
 
網站的人體工學
網站的人體工學網站的人體工學
網站的人體工學
 
響應式設計(RWD)與網站前瞻性設計
響應式設計(RWD)與網站前瞻性設計響應式設計(RWD)與網站前瞻性設計
響應式設計(RWD)與網站前瞻性設計
 
品禾全端網路工作室公司簡介2015
品禾全端網路工作室公司簡介2015品禾全端網路工作室公司簡介2015
品禾全端網路工作室公司簡介2015
 
3分鐘拆解零售網站
3分鐘拆解零售網站3分鐘拆解零售網站
3分鐘拆解零售網站
 
第一次執行外文網站專案就上手?
第一次執行外文網站專案就上手?第一次執行外文網站專案就上手?
第一次執行外文網站專案就上手?
 
設計師你Rwd了沒
設計師你Rwd了沒設計師你Rwd了沒
設計師你Rwd了沒
 
RWD常見設計模式
RWD常見設計模式RWD常見設計模式
RWD常見設計模式
 
Layout這回事
Layout這回事Layout這回事
Layout這回事
 

2021品禾全端網路工作室