![](https://cdn.myportfolio.com/610f72a1-2e43-4188-9f9a-74e285265461/cc70086b-61cd-46ef-b90e-1c73cc7a3d37_rw_1920.jpg?h=02cf6fbc55606d78a4ae818874901b44)
旅飯特別專題 城裡城外走一走 北海道篇 The project of "When summer comes, I will go the beach." in pantravel.life.
以航空抵達城市,再以城市為出發點,延伸到近郊地區。更Deep的北海道發現之旅!旅飯推出「北海道」特別企劃,將多篇文章以地圖包裝,依照相對位置點擊,將使用者倒入文章頁面。我負責 地圖插畫設計與繪製,設計Web UI、Mobile UI的整體視覺,標準字設定、色彩設定。
UI Design: Shuyun Sylvia Lin 林梳雲 | Illustration: Shuyun Sylvia Lin 林梳雲 | Color Design: Shuyun Sylvia Lin 林梳雲 | Typography Design: Shuyun Sylvia Lin 林梳雲 | Program design: Audi Lu 呂國暉 | Text: Ken Wu (Ken Worker) 工頭堅
![](https://cdn.myportfolio.com/610f72a1-2e43-4188-9f9a-74e285265461/48ef8413-06fc-45ea-aec8-74c94bc28213_rw_1920.png?h=3fed3ad2b0d42bc14e874c31eefdba39)
Typography Design, handwriting.
北海道地圖標準字設計,蠟筆手寫“HOKKAIDO”。
![](https://cdn.myportfolio.com/610f72a1-2e43-4188-9f9a-74e285265461/30f766d7-8910-467e-8a29-6a81db166115_rw_1920.jpg?h=e86d016f5430f851ae7b31b9a76f3cbe)
Map Design and Illustration, HOKKAIDO in Japan.
北海道地圖設計,插畫繪製,色彩以輕鬆溫和基調處理,以以北海道淡藍與雪白穿梭交織那片土地,蠟筆筆觸繪製。
![](https://cdn.myportfolio.com/610f72a1-2e43-4188-9f9a-74e285265461/b46fcd0b-944e-4531-869d-d2956589201a_rw_1920.jpg?h=ad932b5bda6034958af1106a67448ab2)
Mobile UI Design.
移動端介面設計呈現,首頁在使用者進入畫面後,會出現與網頁版一樣的視覺設計,直接展現北海道地圖本身,點擊中央不同地點圖示就會進入文章,導入文章頁面。