top of page
TripMoment VR
Combining travel and VR, a brand-new type of experience
Experience true exotic scenes through VR.
Ver1.0－Static Webpage
MY ROLE
My company opened a new VR experience place earlier this year. Due to the short period of time and the lack of human power, after confirming the need, I displayed static page in the first version, and will add the back-end area in the second version, in which the content blocks can be controlled. I independently made the front-end and brand visual for the first version of this project and asked the engineer to put it online, and as for the second version I am currently revising it with our PM together.
・Corporate Identity System
・SiteMap
・Wireframe
・Style Guideline
・Mockup
・HTML、CSS
・Banner
Due to confidentiality purpose, only parts of the information are listed.
THE GOAL
It needs a simple and clear introduction to each area.
Quickly on the shelf
Show the game
Project Process
1.Making a sketch
I made SiteMap to confirm what pages do we need also drew drafts of the pages in Balsamiq.
2.Style Guideline
Draw in Sketch，Including color planning, Button and Icon, Text Style.
3.Mockup
After confirming the sketch, draw the Mockup in Sketch.
4.CSS&HTML
After I cut the version(CSS,HTML), I asked the engineer to put it on the shelves.
5.Banner
I use AI to make all the pictures.
THE FEEDBACK &
WHAT I LEARNED
・Since when planning the webpage not much information about the VR place were released, so I spent lots of time communicating with the operation team, however for some parts they did not have definite answers. Therefore, during the designing process, I planned it with a simple way so as to revise it in the future.
・Since I am new in this area, I took some time in programming, and things did not go well especially in the part of changing sizes. Luckily engineers were there to answer my questions, which also helped me learn the importance of teamwork.
Ver2.0－Ticket System
MY ROLE
After the static page went online, I together with the PM planned the revisal the is now working on it. The new webpage needs to include more information and the function of online ticketing. It is still be developed so is not online yet.
・Wireframe
・Mockup
・Prototype
Collaborator：Sara Lyn
THE GOAL
Adding more pages to display complete information.
Call to action
Can adjust blocks more freely in the future.
Project Process
1.Making a sketch
I made SiteMap to confirm what pages do we need also drew drafts of the pages in Balsamiq.
2.Mockup
After confirming the sketch, draw the Mockup in Sketch.
3.Prototype
After completing Mockup, I used Invision to create Prototype. The following is the ticketing section.
bottom of page