PIC 儀側科技

基本介紹

PIC 儀側科技，是一家以銷售專業量測儀器的上櫃公司，所銷售的儀器種類與數量都相當可觀，客戶遍及海內外政府與民間單位

PIC 儀側科技與飛。創意互動有很長時間的合作，此官方網站設計專案，執行於2014年，是與飛。創意互動合作的數個專案之ㄧ。

設計團隊使用各種友善的設計，提高使用者搜尋產品的速度，加快瀏覽的速率，最終提高下單的機會。
一些設計細節如物件的右上角都會有一個斜切面與細細的邊線，也都是我們增加科技感與細致度的細節。

全站以RWD 響應式網頁設計的方式進行開發，讓網站能有更大的包容性，完全支援桌上型電腦、筆記型電腦、平板電腦、智慧型手機。

設計概念

用各種友善的設計，提高使用者搜尋產品的速度，加快瀏覽的速率，最終提高下單的機會

需要展示的產品數量龐大，要怎麼讓使用者能快速找到需要的產品與資訊，並快速建立聯繫管道，是網站開發上的一個重首要課題。

其次是要能支援最多的裝置，讓使用者不論是用筆電或是手機進入網站，友善程度都要能能領先同業，自然提高成交率。

所以設計團隊在首頁設計了三種方式，使用者可以用產品類別、品牌或直接搜尋等方式，快速找到所需的資訊。

其次，整個網站都是RWD響應式網頁(Responsive Web Design) 的方式設計，這個設計規格，讓桌機、手機、平板都能在相同網址的網頁中，看到最佳化的螢幕、畫面配置。

在互動性的設計上，使用率最高的產品內容頁或新聞頁，設計團隊也將其設計成頁面內直接開啓，且只顯示上段的重點圖文，提高顯示得速度。若使用者有興趣，再向下展開所有圖文影音內容，提高瀏覽網頁的速率，最終提高下單的機會。

使用HTML5相關技術，讓瀏覽網站時，內容展示與畫面設計都能同步提升。

* PIC儀側科技版權所有

色彩計劃

以穩重的深藍色作為網站的主色調，淺灰色為輔助色，搭配兩種圖像紋路，增加質感與深度

以深藍色作為網站的主色基調，增加穩重感，並運用淺灰色為輔助色。

波浪曲線的底紋與藍色布紋質感的底紋，也在網站中被大量應用，讓畫面設計能帶有一些質感與深度，不致太過冰冷。

還有一些細微的設計，如右物件的右上角都會有一個斜切面與細細的邊線，也都是我們增加科技感與細致度的細節。

R201 G201 B201

#C9C9C9

R242 G242 B242

#F2F2F2

R39 G118 B182

#2776B6

R49 G59 B87

#313B57

桌上型電腦版本

用桌上型電腦或筆記型電腦瀏覽此網站，光是進入首頁就能感受到一股動態與氣勢

而有全網站貫徹RWD響應式網頁(Responsive Web Design) 的方式設計，使所有網頁顯示的區域、可閱讀的範圍，變得比一般網站更大更寬，在尋找儀器或閱讀圖文時，也能帶來更好的瀏覽品質。

支援PC / Mac桌上型電腦、筆記型電腦，Chrome、Safari、Firefox及IE9以上之瀏覽器。

* PIC儀側科技版權所有

智慧型手機版本

針對手機重新設計直式畫面，單手也能順暢瀏覽網站

智慧型手機一連上網站，會直接看到以搜尋為優先的首頁設定，幫助螢幕較小的手機用戶也能快速的找到所需的資料。

針對智慧型手機的直式顯示方式，設計團隊也重新規劃了操作界面，用一目了然的選單，讓手機的使用者能快速切換頁面或單元，找到所需的資訊。

支援 iOS / Android / Windows 智慧型手機。

* PIC儀側科技版權所有