top of page
TripMoment VR
結合旅遊與VR，全新形態的體驗
透過虛擬VR，體驗真實的異國風情。
Ver1.0－靜態網站
MY ROLE
公司於今年年初新開設的VR體驗館，由於時間緊湊、人力不足，確認需求後，於第一版時先以靜態網頁呈現，在第二版改版時加入後台，可控制區塊內容。該專案第一版網站前台及品牌視覺由我 獨自完成，並請工程師幫忙上架，第二版改版則是與公司PM兩人一起製作中。
・CIS企業識別系統
・SiteMap
・Wireframe
・Style Guideline
・Mockup
・HTML、CSS
・網頁Banner
依據保密原則，僅放部分內容
THE GOAL
簡單明瞭的介紹場館各個區域
快速上架
遊戲展示
專案流程
1.製作草圖
與營運端討論出需求後，製作SiteMap確認所需頁面，並在Balsamiq中繪製頁面草圖，來回討論、修改。
2.Style Guideline
在Sketch中繪製，包括色彩規劃、Button及Icon 的Symbol建立，Text Style設定。
3.Mockup
確認草圖後，與營運端來回確認設計風格，並在Sketch中進行繪製。
4.切版
使用HTML、CSS切版完成後，請工程師上架。
5.Banner
與營運端確認圖片需求，使用ai製作所有圖片。
THE FEEDBACK &
WHAT I LEARNED
・因為在規劃網頁時，場館還沒有太多資訊，所以與營運端溝通花了很多時間，有些內容也無法給出確定的答案，所以在設計時，用較簡潔的方式規劃，方便日後修改。
・由於是新手，在寫程式上花了一點時間，變換尺寸的地方寫得不太順，還好有工程師可以讓我問問題，讓我體會團隊的重要。
Ver2.0－票務
MY ROLE
在靜態網站上線後，與PM一同規劃、製作下一版，新的網站上面需加入更多資訊及線上購票的功能。由於還在製作階段，尚未上線。
這期間TripMoment VR也改名為時刻旅行樂園。
・Wireframe
・Mockup
・Prototype
協作人：Sara Lyn
THE GOAL
加入更多頁面呈現完整的資訊
明顯的導購CTA
未來能更彈性的調整區塊
專案流程
1.製作草圖
在Balsamiq中繪製頁面草圖，來回討論、修改。
2.Mockup
確認草圖後，在Sketch中進行繪製。
3.Prototype
完成Mockup後，用invision製作Prototype，以下為票務部分。
bottom of page