THAT SAUCE VISUAL SEARCH

THAT SAUCE VISUAL SEARCH

THAT SAUCE VISUAL SEARCH

THAT SAUCE VISUAL SEARCH

THAT SAUCE VISUAL SEARCH

Founding Product Designer @ that-sauce.com

Founding Product Designer @ that-sauce.com

AI & Visual Search Solution for Creative Talent Hiring

AI & Visual Search Solution for Creative Talent Hiring

Product Discovery

Prototyping

User Flows

Cross-Functional Collaboration

End-to-end Wireframe

Information Architecture

TEAM

Product Engineer, Creative Director, Brand Designer

TIMELINE

February – May 2025

TOOLS

Figma, Notion, Slack, ProtoPie

OVERVIEW

OVERVIEW

OVERVIEW

OVERVIEW

that-sauce.com is a platform for brands to search for creative talent based on style and medium using NLP-powered visual search.

As the founding product designer, I leveraged product strategy and cross-functional collaboration to define a unique core search experience. Other contributions include onboarding and growth targeting brands and creative talents, and defining the design infrastructure for launch in Fall 2025.

Preview: core search experience

Search for creative talent and style using natural language; refine ambiguous terms with AI suggestions

Gif showing a user searching in that-sauce. Please wait if it's still loading...
Gif showing user browsing search results. Please wait if the gif is still loading... :)
Gif showing user using the prompt enhancer feature. Please wait if the gif is still loading... :)
Gif showing user using the prompt enhancer feature. Please wait if the gif is still loading... :)
Gif showing user using the prompt enhancer feature. Please wait if the gif is still loading... :)
Gif showing user using the prompt enhancer feature. Please wait if the gif is still loading... :)
Gif showing user using the prompt enhancer feature. Please wait if the gif is still loading... :)

Visual design foundations, growth, and other core flows for launch in late 2025

feed, growth/onboarding, profile, upload

I also designed features such as feed, growth/onboarding, profile, upload… contact me to learn more!

I also designed features such as feed, growth/onboarding, profile, upload… contact me to learn more!

DISCOVERY

DISCOVERY

DISCOVERY

DISCOVERY

DISCOVERY

Initiating user discovery and cross-functional conversations to define the core search taxonomy

Below is a mental mapping of how we are defining and understanding search input and outputs I initiated early cross-functional conversations with the product director and machine learning engineers to define the core search criteria: role, medium, and style

CROSS-FUNCTIONAL CONVERSATIONS

CROSS-FUNCTIONAL CONVERSATIONS

CROSS-FUNCTIONAL CONVERSATIONS

CROSS-FUNCTIONAL CONVERSATIONS

CROSS-FUNCTIONAL CONVERSATIONS

How can natural language processing “understand” and help search a visual/creative work?

I had many conversations with machine learning engineers on how they are training the NLP model behind that-sauce. Understanding how the backend worked allowed me to design interfaces that let users input exactly what we are looking for. Below, I show our understanding of the model.

COMPETITIVE ANALYSIS

COMPETITIVE ANALYSIS

COMPETITIVE ANALYSIS

COMPETITIVE ANALYSIS

COMPETITIVE ANALYSIS

Competitive analysis of visual search in the hiring and consumer space helped us define our vision

The main pattern I observed revolved around the complexity of the search experience – whereas some apps include filters and categories upfront, others do not. We aim to create an intuitive search experience with filters that don’t feel like rocket science.

DEFINE

DEFINE

DEFINE

DEFINE

DEFINE

Ideating a search experience foregrounding precision and specificity, but without it feeling like operating a complex machine

The core goal of the search experience is to get people to enter specific and precise descriptions (although the beauty of NLP is that ambiguity still works). I ideated different UIs and flows for the visual search component.

Iteration 1

I started out experimenting with a search bar that has keyword and style suggestion while typing. We felt that it didn’t give users guidance and context to create search criteria with intention.

Iteration 2

A second iteration included a more complex search bar with options to manipulate, such as role, style, and, color.

Iteration 3

Expanded the search box to include suggestions and filters in a way similar to GenAI interfaces like Perplexity and ChatGPT .The “prompt box” format drew on familiar patterns to encourage more natural, long-form input.

END-TO-END EXPLORATIONS

Displaying search results in a clear and unbiased way – showing creative work in their original format and dimension

After brainstorming different ideas taking into account how to display creative work in dynamic ways without losing faithfulness to the original, we landed on a single row of creator work accommodating any dimension and a mix of video and static formats.

PIVOT

As we tried to find product-market fit and the search function was getting bloated with new requirements, I navigated pivoting the core search experience and information architecture.

The ask:

Our product founder wanted to put guardrails on the search experience to make a more streamlined flow that better matches the ML algorithm powering the search.

Pushing back:

I felt the idea made our search experience feel more like filling out a form rather than an intuitive experience. I began to iterate on a search flow that better matched the new requirements.

NEW CHALLENGE

Iterating a more step-by-step but still intuitive search flow to improve match between search input and results

Information architecture

The first core decision was to move the search bar into a new page in order to accommodate more expansive search functionalities.

Search explorations

Then, I experimented with AI interfaces inspired by platforms like OpenAI and Perplexity – which provide a workspace for prompting and AI interactions.

HI-FI DESIGN

Animating search with visuals and motion to create intuitive experience

Search flow

  1. Added visual elements to roles to help users understand who / what they might be looking for

  1. Animated the transition between first choosing the role then describing them to make the flow feel intuitive rather than a step-by-step form

CONCLUSION

Don’t be afraid to experiment

I'm super grateful to have been a part of a team that was open to new ideas & patterns, and who trusted me to spend time experimenting and bringing our unique vision to life.

Establish early alignment with devs and branding/marketing on vision

One major achievement in the beginning of the project was achieving alignment between cross-functional collaborators on the vision of the project – including how core features should feel and achieve. In particular, I leveraged rapid prototyping in low fidelity to quickly demonstrate and generate ideas.

THERE’S MORE!

Interested in learning more about features I designed for growth & for showcasing creative work? I would love to go into more depth in an interview or coffee chat :)