Portfolio

雲起時人文空間餐廳網站
www.ycsi.com.tw

 

雲起時.png

自然與自在,呈現出空間意象的人文餐廳網站。

Nature and leisure, the website makes you feel the feature of space in the restaurant.

概述 Overview

雲起時是位於台灣高雄市大崗山上的人文空間餐廳,景色優美可以瞭望高雄平原景緻,餐廳也有提供租用空間不定期舉辦人文展覽或課程。過去雲起時是使用市售的套版服務製作網站,但套版服務較難呈現理想的氛圍效果及發佈資訊;因此委託認識的工程師及我,協助設計製作新的餐廳官方網站。

Yuinchis(雲起時) is a cultural restaurant that located at Mt. Dagangshan, Kaohsiung. At Yuinchis, you can see wonderful scenery of Kaohsiung Plain. And they also serve the rental place, where exhibitions or course are held sometimes. Yuinchis used website template to make its website before, but the template could not show ideal effort and publish announcement. So its owner commissioned engineer friends and me to create a new official website.

My Role

UI Designer

Job Description

UI Flow, Web Design, Prototyping

Partners

Project Manager : Louis(Kuantark Ltd.)

Web Engineer : Wade 

Backend Engineer : Elvis(Kuantark Ltd.)

Duration

2.5 months (2020 Nov. - 2021 Jan.)

Process.png

Outputs

業主是極重視風格與質感的人,因此在開始設計前,已有提供偏好的風格網站給我們參考,希望有日式風格的簡練與禪意。因此確認網站的頁面規劃後,即出了基本的wireframe做資訊排版的確認。

Yuinchis' owner pays great attention to the style and elegance. Before starting the project, he gave us Japanese and simple style website for our reference. Confirming the UI flow, then I created the basic wireframes to check the layout of the information. 

Screen Shot 2022-04-25 20.19.53.png

業主提供了豐富好看的餐廳照片用作網站素材,因此按鈕圖示以簡約清楚、又能映襯圖片的風格做設計。

Yuinchis' owner gave rich and beautiful photos for the web images, so icon design is simple, clear and matches well with the images.

webbanner_ycsi.png
icon_ycsi.png

雲起時除了提供美味餐飲與遠眺美景外,也不定期舉辦文藝相關活動,因此要有清楚、發布活動資訊的消息頁面。

Besides delicious meal and beautiful scenery, some cultural events are held at Yuinchis sometimes. So the website needs clear pages for event information posts.

feature_1_ycsi.png

以漂亮的景色與餐點照搭配文案,介紹雲起時的環境與美味料理。

Nice images and copy introduce the equipment and meal of Yuinchis.

ycsi_3.png

不論是哪種尺寸的裝置,盡可能保持一致的網站瀏覽體驗。

No matter what device you use, the RWD website will give you the same user experience.

feature_2_ycsi.png