Imouto

Imouto: Explorer Redesign

Redesigned the occupation explorer with industry filters, score bracket sections, sort controls, and a new card layout featuring large score numbers and accent borders.

16 April 2026

7 Phases

17 Tasks

1 Days

A Proper Data Explorer

The explorer received a comprehensive UX overhaul. Occupations are now grouped into score bracket sections (High 60%+, Moderate 40-59%, Lower 20-39%, Minimal 0-19%) with coloured accent borders and tinted backgrounds.

New Filter System

Three new filter components join the existing search and country toggle: industry group dropdown (multi-tag, derived from SOC/ANZSCO codes), score bracket toggles, and a sort control (score desc, score asc, alphabetical). The two-row filter layout keeps everything accessible without overwhelming the interface.

Card Redesign

Occupation cards show a large score number on the left with a score-bracket accent border. The proportion bar was upgraded to 8px height for better visibility.

Features Delivered

Data Layer

Industry group mapping — Multi-tag classification from SOC/ANZSCO codes
Score bracket system — Four-tier bracket classification with colour tokens

Filter Toolbar

Industry, bracket, and sort filters — Three new filter components in a two-row layout

Score Bracket Sections

Grouped occupation display — Labelled sections with accent colours and counts