StateFarmExperience

A web-application that uses VR to improve the visuals of StateFarm's website and enhances user experience.

Comment

Position

Floor 3, Section 1, Table J3

As told to a 5-year-old

It's a virtual reality app that shows different panels about StateFarm and their services.

As told to a peer

It is a React360 web-app that uses different view panels to display video and textual information found on StateFarm's website.

As told to a senior engineer with years of experience

It is a React360 web-app, which extends the React-Native library, that displays video and textual information about StateFarm's different services. It is also cross platform and can be viewed on anything from a computer to a standalone VR headset.

Inspiration

We were inspired by StateFarm's challenge to find a solution using AR/VR to improve some process of the company, so we chose to virtualize and display information found on StateFarm's website in a virtual reality environment.

What our app does

The VR app takes the textual information found on StateFarm's website and displays it all around the user, allowing them to move and interact with each of the 5 panels. Each panel has a short description of the type of insurance that StateFarm provides and a marketing video to go along with it.

How we built it

We used the experimental JavaScript library React360, an extension upon React-Native made to develop cross-platform VR apps, as well as using Node.js for back-end processes.

Challenges we ran into

We're mostly a new team; the majority of our members have never attended a hackathon before. We also took the risk in using an experimental library, which came with several drawbacks as the instructions were very vague if we were not already well-versed in React (which we weren't). Examples provided by Facebook were sometimes misleading, which caused great frustration.

Accomplishments that we're proud of

We're proud of being able to complete a project within 24 hours in a language that we all had little experience in, using a library that we had no experience in. We all learned a tremendous amount as a result of this project.

What we learned

We learned more about React, ReactVR. and how to use React360 as a result of this project. We also acquired more information on VR, HTML, and JavaScript, topics we also had little prior knowledge n. Most importantly of all, we learned how to find solutions to problems that had no explicit solutions.

What is next for StateFarmExperience

Had we had more time, we would have figured out ways to make the movement of the screen appear smoother, and we would have added a better design to compliment the color scheme. We also would have spent more time on the small details, such as animation effects. If we have a chance to come back to this project, these are the first steps we would try to implement.

Built With

Share this project:

Updates