I designed and programmed the user interface of a custom mobile phone app for a local festival.
The National Blueberry Festival takes place in South Haven, MI every August. The festival organizers were seeking an alternative to physical, paper brochures in the form of a custom app. I did all of the design work and a portion of the front-end programming, and my counterpart did the rest of the programming, including the server-side code.
The festival organizers sought a solution that would allow attendees to browse the festival events on a list and a map. They also wanted to be able to make schedule changes in real-time in addition to sending notifications to attendees about important updates.
The app was programmed in an Expo-managed React Native environment, permitting us to write one codebase for Android and iOS platforms. We also created a dashboard using React.js for event organizers to add and update events on the schedule, as well as send push notifications and update the sponsors shown on the banner ads.
I used Adobe Illustrator to create icons and assets for the app alongside Adobe XD to apply those assets in a proper mock-up and iterate over possible design solutions. Each design direction was posted onto a Figma board where discourse could be exchanged.
We decided on four main tab screens: a schedule screen, which acts as the landing page that simply shows a list of all events, the map screen, the alerts screen, and the more screen, which links the festival website.
Every event is designed to be displayed using the same graphic module in every location in the app. This includes the schedule, map, and alert interfaces. I had originally designed separate ways to view events between the map and the schedule screen before settling on the concept of a ubiquitous module.
Event modules on the schedule screen scroll vertically and appear at the top of the stack while they are in progress; completed events appear at the bottom of the stack. Modules on the map are grouped by location and appear when you tap a pin.
Tapping any event module anywhere leads the user to a details screen, which displays the same information on the module along with an event description, a button to opt into event alerts, and a link to get directions.
During the course of the 2021 festival, the app received over one thousand downloads across Android and iOS, achieved an average 5.0 star rating, and broke into the top charts for apps categorized as "Reference" on Apple's App Store.