Odd Jobs

Odd Jobs is a take on a job board that focuses on university students.

Year
2026
Context
Course project
Tool
Figma

/ Problem

Students need things done and don't have money to spare: cleaning, laundry pickup, watching cats, watering plants, help moving. Students also need money, but often can't commit to a regular job because the hours don't fit around classes. The informal version of this already happens on campus.

/ Information architecture

/ Decision 01

Verification.

The first decision was how to make a job board that actually works for university students with difficult schedules. Sign-up is linked to a university email, so everyone on the platform is a verified student. That keeps it trustworthy.

/ Decision 02

Familiarity.

Traditional job boards are formal and high pressure. I took a different approach, drawing on the bulletin boards and chore charts of classrooms, a familiar system where everyone contributes. It signals trust and shared contribution over competition, and reframes the platform as low stakes and community-driven.

/ Decision 03

Responsive design across three breakpoints.

Each component was adapted into desktop, tablet, and mobile variants to optimize the same content for different forms of interaction. Decisions at each breakpoint covered column structure, navigation, information hierarchy, and type scale. Card grids go from three columns to two to one, filters move from a sidebar into dropdowns, and navigation collapses into a hamburger menu on mobile.

The Odd Jobs Browse Gigs page on a desktop monitor, with the full navigation across the top, filters in a sidebar on the left and gig cards in three columns.

Desktop

  1. The full navigation runs across the top.
  2. The filters sit in a sidebar.
  3. The gig cards sit in a three-column grid.
The same Browse Gigs page on a tablet, with a smaller navigation bar across the top, the categories in one row and gig cards in two columns.

Tablet

  1. The top and bottom bars keep their layout but get smaller and better spaced.
  2. The card grid drops to two columns.
The same Browse Gigs page on a phone, with a hamburger menu, Filter by and Sort by dropdowns and the gig cards stacked in one column.

Mobile

  1. The navigation collapses into a hamburger menu.
  2. The filters move into dropdowns.
  3. The cards stack in one column.

/ Wireframes

Low fidelity

Hand-drawn wireframe of the landing page.
Landing
Hand-drawn wireframe of the sign up page.
Sign up
Hand-drawn wireframe of the How it works page.
How it works
Hand-drawn wireframe of the Browse gigs page.
Browse gigs
Hand-drawn wireframe of the job post page.
Job post
Hand-drawn wireframe of the Post a gig page.
Post a gig

Mid fidelity

Mid-fidelity wireframe of the landing page.
Landing
Mid-fidelity wireframe of the sign up page.
Sign up
Mid-fidelity wireframe of the How it works page.
How it works

/ User flow

01 Landing

The Odd Jobs landing page on mobile, showing gigs posted at Purdue.

02A Hire

The Hire page on mobile, with a search bar and a button to make a new post.

02B Earn

The Earn page on mobile, with a search bar and a button to make a new post.

03 Job post

A Cat Sitting job post on mobile, with dates, hours, location, pay, Accept and Make Offer buttons, and the poster's card.

/ Outcomes

The result is a high-fidelity responsive prototype across desktop, tablet, and mobile, with a recorded walkthrough.

Context
Course project, AD 319, Purdue, Spring 2026
Skills
0 to 1information architecturepersonasuser flowswireframing
Video walkthrough(opens in a new tab)
Next projectDelighto.ai