Brief
Modernizing design and enhancing ticket purchase experience.
Project Overview.
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
Timeline
Oct. 2019 - Dec. 2019
Design documentation handoff.
HIGHLIGHTS
Foster meaningful connections and shared emotions to unite and inspire the music community.
CONTEXT
A redesign is necessary to create a modern, user-friendly platform that reflects BACMA’s vibrant identity, enhances ticketing, and fosters stronger community engagement.
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.
A Chinese music community platform that offers musicians opportunities to perform, host concerts, and build meaningful connections with the Bay Area community.
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.
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.
CHALLENGE
As we embark on designing the WSJ Wrapped experience, it’s important to consider the constraints and challenges that could impact the project’s success.
Ensure all subscriber data used in the experience complies with privacy regulations and WSJ's data policies.
Maintain WSJ's professional and trusted brand identity while introducing a modern, engaging experience.
Design, development, and launch must fit within tight budgets and project timelines witch is 5 weeks.
Ensure compatibility and performance across various devices, browsers, and platforms.
CHALLENGE
Captivating, Meaningful, Seamless, Value-driven.
Newsletter, Author, Podcast, Esclusive offers.
USER FLOW
The Backbone Of The Project.
Mapping the customer journey helps us identify key touchpoints, enhance engagement, and design a seamless, personalized experience. A user flow ensures a clear, intuitive path, making the experience engaging and efficient for subscribers.
WIREFRAMES
Blueprints Ensure Structure Clarity.
I crafted detailed wireframes and specifications based on research and feedback to create a seamless 'Year-End Wrapped' experience, guiding designs effectively.
Wireframe V 1.0
Wireframe - Final
VISUAL
The Wall Street Journal.
Old & new components.
At WSJ's design scale, creating a completely new design system for this project would be redundant.
Given limited resources and time, it was more practical to modify components as needed while leveraging the WSJ Unified Design System.
These tailored adjustments maintained the seriousness of WSJ's brand while introducing a more approachable and user-friendly tone.
Button Style
Card Style 1.0
Card Style 2.0
Color Palette
Font Style
FINAL DESIGN
Engaging and Seamless Experience.
Explore and discover.
The final visual design seamlessly integrates WSJ's established brand identity with a modern, user-friendly approach. By leveraging the WSJ Unified Design System and thoughtfully modifying components, ensuring an engaging and visually cohesive experience.
Animation Example
Highlights and learnings
Successfully blending WSJ's professional tone with a more user-friendly design approach enhances engagement while maintaining brand integrity.
WSJ design resources were nearly unlimited — knowing where to find them and when to use them saved immense time and overhead.
It ensured that the project was progressing holistically — effectively accounting for content strategy and technical feasibility early.
Viewing constraints from different perspectives helped brew new approaches to tackle other constraints.
