Menu

Menu

05.
BACMA
Website
Redesign

05.
BACMA
Website
Redesign

Project Overview.

Result

Project On Pause

Unfortunately, due to the COVID-19 pandemic and the temporary closure of the BACMA events, the Founder has to pause all development on this project.

Project Goal

The goal of the BACMA website redesign is to create a modern, user-friendly platform that reflects BACMA’s cultural identity and makes it easier for users to explore events and purchase tickets.

Solution

Redesigned BACMA website with a fresh, modern look and an intuitive layout to enhance user experience. The new BACMA website will allow users to engage with BACMA, explore events, and buy tickets seamlessly.

My Role

Design Lead

Research, Interaction Design, Visual Design, User Flows, Rapid Prototyping.

Team

Solo Designer

John Kang

Partnership between Design, Product, Marketing, and Engineering.

Partnership between Design, Product, Marketing, and Engineering.

Timeline

Oct. 2019 - Dec. 2019

Design documentation handoff.

Result

Project On Pause

Unfortunately, due to the COVID-19 pandemic and the temporary closure of the BACMA events, the Founder has to pause all development on this project.

HIGHLIGHTS

Foster meaningful connections and shared emotions to unite and inspire the music community.

CONTEXT

Culture Shapes Community.

Culture Shapes Community.

  1. Why redesign?

  1. Why redesign?

A redesign is necessary to create a modern, user-friendly platform that reflects BACMA’s vibrant identity, enhances ticketing, and fosters stronger community engagement.

  1. From the research.

  1. From the research.

To better understand the BACMA community and its needs, I collaborated with the founder to learn their business objectives and shape the design goals, while also analyzing the website and gathering insights on user perspectives regarding its overall experience and visual presentation through user interviews.

Founder & User Interview

Comeptitor Analysis

CHALLENGE

Consistancy and Reliability

We learned…

We learned…

Based on our studies, we gained a deeper understanding of our clients, users, and competitors, which has shaped our strategic goals.

There is currently a lack of ...

There is currently a lack of ...

A Chinese music community platform that offers musicians opportunities to perform, host concerts, and build meaningful connections with the Bay Area community.

This results in ...

This results in ...

Musicians in the Bay Area struggle to find consistent opportunities to perform, access resources to host concerts, and connect with a supportive community, limiting their ability to showcase their talents and grow their audience. Meanwhile audience can’t find a place to learn and enjoy traditional Chinese music.

We aim to ...

We aim to ...

Create a BACMA platform that helps Bay Area Chinese musicians host concerts, events, and provide music education to showcase their talents, reach new audiences, and strengthen connections within the Bay Area community.

North star design principles.

North star design principles.

Consistancy

Consistancy

Branding, Experience, Elegant.

Reliability

Sucure, Fast, Esclusive offers.

USER FLOW

Understand the Structure

A simple relation diagram and site map.

A simple journey map and user flow.

A simple journey map and user flow.

The website structure should be clear, simple, and logically organized to serve both the NGO's mission and the user's need to find and buy event tickets.

Relation Diagram Analysis

Site Map

WIREFRAMES

Base Structure

Wireframes.

Wireframes.

To deliver a consistent and reliable user experience, we translated research and feedback into wireframes. This iterative process was key to shaping a truly seamless BACMA experience.

Wireframe V 1.0

FINAL DESIGN

Consistant and Reliable Experience.

Consistany and reliable experiences.

By adopting a focused design system and modern aesthetic, the final visual design is both engaging and effective. This approach ensures a consistent and reliable BACMA experience through a visually cohesive and user-friendly interface.

Log In Page

Home Page

Event Detail Page

Event Page

Checkout Page

By adopting a focused design system and modern aesthetic, the final visual design is both engaging and effective. This approach ensures a consistent and reliable BACMA experience through a visually cohesive and user-friendly interface.

Highlights and learnings

Cultrue Shapes Design

Cultrue Shapes Design

Cultural elements should be a primary determinant of your visual design, especially for an organization like BACMA NGO, which focuses on music and culture.

Reduce Complexity

To make it easy for users to navigate the BACMA NGO website, prioritize clarity, consistency, and an intuitive information architecture.

Things change

Things change

Unfortunately, due to the COVID-19 pandemic and the temporary closure of the BACMA event, the Founder has to pause all development on this project.

Let's Get in Touch!

HMU for work, coffee chats, advice, or LMK about your favourite place to travel :)

Designed by John Kang

Made with love and Pink Drink(+Coconut Milk).

© 2024 Xuansong Kang. All Rights Reserved.

Let's Get in Touch!

HMU for work, coffee chats, advice, or LMK about your favourite place to travel :)

Designed by John Kang

Made with love and Pink Drink(+Coconut Milk).

© 2024 Xuansong Kang. All Rights Reserved.

Let's Get in Touch!

HMU for work, coffee chats, advice, or LMK about your favourite place to travel :)

Designed by John Kang

Made with love and Pink Drink(+Coconut Milk).

© 2024 Xuansong Kang. All Rights Reserved.