CTK pro

關於 CTK PRO:於2011年夏天展開了偉大的航程,初期以開發手機APP為主,2013年開始跨入Web開發,2015年開始用UCD(User-Centered Design)方法協助客戶釐清需求, 2016年大量採用AWS架構, 並導入策略UX產品為客戶在軟體開發各環節破關!

back to top

CTK 故事集|CRE8 應品牌核心價值進化而生的網站

身為與國際接軌的設計產業公司,奎艾特(CRE8)從早期提供產品/工業設計,也轉型為全方位的設計整合公司,力求在品牌策略、使用者體驗、機構工程等多個面向,滿足企業與使用者體驗。為此,CRE8 重新設計了品牌形象、Logo,當然伴隨了網站的更新。

CTK Pro 在早期與 CRE8 洽談時,便發現一些舊網站常見的問題:
▲ 缺乏 RWD 的網頁設計
▲ 網站為特殊客製化後台,編輯需改寫 code
▲ 無 SSL 憑證,常備駭客攻擊,綁架網站
▲ 切換網站不同語系編輯麻煩
▲ 設計稍微過時,網站設計不符合現有品牌核心價值

cre8-typo-effect

CTK Pro 與客戶規劃網站設計時,更傾向了解網站建置/改版的目標與策略,不管是從後台編輯需求SEO 架構網站結構安全設計需求等,詳細討論了解需求後,製作除了更貼近客戶需求外,也會加快整個製作流程,就讓看看 CTK Pro 如何為 CRE8 官網增添風采!

設計稿調整|網頁動態效果

由於奎艾特本身就是設計起家(可以看看 CRE8 關於我們頁面,就知道有多少不同專業的設計師),對設計的要求自然較為嚴謹、有所依據。在 CRE8 提供許多的參考網站、素材中,CTK 最後拼湊出現在網站的樣貌,是希望保有簡約的設計下,呈現作品集內,每個 CRE8 為客戶付出的努力

ctkpro-cre8-entire-portfolio-page

在其他頁面中,除了沿用原先企業識別色彩:橘色,作為網站裝置與主色配置外,考量到 B2B 瀏覽網站的特性,於作品列表增加了較為動態的 hover 效果,配合 CRE8 精心製作的產品圖片,看到圖片滑動後,第一時間又可以看到服務項目與標題,快速了解產品背後將述說的故事。

portfolio-hover-effect-cre8

每個 px 的調整都要有意義!

CTK Pro 製作網站一般會分作「設計稿」與「程式開發」兩個階段,網站設計的大方向會於「設計稿」(也會有手機版設計稿)階段底定。後續程式開發時,盡可能依照設計稿之視覺呈現最終作品。

然而多元的瀏覽裝置,即便程式開發與設計稿一致,在部分裝置瀏覽的體驗可能不佳,這時就需要部分的微調。例如 Icon 的視覺置中、英文標籤的大小寫/呈現多個時的樣式、按鈕的 hover 效果、讀取動畫、文字段落的行距等,都在 CRE8 網站建置完成後,微幅調整,才能呈現目前的網站一致性。

設定 AWS、萬網主機、上線設定

CRE8 因為策略考量,早期購買了許多類似的 Domain Name,透過此次改版,除了將網站放到 Amazon Web Server 上,也將其餘不同網域名稱(網址),全數導回 www.cre8-desgin.com,統一企業的識別度。

向大陸地區發展,是 CRE8 近來的主要策略,在大陸地區的網路讀取速度,就需列入考慮。CRE8 和 CTK 討論後,決議將 www.cre8desgin.com.cn 網站的主機放在阿里巴巴旗下的萬網,直接將主機設置在深圳,協助 ICP 備案的串接備案,讓 CRE8 大陸客戶瀏覽網頁,不受任何影響。

多語系頁面,WordPress 親民的後台

wpml-custom-button

 

國際級的服務,需要多種語言來貼近客戶,WordPress 在成熟的市佔率背後,除了廣大的社群支援,更有著多元功能的外掛,讓功能可以更快實現,不同語系的編輯也僅需一個平台可以完成。

現在的 CRE8 網站維護者,雖無後台、程式的經驗,但搭配 CTK 的到府教學、使用 WordPress 後台,要調整如 CRE8 複雜如作品集的網頁,包含其動態字卡的設置,也都沒有問題!

站在客戶的立場做網頁設計,是 CTK 的核心理念

CRE8 網站開發過程,雖然比預期的久了些,但 CTK 為人稱道其實在每每奎艾特的窗口提出疑問,或修改需求,我們都會以當初之網站目標去評估、思考,給予建議。

因為唯有站在客戶的立場,提供我們的專業意見,最終的成品才會超出客戶的期待,又達成網頁設計的終極目標。

CRE8 官網

來看看更多 CTK Pro 的作品集

(本文圖片出自 CRE8 官網)

CRE8-entire-home
Aron Lai

數位行銷工具應用者。從企劃、文案、社群、網路行銷工具無所不包。 希望大腦可以和網路資料庫連結,緩解資訊焦慮症狀。

Follow: