


型錄設計,企業簡介設計
業主:億新精機廠(股)公司
成立於1963年的沖壓、壓鑄大廠億新精機,一路走來,堅持品質,將產品如藝品般精雕細琢。
為了展現其產品的品質,我們在型錄設計上除了資訊清晰,引導閱讀之外,再藉由專業情境安排,營造出「每一個零件都是精品」的設計思維,擺脫一般傳統型錄給人的視覺觀感。
產品的型錄代表著公司的門面,第一眼就能讓客戶對您的公司有一個良好的印象,也可以成為優秀的銷售工具,無形中替企業加分。
Design by Create-Studio



型錄設計,企業簡介設計
業主:億新精機廠(股)公司
成立於1963年的沖壓、壓鑄大廠億新精機,一路走來,堅持品質,將產品如藝品般精雕細琢。
為了展現其產品的品質,我們在型錄設計上除了資訊清晰,引導閱讀之外,再藉由專業情境安排,營造出「每一個零件都是精品」的設計思維,擺脫一般傳統型錄給人的視覺觀感。
產品的型錄代表著公司的門面,第一眼就能讓客戶對您的公司有一個良好的印象,也可以成為優秀的銷售工具,無形中替企業加分。
Design by Create-Studio
早期的網頁大多以一般家用電腦或筆記型電腦的瀏覽者為主,在製作網頁時會以準確規格來設定網頁頁面的大小,比如1024x768;然而現今,有數十種不同螢幕尺寸規格,像是智慧型手機、平板、筆電和桌電…等等多種螢幕尺寸,網頁設計師常因為螢幕尺寸與比例太多,在網站的規劃與設計上產生很多不必要的困擾。
為了解決這樣的窘境,「RWD (Responsive Web Design) 」又稱響應式網頁設計、適應性網頁、自適應網頁設計、回應式網頁設計等多項名稱,自然成為新的網站設計趨勢,它用來解決目前多種螢幕尺寸,在瀏覽網頁所衍生出來的問題以並建置網站,讓網頁設計師有更多的方式去思考,如何將響應式網頁設計(RWD)應用在網頁上。
在「RWD響應式網頁設計」尚未普及化前,手機板網站也曾流行一小段時間,做為傳統網站與RWD網站的臨時解決方案,由於手機版網站使用上還是有不少缺點無法改善,現今使用「RWD」就可以用一個網站取代多種版本的網站方式,在製作上與網站的管理與維護上相對簡單許多,加上對於企業者來說可以省下不少的成本經費,,所以手機版網站已經漸漸被「RWD」取代。
「RWD響應式網頁設計」是以HTML 呈現的制作方法、針對PC、平版電腦、智慧型手機…等多種螢幕尺寸來呈現網頁最適化。不是針對設備製作専用的頁面,而是以瀏覽器的螢幕尺寸為基準,使用CSS3技術製作與調整,來應付各種螢幕尺寸的網頁製作方式,好讓使用者可以在舒適的狀態下瀏覽網頁。
簡單來說,透過CSS設定,網頁會適應裝置解析度的大小,自動變化網頁的寬度及頁面配置排版,讓使用者以最適合閱讀的方式呈現,並且也能縮短開發不同螢幕裝置的時間與成本問題。
傳統網頁VS響應式網頁
早期網頁對於行動裝置瀏覽的解決方法,除了製作電腦版網站外,還要另外設計手機版或平板專用的網站,但會產生網站內容要維護更新時,需同時維護多個網站;還有會有不同網址卻相同內容的狀況,可能造成網頁權重分散及重複內容問題,對於搜尋排名較為不利。
響應式網站(RWD)會根據不同的螢幕尺寸調整顯示效果,但仍使用相同的網址和網站內容。
為什麼必需要建置RWD網頁?
現今,使用行動裝置上網已經逐漸成為趨勢,以往傳統網頁設計中,無法滿足現有的行動瀏覽裝置,造成使用者在使用手機、平板上瀏覽困難,有可能放棄消費或者直接關閉網頁,因此,更需要建置RWD網頁。
一、使用者瀏覽方便
目前手機市場品牌林立,平板與筆電使用率也逐漸上升,各大商家都推出自己的螢幕尺寸,導致螢幕尺寸沒有統一規範,因此,傳統網頁設計模式無法因應多螢幕尺寸的需求;使用「RWD響應式網頁設計」方式,可以讓網頁內容隨著螢幕大小,伸縮、變化、隱藏、移動;讓螢幕較小的手機,隨著螢幕尺寸,將網站自動改變網站排版變成下拉式模式,隱藏較為不重要的內容,讓使用者在上網、搜尋、瀏覽的同時更加輕鬆方便。
二、成本與時間減少
許多商家會使用APP來作為行動裝置的曝光方式,但是APP製作成本較高、難度不如網頁來的簡單、加上曝光方式有限;相較於「RWD響應式網頁設計」,在製作方面比APP來快速,價格上也便宜許多,而且開發一個網站,就可以跨平台使用,解決多種在裝置瀏覽上的問題;也相對減少網站管理的時間,因此,節省下許多時間與金錢的成本。
三、有利於網路行銷
所有的網路行銷都需要網站作為連結對象,如關鍵字廣告、部落客分享文、FaceBook、Line、App訊息推播等,有了響應式網站就是增加行動用戶訂單的機會。
四、提升關鍵字搜尋排名
GOOGLE極力推廣網頁以「RWD響應式網頁設計」方式製作,提升行動優化的網站在搜尋引擎上的排名,而未提供行動版的網站,排名將逐漸下滑。
看完這些,是不是對RWD的網站有初步的理解與認識了呢? 如果您的企業需要一個高品質的網站來推展您的產品,增加企業形象,歡迎看看我們的成功案例,我們可以提供更專業的諮詢,協助您們用最適合、最划算的方式來達成目標。
水根肉乾_官方購物網站設計
委託:水根行食品有限公司
超過50年的肉乾老店「水根肉乾」,從一家老店一躍成為網路當紅店家,媒體爭相採訪的寵兒,最大的秘訣,除了遵循古法,令人食指大動的產品外,最重要的就是品牌設計的更新再造,給予品牌新生命。
可瑞特設計首先重新定義肉乾的購買族群,將整體視覺設計帶向年輕的網路族群,輔以兼具美觀、以及便利的購物網站設計,成功打入年輕的消費市場,讓業績成功翻倍。
開發項目:RWD響應式網站 / 會員管理系統 / 產品管理系統 / 訂單管理系統 / 紅利管理系統 / 業績管理系統
開發技術:HTML5,CSS,5Jquery,PHP
資料庫:My SQL


