Spotlight Case Study — Enhancing Talent Search
Product Designer
Spotlight
spotlight.com
Tools
Figma Sketch Adobe CC Zeplin InVision Hotjar Maze
Job Overview
🖌️
Major platform redesign & rebrand
Built design system & component library
User research, prototypes & testing
Accessibility
🚀
Successful launch of enhanced multi-user platform
Managed post-launch feedback with Hotjar
Case Study · 9 min read

Enhancing Talent Search for
Busy Casting Directors

70,000+ Performers UX Research Interaction Design Component Design Mobile-First
The Challenge

Redesign a dated, non-responsive search tool used by casting professionals to find performers across a database of over 70,000 entries.

  • Simplify complex search behaviours built up over years of organic growth
  • Improve speed, accuracy, and accessibility for casting professionals under time pressure
  • Create a consistent experience across desktop and mobile platforms
Before Before — legacy Spotlight search
After After — redesigned Spotlight search
New Content Structure

New information architecture following card sorting workshops, and data analytics.

🔍 Search
🏷 Name
⭐ Top Filters
⚧ GenderPlaying ageAppearanceDirectoriesLocation
+ Additional Filters
Skills
AccentsPresentersDancersLanguagesSkills
Physical
Weight · Height
Hair colour · Hair length
Eye colour
Other
DisabilityMembershipDrama school
✦ Other Features
NotesMedia
Key Findings

Search and filter need to be used both together or independently.

Casting professionals often search for a specific name and want to access that person quickly without returning all results.

80%

The top five filters appeared in 80% of all sessions.

Users often needed repeated access to niche filters beyond the top set.

Certain filters needed bespoke UI components that met complex user needs.

Research Area 01Search & Filter Platforms

Leading e-commerce and booking platforms — analysed for filter structure, progressive disclosure, and component flexibility.

Search and filter platforms — competitor analysis
Research Area 02Other Casting Platforms

Direct competitors reviewed for talent search UX, filtering patterns, and profile card conventions.

Casting platforms — competitor analysis
OutcomesKey Insights & Questions
◈  Insight

A filter drawer emerged as the best-practice UI component for a mobile-friendly filter system — allowing full filter access without leaving the results view.

?  Question

Would our users prefer pagination or lazy loading for results — and does the answer differ between desktop and mobile contexts?

?  Question

How do we allow casting professionals to see a quick view for known actors — without losing their place in the results list?

?  Question

How do we incorporate search, filters, and actions into intuitive UI components that work seamlessly across both desktop and mobile?

From the research we defined three principal user journeys that the search and filter page would need to cater for. These shaped every design decision — from the initial lo-fi sketches through to the finished UI components.

Defined 3 Principal User Journeys
Journey A
"I want to find a specific performer whose name I already know."
Name searchDirect lookup
Journey B
"I'm looking for an actor matching specific physical and professional criteria."
Age rangeGenderAppearanceDirectory
Journey C
"I'm looking for an actor by location, language, or accent."
Age rangeGenderLocationLanguageAccent
Early Stage Lo-Fi Prototype & Flow Testing

Using a lo-fi prototype we sketched out a number of flows with basic filter designs to ensure the end-to-end journey worked for all three scenarios before committing to visual design.

Lo-fi wireframe sketch

With an initial flow tested internally, we built out the core UI components using the new brand. These were considered as a system — elements designed to work cohesively across different areas of the site. Some were brand new; others were adapted as we introduced new scenarios and edge cases.

Search & Filter Panel Primary search bar with inline top filters, active filter chips, sort control — desktop and mobile responsive variants
Search and filter panel
Filter Drawer Slide-in overlay with grouped filter categories, searchable long lists (Appearance, Location, Languages) and apply/clear actions
Filter drawer
Performer Cards Performer cards were designed alongside versions that would be needed in other areas of the platform to reduce development time and ensure consistent UI design.
Performer cards
Actions Footer Persistent bottom bar for bulk selection — shortlist dropdown, Add CTA, and contextual actions (Notes, Print, Email) with mobile-collapsed variant
Actions footer

The final piece of the design work was a close collaboration with the engineering team to ensure the filter and search system behaved exactly as users needed.

Search Architecture Decisions

Elasticsearch

Leveraged Elasticsearch to power fuzzy matching and relevance ranking, ensuring performers with partial name matches or alternative spellings still surfaced — reducing zero-result frustration.

Real-time Updates

Results updated without page reloads as filters were applied or changed, eliminating "dead ends" — a major source of user drop-off identified in the original audit.

Filter Specs

Delivered detailed documentation covering filter hierarchy, interaction states, edge cases, and logic rules so the team could build with confidence and without design ambiguity.

🚀  Staged rollout strategy
1
Closed beta with a small agent group. We tested core search and filter functionality before any wide release. This surfaced UX issues in filtering logic and general views in a low-stakes environment.
2
Beta launch with reduced filters. We intentionally launched with a subset of filters and asked agents directly: "What filters do you need?" This let users drive prioritisation for the next development sprint rather than us making assumptions.
3
Quick-view card launch with Hotjar. We released a reduced quick-view card alongside Hotjar session recording, asking: "What information would you like to see here?" This meant we could populate the card with content we knew users wanted, not content we assumed they needed.
4
Full launch — big bang. Hotjar feedback and session recordings continued to run post-launch, giving us a live signal on user behaviour and satisfaction as the wider audience encountered the new system for the first time.
85%
of post-launch feedback rated the new experience 4 or 5 out of 5
Key finding

Much of the negative feedback referenced functionality already on the product roadmap or reflected personal aesthetic preferences — not core usability failures.

Design validation

The staged rollout gave us confidence in the direction. Real user input — not assumptions — shaped both the filter set and the quick-view card content before full release.

Final design