Context

Senior Product Designer
Wavy

Year

December 2022

Industry

SaaS Team Building Tech

My role

Research & Discovery
UX Design
UI Design

Team

Dan Stein - Senior Product Designer
Dylan Clarke - Full Stack Developer
Liz Hastings - Partner Success Manager

Context

Senior Product Designer
Wavy

Year

December 2022

Industry

SaaS Team Building Tech

My role

Research & Discovery
UX Design
UI Design

Team

Dan Stein - Senior Product Designer
Dylan Clarke - Full Stack Developer
Liz Hastings - Partner Success Manager

Context

Senior Product Designer
Wavy

Year

December 2022

Industry

SaaS Team Building Tech

My role

Research & Discovery
UX Design
UI Design

Team

Dan Stein - Senior Product Designer
Dylan Clarke - Full Stack Developer
Liz Hastings - Partner Success Manager

/ Case Study

/ Case Study

/ Case Study

Build the Perfect Listing for your Online Experience

Build the Perfect Listing for your Online Experience

Build the Perfect Listing for your Online Experience

As Senior Product Designer at Wavy, I was tasked with leading the development of a new feature that would allow online experience providers to easily upload and customize their listings on the Wavy Marketplace. Before the feature was introduced, providers had to reach out to Wavy directly to input all the necessary information for their listings, which was a tedious and time-consuming process for all parties involved.

As Senior Product Designer at Wavy, I was tasked with leading the development of a new feature that would allow online experience providers to easily upload and customize their listings on the Wavy Marketplace. Before the feature was introduced, providers had to reach out to Wavy directly to input all the necessary information for their listings, which was a tedious and time-consuming process for all parties involved.

As Senior Product Designer at Wavy, I was tasked with leading the development of a new feature that would allow online experience providers to easily upload and customize their listings on the Wavy Marketplace. Before the feature was introduced, providers had to reach out to Wavy directly to input all the necessary information for their listings, which was a tedious and time-consuming process for all parties involved.

To begin the project, I worked closely with the Wavy Operations team to identify the key pain points experienced by online experience providers when it came to creating and updating their listings. I also spoke with several providers to see what they were looking for in an update. Based on this research, we identified several critical features that would need to be included in the new tool, including the ability to upload and edit photos or videos, write descriptions, add customizations, add descriptions for the kits they provide, and set attendance limits.


With these requirements in mind, I began the design process, starting with wireframes that laid out the basic structure and functionality of the new feature. I worked closely with the product team to refine these wireframes, incorporating their feedback and suggestions as we went along. Due to time constraints, we quickly moved these into high fidelity so that we could test them as our dev team built the core structure and the back end functionality.


Designing the interface involved creating a clean, modern design that would be easy to use on both web and mobile devices. We also decided that we wanted the entire partner portal to feel like it's own offering to businesses - so I had decided to give Wavy's secondary colour "summer sun" and all its shades to be the brand colour of this entire extension of wavy. I paid particular attention to the visual hierarchy of the interface, making sure that key information was prominently displayed and that users could easily find what they were looking for.


Listings Screen

On the listings screen, our partners are able to view all their offerings, search them by name or ID, and add a new listing.


Experience display

We decided it would be best to show a preview of how their listing appears in our marketplace, but we didn't feel that an 'edit in place' tool was best given the amount of info. I put the key controls (edit, unpublish) and key info above the preview of the listing but ensured to be mindful of space so that you could still see the preview.


Editing

We added helpful prompts or suggestions as needed on the right hand side of the sections. We kept it light and out of the way to not feel too loud for returning users while still being easy to find. For the save buttons, they turn green only when a change is made.


Customizations

For customizations, and other blocks that have multiple fields, we put the editing functions in a modal so that the main screen didn't scroll for ever and ever.


Throughout the design process, I conducted user testing with partners and with our operations team to ensure that the new feature was intuitive and easy to use. I worked closely with the Wavy development team to ensure that the tool was optimized for both web and mobile, and that it integrated seamlessly with the rest of the Wavy platform.


The result of our efforts was a powerful new feature that made it easy for online experience providers to create and update their listings on the Wavy Marketplace. Providers could now upload and edit their photos and videos, write detailed descriptions of their experiences, add customizations and kits, and set attendance limits with just a few clicks. This not only made the process much faster and more efficient for providers, but it also made it easier for users to discover and book the experiences they were looking for.


Overall, I was proud to lead the development of this critical new feature, and I believe it has had a significant impact on the Wavy Marketplace and the online experience providers who use it.

Start a project
Talk Nerdy To Me
/ Get in touch
Talk Nerdy To Me
Start a project
Talk Nerdy To Me
/ Get in touch
Talk Nerdy To Me
Start a project
Talk Nerdy To Me
/ Get in touch
Talk Nerdy To Me

Dan Stein · he/they · Vancouver · "Dan from Van" · Website built with Framer · Font: PP Montreal Neue

Dan Stein · he/they · Vancouver · "Dan from Van" · Website built with Framer · Font: PP Montreal Neue

Dan Stein · he/they · Vancouver · "Dan from Van" · Website built with Framer · Font: PP Montreal Neue