Initial Thought Process & Wireframes
Bizness Apps had an already developed mobile view for Events, however it's representation was a little outdated and did not look slick enough compared to today's UI visual mobile app standards. A lot of the initial design visual flow was influenced by the popular events feature that Eventbrite, Facebook, and Ticketfly have to offer. I wanted to go for a large display that showcased as much information as possible with the restricted space of a mobile phone device.
From Concept to End Goal
Using the initial wireframes I created and a collective color scheme I added data to provide the executive team a visual queue for how the final product would look. Rather than using filler dummy text, I felt it was best to fill in the content with actual data to provide a better story.
Individual Event: Full & Device Views
When a mobile app user clicks into an event they see the details that pertain to that event. The detail views shown below describe how an end user would see the event on a device along with full page and scrolls views.
Event Details: View Structure & Outline
Further User Customization: Optional Content
As a Bizness Apps App Builder Editor a user is allowed to completely customize what content they wish to provide. To have optional customization show in the end product, without having empty white space, I drafted a series of visual use cases. Below shows just how much the mobile app can changed based on what content the App Builder user chooses to provide.