Mission
This project involved the rebranding of an event booking app to modernise its identity and enhance user experience.
My Role
As the sole designer for the project, I was responsible for every element you see. This included defining the brand and user personas, creating user flows and wireframes, as well as producing the final UI designs and designing the logo. Beyond simplifying the process of locating providers and booking appointments.
Services
User interface design, user experience design, user personas & user flows
Objective
As a lover of nightlife, I've noticed a common issue, the struggle to find events where we're not the oldest in the room. This frustration sparked my journey to create a solution. After using Shoobs for years, I realised there it lacked a crucial filter: age range. While searching for this feature, I discovered other issues with the app and decided to redesign its layout and functionality. My mission is now to create a platform that offers a seamless experience, prioritising clarity and usability.
Original App
Research
I planned to redesign the app to improve legibility, enhance visual hierarchy, and address accessibility issues like poor colour contrast and distracting imagery. Introducing an age restriction filter could refine user experience by helping users find events that match their preferences, strengthening Shoobs' competitive edge. Initial research has guided these goals, with key findings outlined below.
I identified that adding a persistent navigation bar could significantly enhance the app's overall usability. Without a dedicated navigation bar, users, including myself, found it challenging to navigate seamlessly between sections. The lack of quick access to core features, such as the profile and event search, often required returning to the homepage repeatedly, resulting in a fragmented and inefficient user journey. A clearly structured navigation bar with intuitive iconography and labels could address this issue by providing consistent and immediate access to key sections.
I observed several usability issues with the app's interface that impacted both readability and overall user experience. The placement of text directly over detailed event images hindered legibility. The highly detailed nature of the event images, when combined with text overlays, often created visual clutter, making it challenging to differentiate between events or focus on key information. The colour palette also requires reconsideration, as the use of pink/white text, particularly against certain backgrounds, reduced readability and accessibility. This lack of contrast failed to meet design standards for accessibility, potentially alienating users with visual impairments or those accessing the app in varying lighting conditions.
A clean and user-friendly design for the filter pages emerged as a crucial priority. The current layout was confusing and lacked clarity, which negatively impacted usability. The decision to overlay the filters onto an image further compounded the problem, as it significantly reduced text readability and visual hierarchy. This design choice discouraged me from engaging with the filter functionality altogether. One of my main focuses was the inclusion of an age filter, which I believe could enhance the filtering process and overall user experience.
Wireframes
These wireframes were created with the goal of making event booking effortless for users, By focusing on clear navigation, streamlined layouts, and intuitive interactions, the wireframes ensure that users can easily browse events, select options, and complete bookings with minimal friction.
Wireframes
Wireframes
Prototype
These wireframes were created with the goal of making event booking effortless for users. Each wireframe demonstrates the intuitive user interface design aimed at simplifying the booking process.
By focusing on clear navigation, streamlined layouts, and intuitive interactions, the wireframes ensure that users can easily browse events, select options, and complete bookings with minimal friction. Through thoughtful design choices and user-centric approach, these wireframes lay the foundation for a seamless and enjoyable booking experience."
Prototype Design
Clicking on individual sections within the filter page was challenging due to small or insufficient touch target areas. This design flaw affected usability, particularly for mobile users, and increased the likelihood of errors during interactions. Improving the size and spacing of these interactive elements was a key area for enhancement to make the app more user-friendly.
Participants praised the homepage for its intuitive structure and logical navigation flow. They found it easy to locate key sections and start interacting with the app. However, while the navigation was functional, there was room to enhance its visual appeal and alignment with modern UI design trends to further improve user engagement.
The app's original dark color palette was perceived as visually unappealing and failed to create a welcoming or engaging atmosphere for users. The lack of contrast between background and foreground elements made key content harder to focus on, detracting from the overall user experience and accessibility.
Final Design
Based on user feedback, I redesigned the app to address key usability and accessibility issues while improving its overall visual appeal. The new design introduces a vibrant and modern aesthetic, paired with a clean and intuitive layout. The homepage now features a personalised onboarding experience, allowing users to select their interests, enhancing relevance and engagement. The filter functionality has been added at the start with clear categories and improved touch targets for better usability. Brighter colours and enhanced contrast ensure text legibility and compliance with accessibility standards.
Final Design
Final Design