Shape Seeds
Menu

Product design · Job discovery

Jobspotting

Making job discovery personal.

My UX/UI work on job discovery: translating research into screen structures, exploring interface variants, and shaping the journey from first interests to a personal feed.

Jobspotting location-based discovery interface displayed on a laptop
The product in context — discovering jobs and companies by location.
Product
Digital recruitment platform
Role
UX / UI & product language
Company era
Berlin, 2013–2017

From research to interface decisions.

Jobspotting was a personalised job-discovery platform. My design work connected its feed, search and profile tools: deciding what people needed to see, where they could act, and how those actions would relate across screens.

Jobspotting video advertisement.

SmartRecruiters acquired Jobspotting in January 2017. This case study brings together surviving design artefacts and research in a reconstructed narrative; it does not present that narrative as a verified delivery timeline.

Research

Relevance needs control.

I used the research findings to frame the interface problems before exploring solutions. I focused on what people could understand at a glance, whether they noticed feedback controls, and how they distinguished search from Explore.

Research synthesis with participant observations and findings
Research synthesis — observations that informed the product question.

Relevance over volume

Role, location, salary and company context help people judge an opportunity before opening it.

Control over the feed

Feedback and profile editing need to stay close to the recommendations they influence.

Discovery with direction

Explore needs a clear purpose alongside search and the personalised feed.

Framing the UX problem

Three moments where discovery loses its thread.

I turned the research into three design prompts: separate intent, expose control and surface enough context to choose with confidence.

Search and Explore blur together
Separate a clear task from open-ended browsing.
Recommendations feel opaque
Make feedback visible, close and reversible.
Job cards hide useful context
Surface enough information to choose confidently.

Structure & wireframes

Keep discovery within reach.

I explored the structure before committing to visual detail. These two views examine how people move between discovering possibilities and editing the preferences behind their feed.

Explore page wireframe A detailed low-fidelity layout with search, topic filters, featured companies, locations and job cards. EXPLORE JOBSFILTERS · 12 TOPICSLOCATIONSCOMPANIESSENIORITY FEATURED COMPANIESLOGOLOGOLOGO RECOMMENDED ROLESVIEW ALL → BERLIN · PRODUCT DESIGNREMOTE · UX RESEARCH
Discovery as a distinct task

Topics, locations and companies form an exploratory layer above specific vacancies, making this page distinct from direct search.

Profile editing beside the job feed A detailed low-fidelity job feed with an open profile panel for roles, topics, location, experience and contract preferences. YOUR JOB FEEDCOMPLETE YOUR PROFILE JOB TITLESTOPICSLOCATION EXPERIENCECONTRACT TYPEEMAIL ME RELEVANT ROLESSAVE PROFILE
Preferences beside the feed

The panel keeps role, topic and location controls close to the recommendations they affect, while preserving the feed as context.

Detailed low-fidelity vector reconstructions based on surviving project artefacts.

UX design process

Connect the tasks before polishing the screens.

I mapped the relationship between onboarding, the feed and Explore, then used wireframes to examine where profile editing and discovery should meet. Moving between the overall flow and individual screens kept the work focused on the journey, rather than isolated layouts.

Design-process diagram and early onboarding and Explore sketch
Surviving process material and flow sketch — shown as context, not a verified sequence of delivery stages.

Interface design

Explore variants. Refine the details.

I researched and explored different interface variants rather than treating the first layout as the answer. Across search, job cards and navigation, I compared hierarchy, placement and interaction states to work through the same UX questions at a finer level of detail.

Autocomplete and autosuggest interface explorations
Search and suggestion states

Search that helps you articulate intent.

I explored variants for free-text input, grouped suggestions and selected topics. The board shows how I worked through different ways to distinguish job titles, places and companies without overloading the search field.

Job card concepts with feedback, topic tags, maps and expanded states
Job-card hierarchy and feedback controls

Feedback at the point of decision.

I compared compact and expanded job cards, varying the balance between role information, location, tags and feedback. The design question was what to expose in the feed and what could wait until someone opened a job.

Navigation explorations for Feed, Explore, filters, bookmarks and settings
Navigation and profile explorations

A clear place for every action.

I explored how Feed, Explore, filters and saved jobs could sit together in the navigation. These variants helped me examine grouping, labels and access to profile settings as parts of one interaction system.

Marketing & launch materials

Carry the design beyond the product.

My communication design extended into the website and printed materials. Here the task shifted to information hierarchy: introducing the product, showing the interface in context, and organising a longer story into readable sections.

Final product walkthrough — original interface recording, without sound.

Final interface work

A product system, shown in use.

The finished screens bring together the main design language: profile signals, vacancy cards, company context, onboarding, search and navigation. These are the views I would use to inspect the interface as a complete system.

Jobspotting job feed with profile topics, job cards and a location map
Job feed — bring profile signals, vacancy detail and location context into one working view.
Jobspotting company detail screen with jobs posted, hiring signals, a map and matching jobs
Company detail — combine hiring signals, map context and matching vacancies in one sidebar layout.
Jobspotting company profile with company information, jobs posted, matching jobs and similar companies
Company profile — organise overview, jobs and similar companies into a readable hierarchy.
Jobspotting Explore results page with matching jobs and matching companies
Explore results — make matching jobs and companies scannable after a topic search.
Jobspotting company profile with company information, job openings, map and similar companies
Profile view — connect company context, location and open roles in a single destination.

Reflection

Design that helps someone decide.

Looking across this work, the thread in my process is the move from a broad UX question to specific interface choices. Research framed the problems; wireframes and visual variants made alternative answers concrete. The surviving material documents my design reasoning; measured user outcomes are not available.

Back to work

Let’s work together

What could be easier to use?

Tell me about the product and the part that needs fixing. A few sentences is enough.

Tell me about it