Hello!
Workmaps

An interactive map that show users job in their local area.

Workmaps Home Page

Overview

My role was to design features from zero to one and develop the UI for a responsive web app. I collaborated with engineers and designers on research and setting up the backend. My contribution led to increases in engagement and revenue.

Features

Here are some of the impactful features that I designed and implemented. For develpoment, the tech stack used was Next.js, Typescript, and Tailwind CSS.

0 Result State

Users kept landing on a 0 result page without any content or CTAs. This feature introduced a 0 result state, where users could go to different slug pages to view more jobs.

100%increase on time spent on website.
25%increase in overall revenue.
0 matching jobs screen

Map/List View

This feature introduced the ability to switch from list view to map view and vice versa on mobile. It also included the ability to view employer cards and job descriptions on the map.

28%increase in job link clicks for list view.
22%increase in job link clicks for map view.
List view screen
Map view screen
Job description screen

The previous filters were behind an extra click at the top header. After moving and updating the filters to the sidebar, we saw an increase in overall metrics.

95%increase in job applications.
14%increase on time spent on website.
34%increase in revenue.
Filter and job card screen

Job Description Summary

This feature updated job descriptions to include better section summaries. We used AI to summarize the long job descriptions into concise sections.

16%increase in job apply clicks.
11%increase in revenue.
Employer filters and job description screen

Mobile Search & Filters

This feature introduced an updated mobile search and filters. It improved the mobile search and filter experience.

30%increase in job searches.
53%increase in filter interactions.
Mobile map search screen
Mobile search screen
Mobile filters screen

Component System

I worked on the building blocks for a design system. It was something we needed so anyone can drag and drop their ideas into Figma without a designer.

Component cystem

Reflection

There was a lot of features that made it to implementation. But, not all got a full release because it either got scrapped or didn't perform well in the A/B tests.

Here are the key takeaways while working on this product:

  1. The plan and roadmap is always adapting. New and existing features can get delayed to a later release date. Continue to communicate and stay updated with what's happening.
  1. Designs fail and that is okay. There is no such thing as a perfect solution, things can and will break during testing. Don't see it as a failure, but rather a lesson for the future.
  1. Change takes time. Be persistent and continue building rapport. Never stop advocating for the user. But understand that the business side of things can slow things down.