1.

Hackathon Event App

Hackathon "Event App" using iBeacon technology.

Project Overview:
- Mobile App
- Team Project
- 2 days
- Summer 2019

The event app utilizes Apple's iBeacon technology to give the user location based notifications when they approach cars and other events.

I wanted the designs to be simple enough to make the iBeacon technology be the focus, while also making it look "real enough" for stakeholders to imagine a fully realized application.

The project was for my IT Department Hackathon. My team was a Software Developer, System Architect, UX Developer, and myself.

Welcome Screen (InVision link)

New Hagerty Drivers Club Page

2.

Problem Statement

Users want to know more about the vehicles they are looking at while at events, but they may not be able to talk to all car owners or even be able to see all the cars they would like.

How can we lessen this choice load for the user, while also providing them location specific info using iBeacon technology?

3.

Research

I did very minor research on how some websites display car profiles and how events are displayed. Due to the limited time, I was mainly looking for patterns that would suit our informational needs.

Some notable findings were:
- Rows of cards, with major information on the car displayed.
- Additional use cases, such as booth demonstrations.
- Processing Animations when locators dont return results.

4.

Ideation+Design

My designs were focused on properly demonstrating the iBeacon technology, while also trying to make the app look as realistic as possible. I wanted the flow for the user to be simple and function for both the devs and the end user.

I tired to keep existing assets for this project to reduce the load on what the developer would need to add to the system. I did design a few icons for the processing screen, which can be seen below.

SketchesApp Flow

5.

Deliverables

There were two deliverables for this project. They are as follows:                  

- Video of application demonstration, with more basic UI design.

- Wireframes of "future" app design.

6.

Appendices

Additional photos and documents.                                                                   
Please contact me if you have questions.

Ideation+Design