For the Viasat Intern hackathon event, DevHack, my team created an augmented reality (AR) web app that could be used to showcase Viasat's sustainability initiatives. Our plan was to create a web app to showcase sustainability tips in Augmented Reality (AR). We created QR codes to access our app that would be scattered around the Viasat campus.
July 13 – 14, 2019
We had 33 hours to work on this project (starting Saturday at 8 a.m. and stopping Sunday at 5 p.m.)
As a UX Visual Design Intern at Viasat, I learned to kick off a project with a common understanding session. This session helps everyone involved on the project get on the same page about what they will be making and how to approach the project. I introduced this idea to my DevHack team and we found it got us all on the same page about what we were creating and how to get it accomplished. After this session, we were able to break off and each work on our separate parts, knowing that we all had the same goals in mind.
Requirements
After sketching out the concepts, I created low fidelity wireframes for our app with Figma.
Since we were creating an app for use on the Viasat campus, I made sure that the logos, fonts and colors aligned with the Viasat brand. I utilized the Viasat web color palette and digital style guide to create a dark theme that completely followed Viasat's brand guidelines.
I created interactive prototypes with Figma for the two apps that we decided to make — building accessibility maps (left) and VGreen sustainability tips (right).
While the software engineers on my team worked on getting the AR technology to work with our web app, I used HTML and CSS to code the visual interface of our proof of concept demos.
Nicole Dinan: UX/UI Design, Front-end Development
Umaiyal Sridas: Ideation, Content Creation & Copywriting, Presentation Design
Kenny Scharm: Back-end Development, AR
Michael Kemper: Back-end Development, AR
Ian Lee: Internal Communications Plan, Presentation
Victoria Lee: Research, Presentation