Overview

The lights dim, the crowd roars, and your favorite band takes the stage. It’s a moment you want to hold onto forever—but where do those memories go once the show ends?

In a digital-first world, concert memories often fade into forgotten smartphone photos and videos. Encore Archive reimagines the way fans preserve these moments, turning fleeting experiences into timeless, handheld keepsakes.

The challenge? Designing an intuitive, seamless system for capturing, organizing, and presenting these memories.

This is an extension of my personal project, the Concert Collective, which you can check out here.

There's a trend towards more private, niche communities for photo sharing, moving away from public social media platforms

Instagram usage fell -20% YoY, TikTok by -5% YoY, and Facebook by -7% YoY.
Hubspot, Fastest Growing Social Media Platforms 2024

There is an increasing dissatisfaction with large-scale digital content platforms and their algorithms.

People are on a quest for substance rather than just convenience.
- Darren Hemmings, MD of Motive Unknown

92.5% of photos are taken with smartphones

〰️

92.5% of photos are taken with smartphones 〰️

Imagine a platform where your concert experiences come to life through visualizations, capturing the essence of each performance you've attended.

I wanted to create something that not only tracks your concert history but transforms that data into a vibrant artpiece of your musical journey.

With our innovative tool, you can aggregate every detail from your favorite shows—setlists, venues, dates, and even your personal reflections—into a single, stunning visual format. Each concert becomes a point on a designed map, allowing you to explore your musical evolution at a glance.

Whether you're a casual fan or a devoted concert-goer, this visualization brings your experiences to the forefront, enabling you to reminisce about the moments that sparked joy and connection.

Relive your concerts like never before.

I took to my own design hands to create the refined GUI design with the research and exploration I had done with AI. By implementing a feedback loop, I gathered user insights and preferences at various stages of the design process.

This iterative approach allowed the AI to analyze these inputs, optimizing the design based on real-time feedback. As a result, we achieved a final GUI that not only meets user expectations but also enhances overall functionality and aesthetic appeal, ensuring a more engaging experience for our users.

AI Iterative UI Concepts

In the development of this project, I turned to ChatGPT to gather objective feedback on my initial concepts. By inputting detailed descriptions and visuals of the design elements, I was able to receive unbiased insights that highlighted strengths and areas for improvement. This iterative process not only refined my ideas but also allowed me to focus on user experience and functionality. Ultimately, the constructive criticism from the AI generated a clearer vision, shaping my thoughts into a polished final product that better meets user needs.

The Ideation Phase

  • The opening screen featuring vibrant, dynamic colors immediately communicates the energy and excitement of concerts, while the call to action, “Relive your concert memories like never before,” aligns with the app’s focus on capturing personal experiences.

    The user’s own photos and concert details are integrated into the layout, reinforcing the idea that the app is highly personalized.

  • The layout offers an intuitive navigation experience with clear upload buttons for adding concert memories and a plus sign for additional actions, both of which we prioritized in our discussions on streamlining the user experience.

    The Upload and Get Started buttons are bright and easily noticeable, ensuring that users can contribute their own concert data seamlessly.

  • The layout uses a clean, dark background, which allows the concert photos and vibrant elements to stand out. This reflects the design direction we explored: keeping data visualizations black-and-white or minimalist while allowing full-color concert photography to dominate the visual space.

    The timeline view of concerts by year, artist, or venue is well-structured, following our discussions of creating a grid or card-based layout for clear data display.

The Prototyping Phase

UX Concepts & Product Testing

I used v0.dev to generate initial SwiftUI code for the app's core structure. This allowed me to visualize the basic UX, including navigating between the Artist View, Popular Venues, Timeline View, and Charts View. By experimenting with auto-generated code, I was able to prototype navigation and screen transitions, helping to refine how users interact with key features in the app's interface.

Using my own data, I’ve built a simple UX experience to help showcase how this might work.