IN-WORLD UI
For Alison Wonderland, Dillon Francis, and our DJ club concert series, I designed and project-managed the development of a dynamic 3D UI. This UI took user input from an on-screen HUD and incorporated it into the concert itself, turning limited interactions into exciting, world-changing elements of the concert itself.
WAVE
Wave is the entertainment capital of the metaverse, creating interactive
virtual concerts seen by millions, for superstars like Justin Bieber, Calvin Harris, and The Weeknd. You may have even spotted us on Meta's Superbowl spot.
At Wave I designed how the audience interacts with both the artist and the show itself, as well as internal tools to allow our developers to create better shows faster.
This mobile ad uses the logo's negative space to showcase our colorful shows, and its prominent 120° angles to point viewers towards the CTA.
Audience-members summon exciting spells and monsters with the hype meter
Audience members vote on what environment they want the show to travel to
Users click on-screen buttons for a chance to have their selection pop up in the concert live
Audience-members summon exciting spells and monsters with the hype meter
SHOW CONTROL
PROBLEMS TO SOLVE
Previously, Wave used a timeline approach, playing a canned 3D show alongside live vocals and mocap, Every show had to be bespoke and rebuilt from the ground up. It took an enormous amount of time and labor for a single event, and we needed the full set audio to even get started. We had a dynamic 3D world and we wanted a system that would leverage that to create a unique, live show every single time.
components
COMPLEXITY VARIATION
I set myself a few secondary goals. I wanted to improve the QA process, allow for future feature additions, and make a layout that would be instantly familiar to any broadcast technician who may come to use our studio. When we showed them the design, QA was elated, and one of our broadcast technicians said the UI was "like home to me."
PENTAKILL PROMO PAGE
Wave celebrated the Heroes of Metal themselves in this live digital concert featuring League of Legends' most brutal supergroup. I designed and assembled the promotional page, where users signed up to attend the show and were assigned one of three Eldritch gods to battle for. On this page, I was inspired by Riot's provided color palette, which reminded me of my favorite beer, Guinness. I used the warm black and cream white to define each section of the page. I wanted the user to feel transported as they scrolled and explored the site. Detail graphics provided by Riot or created by Elton Gamez.
BEATPORT PROMO PAGE
Using an in-house dynamic show development tool, Wave put on a series of virtual shows for ten Beatport DJs. The tool used the in-world UI elements described above to make every experience dynamic and interactive. It proved that with Wave's software, putting on a dynamic shows could be as simple as streaming, bringing virtual concerts to independent creators.
For this site, I was inspired by the brutalist trend in UX. Using hard black and white and a bright green, I endeavored to make a spartan website still feel young and surprising, appealing to Beatport's electronic music audience.