水根肉乾_品牌設計,CIS設計,LOGO設計
委託:水根行食品有限公司
台灣的電商銷售模式,與品牌經營在短短幾年間日新月異,飛速成長,彰化在地60年肉乾老店水根行,面對新世代的挑戰,毅然積極力求轉型。
原本的CI設計雖然具有古早味的概念,但同時也帶有陳舊、傳統的包袱,視覺上主要吸引較為年長的消費者,然而零嘴類的產品、以及網路通路的主要消費群卻是年輕人。
經過策略分析、瞭解客戶的需求之後,我們決定拋開所有原先的設定,為水根打造全新一套的CIS,帶有文創的風格,與流行接軌,增加品牌親和力,重新灌注品牌生命力!
經過品牌再造,重新設計全新的CIS、包裝與網站後,水根肉乾成功打入年輕市場,無論在百貨、網陸通路、團購市場都獲得爆炸性的成長,更獲得許多媒體關注,成為新的電商寵兒。
橙市戀人-白巧克力包裝設計,禮盒設計
委託:嘉義竹崎農會
針對以在地柳橙做為主要食材的巧克力甜點,我們以最符合主題的概念與色彩,跳脫傳統巧克力的設計方向,以年輕族群做為主要視覺訴求,呈現出全新的包裝樣貌。
書籍設計:ARTC 年報設計
業主:財團法人車輛研究測試中心
我們秉持「美感只是基本,閱讀引導才是關鍵」的原則,除了在設計上持續的突破,並讓內容易於閱讀,協助讀者快速抓到重點,才是我們書籍設計的核心價值。
Design by Create-Studio




水根肉乾_品牌設計,產品攝影花絮
委託:水根行食品有限公司
設計是產品的化妝師,而攝影就是產品的核心精神。一張好圖,勝過產品介紹的千言萬語。
尤其是虛擬的通路上,消費者只能透過視覺去感受產品的美味,因此要如何搭配設計,呈現產品的意境,是非常重要的課題。
我們在拍攝前總是會先思考客戶未來的行銷策略,透過畫面安排,展示每一支產品應該要表達的重點,擬定風格與設計方向,才能將設計的畫面轉為打動消費者的契機。




HAWER品牌設計,LOGO設計,CI設計
委託:維翊貿易有限公司
HAWER維翊貿易致力於提供台灣製與日本製鎢鋼鋸片銷售、維修、研磨等相關服務。我們擷取其企業最重要的產品印象:「鋸片」作為整體設計發想的起點。以堅實、穩重,帶有速度感的變化,呈現品牌想表達的意象。
產品型錄設計,catalog design
委託:晟昌機電股份有限公司
我們為業主打造一系列完整的產品型錄&簡介。
透過專業產品攝影,簡約乾淨的科技風設計,充分呈現出業主高水準的產品工藝,以及其企業整體形象的展現。
Design by Create-Studio