Image Image Image Image Image Image Image Image Image

29 六月

By

網站作品 – 畫廊

2015/06/29 | By |

類型

專案型網站 Pro Web │ 作品型網站&排版&Responsive 行動版設計

專案說明

  1. 作品型網站,首頁除了展現畫廊形象,也必須清楚展示展覽資訊

  2. 因應畫廊「展覽」、「活動講座」、「藝術家」、「藝術作品」內容需求,作出不同排版設定

  3. 部分含中英介紹的內容,設定於同一頁面上交錯排版,不需要跳轉,更能快速瀏覽

  4. 整體網站以簡潔為主,導覽列與內容黑白對比,讓視覺更聚焦於作品,並用loading過場的淡入淡出、捲軸移動,來增加網站的豐富性

網站連結 Link聯絡我們 Contact

13 十二月

By

活動網站 – 尋找珍寶圖

2014/12/13 | By |

類型

活動型網站 Event Web │ Flash遊戲規劃建置&視覺設計動態&後台串接

專案說明

規劃兩款簡易小遊戲:「尋找珍寶圖」、「珍珠亮點連連看」,同時上線,在短時間快速完成一波宣傳,除了介紹所有花東珍珠亮點店家之外,同時曝光珍珠亮點的官方社群平台,增加粉絲人數。

【尋找珍寶圖】

  1. 繪製地圖&相關素材,營造「尋找寶藏」的氣氛,並在地圖上描繪出花東區域,標示100個珍珠亮點店家

  2. 用珍珠店家六大分類,六個顏色,作為尋寶的線索

  3. 點選編號,即可出現該珍珠店家的介紹,增加網友對店家印象

  4. 限時內點選到「指定編號」即可過關,進入下一步填寫資料抽獎。「指定編號」隨機出現,讓每個店家都有機會可以曝光

  5. 並於填寫資料畫面旁,嵌入官方Fb粉絲團訊息,點選即可到連結到粉絲團

【珍珠亮點連連看】

  1. 繪製珍珠、寶箱,作為連連看的配對素材

  2. 隨機出現配對題目,點擊即可建立連線,只要成功將左右兩邊相關項目配對,即可進入下一步填寫資料抽獎

  3. 一樣有倒數限時機制,並嵌入官方FB粉絲團訊息

合作對象

網站部分素材:禮饗文創有限公司

活動已下線聯絡我們 Contact

23 十一月

By

網站作品 – 農產

2014/11/23 | By |

類型

專案型網站 Pro Web │ 購物網站&logo&攝影&Responsive 行動版設計

專案說明

花蓮玉里在地小農自產的米,主要有「珍珠米、鴨香米、香米」。網站中的照片,都是實際到玉里稻田取景,烈日下短暫體驗農家的辛苦跟忙碌。在網站製作完成後,實際團購了一箱米,煮過一輪,很推薦「香米」,又香又軟Q,「鴨香米」也不錯,吃過就知道是好米,讚!

回到網站介紹,有幾個設計方向:

  1. 網站架構不要太複雜,讓農家好維運;以單頁式下滑的瀏覽方式,來代替分頁,一目了然

  2. 將「有實際功能」的頁面獨立出來:「農家日記(部落格)」&「商品(線上購物)」

  3. logo:文字中加入一些圖形,例如「公」的「兩撇鬍仔」、「米」的「四粒米粒」,用戴上斗笠的鴨子,帶入「鴨香米」產品的連結

  4. 運用現場拍攝農家對稻米的用心,以及現場農忙收割的景致,作為網站的視覺重點,並延伸到頁腳處的設計

  5. 線上購物,雖沒有線上結帳金流,仍維持農家原本的付款方式,但有完成的購物流程,並可依據農家設定,結帳時自動計算出運費,完成後產生訂購清單,提供給農家與客戶聯繫確認

網站連結 Link聯絡我們 Contact

12 十一月

By

活動網站 – 2014花蓮翱翔季

2014/11/12 | By |

類型

專案型網站 Pro Web │ 活動網站建置&Responsive 行動版設計

專案說明

第二年舉辦的花蓮熱氣球,今年盛大舉辦,並結合其它主題ex輕航機、水上樂園等等,統稱為「花蓮翱翔季」,活動場地也移到鳳林環保科技園區舉辦。

臨時接到這個案子,沒有太多籌備時間,必須要在最短時間把網站在試營運之前上線,所以網站需要幾個重點:

  1. 版面簡單乾淨,避免外掛拖延網站速度,所以只放了天氣預報的小功能

  2. 架構資訊要清楚,讓遊客快速找到內容,了解此次活動內容

  3. 官方公告訊息要明顯,方便宣布活動動態、以及因應氣候&颱風的關閉公告

  4. 活動場地大,且不是大家熟悉的場域,必須注意「園區地圖」、「接駁交通資訊」都能清楚

  5. 要有行動裝置版Responsive的功能,讓使用者方便瀏覽網站內容

 

除了以上網站架構建置的重點,其它的呈現,都靠合作夥伴提供的視覺素材幫助,才能在很短的製作期限,完成這個網站。

合作對象

網站素材:戰將廣告

活動已下線聯絡我們 Contact

15 五月

By

網站作品 – 甜點咖啡

2014/05/15 | By |

類型

專案型網站 Pro Web │ 官網建置&Responsive 行動版設計

專案說明

除了常見的「關於我們、產品介紹、交通位置、聯絡我們」之外,因應店家本身對網站的期望與需求,結合文章功能,讓官網除了介紹展示之外,也能作為店家的分享空間。

另外,因應日後店內將會定期舉辦的活動展覽,獨立規劃出「活動」頁面,建議保留「歷史活動區」,是為了保存曾經舉辦的活動訊息,活動結束後,不用把內容刪除,只要再加入當天活動記錄或照片,就可以重新成為一個新的分享內容,藉此不僅可以讓網站內容更豐富,還能作為老朋友回味、新朋友了解店家的管道。

