Messy interface
Visual elements lacked cohesion and a dependable hierarchy.
Job Connect · Product design · Desktop web app
Three user roles.
One coherent platform.
Redesigning an AI-assisted recruitment platform so job seekers, employers and ambassadors could understand where they belonged—and what automation was doing for them.
3 roleswith distinct goals and interfaces
2 monthsfor the platform redesign
5 stagesfrom architecture to design system
1 systemacross the product ecosystem
01 · Product context
A recruitment ecosystem with three directions of value
Job Connect uses profile and job information to recommend opportunities, surface suitable candidates and support referral-led growth. The existing product had already been in use for four months, but its structure and interface did not clearly distinguish these connected experiences.
02 · The problem
Users could not see the structure—or the intelligence
Blurred roles
Employer and candidate profiles were difficult to distinguish.
Confusing navigation
Important features were hard to find within the platform.
Unclear AI
AI functionality did not feel integrated into the user’s workflow.
03 · Role architecture
Shared foundations, clearly separated journeys
The redesign establishes a distinct dashboard and task hierarchy for each role while retaining consistent components and interaction patterns across the product.
Job seekers
Discover and prepare
- Create a professional profile
- Receive job recommendations
- Review match scores
- Use automated applications
Employers
Post and evaluate
- Publish opportunities
- Discover qualified candidates
- Review compatibility
- Contact potential hires
Ambassadors
Invite and grow
- Refer people to the platform
- Manage invitation codes
- Track referral activity
- Earn rewards
04 · AI-assisted matching
Make automation visible at the moment of decision
Instead of presenting AI as a detached feature, the redesign places match percentages, recommendations and resume guidance inside the tasks they support. The goal is to show the user what assistance is available and what action they can take next.
05 · Design process
Architecture before interface
I reorganised the content hierarchy, mapped the core flow for every role and then moved from low-fidelity wireframes into distinct dashboards and a shared component system.
- 01Information architecture
- 02User-flow mapping
- 03Wireframing
- 04Dashboard design
- 05Design system
06 · Core product
Different dashboards, consistent interaction language
07 · Design system
Cohesion across a multi-sided product
A shared foundation for typography, colour, buttons, fields, status indicators and data components allows each role to feel distinct without making the platform feel like three unrelated products.
08 · Outcome
A clearer foundation, ready for validation
The redesign separates the three user roles, integrates AI assistance into relevant workflows, simplifies navigation and establishes a cohesive visual system. The next responsible step is usability testing—particularly around onboarding and how the platform explains automated features.
Delivered
- Reworked information architecture
- Role-specific user journeys and dashboards
- AI matching and resume-assistance interfaces
- A reusable product design system
Next to validate
- Whether each role understands its starting point
- How users interpret match scores
- Whether automation controls feel transparent
- Where onboarding needs more explanation
Reflection
“The complexity was not designing more screens. It was helping three audiences understand the same system from different positions.”