It is a mobile web application that encourages users to explore Brisbane's public art collection through self-guided tours. The target audience for Brisbane Odyssey is people with two distinct characteristics. They are interested in learning about public art displays, and they enjoy walking or physically exploring different locations within the Brisbane City Council area.

The technology I used: Figma, HTML, CSS, JavaScript, Adobe Photoshop, Adobe Illustrator
Role: UI Designer and Front-end developer

Design Process

discover
Discover
define
Define
ideation
Ideate
deliver
Deliver
test
Test

Problem Statement

Despite the abundance of public art scattered across Brisbane, there exists a disconnect between these cultural assets and the residents and visitors who may not be aware of their existence or significance. Moreover, while some individuals express interest in exploring public art, they often lack a structured means to do so. Traditional methods of exploration, such as guided tours or online resources, may not cater to the dynamic preferences of modern audiences who seek interactive and personalized experiences.

Target users

people who are both interested in learning about public art displays and enjoy physically exploring the different places in Brisbane City Council areas.

Key research insights

To dig into research for the problem identification, our team conducted interview 20 target audiences regarding to their experience of explore Brisbane's public art displays, we identified the following pain points:

Lack of awareness: Many residents and visitors are unaware of the breadth and depth of Brisbane's public art collection.

Absence of structured exploration: Individuals interested in public art lack convenient, engaging, and organized ways to explore these displays at their own pace.

Limited engagement opportunities: Existing platforms fail to capitalize on the potential for gamification and interactive challenges to enhance user engagement and retention.

Objectives & Goals

Brisbane Odyssey aims to address these pain points by offering a user-friendly mobile web application that presents curated tours of Brisbane's public art collection. Users will have the flexibility to choose from a selection of thematic tours, each highlighting specific art displays within the city. Upon selecting a tour, users will embark on a self-guided journey, navigating various art installations while completing photo challenges and interactive tasks along the way. By incorporating elements of gamification and exploration, the application seeks to transform the act of discovering public art into an enjoyable and rewarding experience.

  • Increase awareness and appreciation of Brisbane's public art collection among residents and visitors.
  • Provide a user-centric platform for self-guided exploration of public art displays, catering to diverse interests and preferences.
  • Enhance user engagement and retention through gamification elements and interactive challenges.

    • Storyboard

    Minimum viable product (MVP)

    1.Home Page: Landing page for users to choose a recommended route for exploring art installations.

    2.Route Details Page: Provides users with essential route information, including installation locations, estimated time, and installation features.

    3.Photo Verification Challenge: Users initiate a challenge by locating each public art display and capturing a photo using the camera icon. Successful photo verification grants automatic access to installation details.

    4.Leaderboard: Timer stops when all public art displays in the route are located. Users' completion times are recorded on the leaderboard for comparison.

    User interface Design Setup

    User flow

    people who are both interested in learning about public art displays and enjoy physically exploring the different places in Brisbane City Council areas.

    user flow
    Sketches

    Design Style Guidelines

    Colour Scheme
    Typography
    Icon Specification
    Wireframes and Component library

    Evaluation

    During the evaluation phase of the project, we chose the method of think-aloud and interview to test the project. Through this process, we gathered valuable feedback that informed several significant points of improvement:

    Enhanced Interactivity:
  • Users highlighted the importance of interactivity, particularly regarding the functionality of clicking on photo prompt icons for four public art exhibitions displayed on the tour start page.
  • To address this feedback, we focused on refining the user experience by implementing intuitive and engaging interactions that facilitate seamless navigation and exploration.
    • Visual Feedback for Challenges:
  • Users emphasized the need for visual feedback when completing photo challenges through the camera interface.
  • In response, we incorporated visual cues and feedback mechanisms to enhance user satisfaction.
    • Navigation Enhancement:
  • One key aspect of feedback centered around navigation within the application, particularly concerning tour selection and page transitions.
  • As a solution, we proposed and implemented a feature to design a hint for each art display, comprising the shape of the installation accompanied by a proverbial prompt.

    • High-fidelity Prototype

    Account Creation
  • Sign up and create a personalized account to embark on your artistic journey and preserve your memories.
  • Login your account to track achievements, view completed tours, and bookmark favorite experiences for future exploration.
    • Tour Selection

    Choose from a curated selection of recommended tours or search for specific themes or locations that pique your interest.

    Tour Details
  • Dive into the immersive world of each tour with detailed descriptions, including the rules of the scavenger hunt and essential information about the featured artworks.
  • Familiarize yourself with the tour route, checkpoints, and any additional challenges or activities.
    • Photo Verification Challenge
  • Embark on an exciting photo verification challenge as users seek out and capture each mystery artwork showcased along the tour route.
  • Take the perfect photo of each artwork to unlock additional insights, trivia, and anecdotes about the art and its significance within Brisbane's cultural landscape.
    • Share the Joy
  • Celebrate achievements and share the joy of exploration with friends and fellow art enthusiasts.
  • Compete against friends or join forces in team mode to complete tours and earn bragging rights on the leaderboard.

    • Final Project

    Kickstarter video
    Final prototype

    What I've learned

    Importance of Simple Navigation: Simple and intuitive navigation is crucial for ensuring ease of use and enhancing user satisfaction.

    Value of Flexibility: Recognizing the diverse needs and preferences of our user base, flexibility emerged as a key consideration in our design approach. By offering customizable options and adaptable features, we cater to a wide range of user preferences and ensure inclusivity across various demographics.

    Impact of Gamification: Incorporating gamification elements proved to be a powerful strategy for increasing user engagement and retention.

    Future Work

    More gamification elements: Introduce additional gamification features such as achievement badges, level progression, and rewards to enhance user engagement and motivation.

    Iterative development: Utilize a variety of user testing methods, including surveys, interviews, and usability testing, to evaluate programs in-depth and gather comprehensive feedback for continuous improvement.

    Appeal and engagement:Design appealing and engaging elements for users, including visually stunning artwork showcases, interactive challenges, and personalized user profiles.