店家本身的攝影作品,就是網站最吸引人的素材!所以從首頁的進入頁,到部落格文章的「日記」,以及「活動」,都是以能夠強調出「照片」的排版作為設計方向。其它區域以「簡單乾淨」的舒服視覺為重點,透過店家的攝影及文字,營造出屬於choco choco自己的風格跟個性,讓人從「瀏覽網站」到「實際走進店舖品嚐」、「與店家互動」,產生更緊密的連結,並感受到一致的氛圍。

網站連結 Link聯絡我們 Contact

01 五月

By

網站作品 – 觀光

2014/05/01 | By |

類型

專案型網站 Pro Web │ 線上購物網站串金流&Responsive 行動版設計

專案說明

官網改版重點,主要分為三大部分:後台管理、多語系、線上購物。

後台管理除了網站內容之外,因應購物系統,同時也增加了「商品」&「訂單」管理。而線上購物的部分,從行程選購、完成訂單到線上付款(匯款、paypal、支付寶),完整的購物流程,讓消費者在官網就能完成行程預訂程序。

此外,所有使用於網站的素材,也是由我們繪製完成:包含「選單&內頁圖標」、「頁腳多羅滿賞鯨船&插圖」,尤其是針對頁腳的畫面,除了呼應首頁大圖的波浪設計,想像頁腳是一片海洋,加入「多羅滿賞鯨船、燈塔、鯨豚跳躍、海鷗飛翔」圖示,期望讓網站有更活潑的氣氛,就像賞鯨行程一樣,是個令人快樂又驚喜的旅程。

網站連結 Link聯絡我們 Contact

09 一月

By

名片 – 個人工作室

2014/01/09 | By |

類型

平面設計 Graphic Design │名片&DM 設計

專案說明

名片雙面設計導圓角,桃紅色系、白色文字、周邊環繞不規則粉色系圓點,讓整體更有浪漫歡樂的感覺。

背面用面膜圖示,讓人能最直接聯想,另外加入閃亮元素,除了呼應工作室名稱之外,也代表敷完面膜總是會有煥然一新的感覺。

A4DM單面設計,清楚列出各產品「口味、主打效果」,並繪製產品包裝上的標示,作為各產品的輔助圖示,讓人除了看文字,也能從圖示快速辨識產品。

聯絡我們 Contact

07 一月

By

網站作品 – 資訊

2014/01/07 | By |

類型

標準型網站 Standard Web │ 熱量步道地圖網站建置&Responsive 行動版設計

專案說明

「花蓮健康漫步」是由花蓮縣衛生局保健科推出,介紹位於花蓮縣內的15條熱量標示步道,在這個越來越愛運動的年代,有熱量標示真方便,不想只知道約估熱量?網站上還有熱量試算,輸入你的體重,算出熱量更準確!

這次製作內容除了網頁之外,還包含所有使用於網站的素材(logo、插圖、地圖)。首頁以花蓮地圖為進入頁,除了可點選步道名稱之外,也能從各鄉鎮找到相應的步道。

進入內頁之後,先以步道照片吸引目光,關於步道介紹,除了文字說明之外,嵌入google地圖,自訂圖示說明各步道起、終點,以及步道全長、耗時、消耗熱量、食物熱量參考,清楚呈現完整的步道資訊。

本網站也運用了Responsive設計,支援行動裝置,期望能讓每個使用者都能方便瀏覽。

網站連結 Link聯絡我們 Contact

04 七月

By

網站作品 – 飯店

2013/07/04 | By |

類型

標準型網站 Standard Web │ 多語系官網建置&架構規劃&Responsive 行動版設計

專案說明

依據客戶對於新版網站之需求,製作多語系網站,並重新選擇網站所選用的素材,讓各房型的版面設計以照片為呈現重點。

970Px採用「提案式」流程,因此在製作前,我們先依舊站架構重新作出建議的規劃,並具體呈現頁面的風格與架構,作為製作前的前置溝通。

規劃過程中,我們將「重複且共用」的內容統一,減少選單層級的延伸,避免過多子選單&站內連結,讓使用者在網站中迷路。藉由清楚的架構,來達到「資訊立即且清楚的傳達」的目的。

此外,本專案另加入Responsive 設計,支援行動裝置瀏覽,讓頁面自動排版便於閱讀。

網站連結 Link聯絡我們 Contact

04 六月

By

網站作品 – 民宿

2013/06/04 | By |

類型

基本型網站 Simple Web │ 官網建置&架構規劃&攝影&文案

專案說明

以民宿特色的建築素材作為版頭風格,並考量網友瀏覽網站的需求,規劃一頁式網站,讓動線簡單不跳頁,資訊清楚不迷路。

因一頁式網站內容呈現垂直分佈,為了有更好的閱讀性,設計讓「選單」隨著螢幕移動,想立刻看到特定資訊,直接點選,頁面就像坐電梯,直達段落,不需要滾動捲軸就看得到內容。

本專案除了「網站規劃與建置」之外,970Px也參與了攝影&文案撰寫。

另外,因為是一個全新網站,沒有舊站可作為參考資訊,本專案的網站內容,也是由我們規劃雛形,後續提供民宿主人修正,例如:訂房注意事項、如何到達民宿、週邊景點…等等。

970Px「提案式」網站製作,製作前透過預先排版,讓客戶盡可能清楚了解,我們對於各種客戶、各種類型網站的詮釋。也避免後續成品的「落差」,減少往返修改所耗費的成本,970Px,希望能為每個客戶,提供最適合的服務內容。

網站連結 Link聯絡我們 Contact