DrayEasy UI Redesign
DrayEasy UI Redesign
Sep 2025
Sep 2025
OVERVIEW
OVERVIEW
DrayEasy is a logistics SaaS platform that leverages AI and big data to provide real-time quoting, booking, and tracking for shipments. I redesigned dashboards and design system to fix clutter layout and inconsistent visuals, creating a cleaner, scalable interface.
DrayEasy is a logistics SaaS platform that leverages AI and big data to provide real-time quoting, booking, and tracking for shipments. I redesigned dashboards and design system to fix clutter layout and inconsistent visuals, creating a cleaner, scalable interface.
ROLE
ROLE
UI Design Contractorrole in the team)
UX Design Intern
SKILL
SKILL
Visual design / Design system
Visual design / Design system
PLATFORM
PLATFORM
Web
Web
BACKGROUND
BACKGROUND
Scattered UI slowed workflows and limited growth
Scattered UI slowed workflows and limited growth
The original dashboards and order pages were inconsistent and hard to scan, slowing workflows and making it difficult to add new features.
PRototypes
PRototypes
Project Homepage
Project Homepage
Before
Before
After
After
Project Overview
Project Overview
Before
Before
After
After
Project Overview
Project Overview
Before
Before
After
After
Project Overview
Project Overview
Before
Before
After
After
Design decisions
Design decisions
What changed, why it matters and how it scales?
What changed, why it matters and how it scales?
The redesign shifts the focus from “hunting for information” to “making decisions on the spot.” Key tasks are prioritized over charts, and exceptions are surfaced before overviews.
Each adjustment follows a reusable design pattern, ensuring clarity and consistency as the product scales.
The redesign shifts the focus from “hunting for information” to “making decisions on the spot.” Key tasks are prioritized over charts, and exceptions are surfaced before overviews.
Each adjustment follows a reusable design pattern, ensuring clarity and consistency as the product scales.
Redundant panels are removed and only essential elements are surfaced, allowing users to concentrate on container tracking while maintaining scalability for future growth.
Redundant panels are removed and only essential elements are surfaced, allowing users to concentrate on container tracking while maintaining scalability for future growth.
Simplified hierarchy, improved clarity, and consistent color cues enhance readability.
Simplified hierarchy, improved clarity, and consistent color cues enhance readability.
NEXT STEP
NEXT STEP
Opportunities I see
Opportunities I see
Refresh the whole suite
Refresh the whole suite
The current visual style feels outdated. We need to modernize the design system to match the AI-first direction.
AI-driven Product Design
for the next generation of digital products.
Grab a virtual coffee with me ☕
AI-driven Product Design
for the next generation of digital products.
Grab a virtual coffee with me ☕
AI-driven Product Design
for the next generation of digital products.
OVERVIEW
Brix started as a tool to help candidate screen candidates faster and with more clarity tool. As it shifted toward an AI Agent, we redesigned the user experience to match new capabilities. User research led us to add features like ICP analysis, grounding the AI in real hiring needs.
ROLE
UX Design Intern
Time
June 2025 - August 2025
PLATFORM
Web
BUSINESS GOAL
Sreamline candidatate screening
Redesign the screening flow from lengthy profile browsing to concise talent cards with highlights and quick like/ignore actions — reducing the time to identify best matches from minutes to seconds.
We started with candidate screening redesign, but the real breakthrough came when Brix evolved into an AI Agent — capable of generating reports, running searches, and automating outreach. This second phase became the foundation of our design impact.
Build a separate AI Agentic talent search tool
Improve user base
Users found the copilot “too passive,” with adoption below 30%. Recruiters still had to do repetitive filtering and shortlisting. An agent that auto-compiles and ranks candidates lets them focus on evaluating fit.
Remove integration barriers
Brix was like acopilot add-on, recruiters have to copy data across ATS/EMS, creating friction. A standalone agent + pool reduces migration pain and makes Brix usable on its own, paving the way to suite adoption.
Attract investment & Prove a scalable AI moat
Copilot lacked investor appeal. An agent with its own pool shows clear differentiation, trial value, and a path to ATS/EMS. Adoption KPIs like time-to-shortlist and % auto-qualified evidence ROI and scalability.
IMPACT
Results in three metrics
28%
Week 1 Retention Rate
10Million
New Fundings
29%
Adoption Rate
PRototypes
ICP Analysis: Help users identify the ideal candidate profile
Advanced Search: Narrow Down and rerank
Candidates Screening
AI outreach
Design Challenge 1
HMW reduce the effort of screening candidates so recruiters find the best match faster?
Probelm statement
Overwhelming Profiles
Candidate profiles were too long and cluttered, making it hard to extract key info.
Slow decisions
Evaluating each profile took minutes, delaying the ability to shortlist candidates.
unclear signals
Recruiters struggled to align on what information mattered most, leading to inconsistent judgments.
1st ITERATION
To address these problems, we explored multiple design directions and conducted several rounds of user testing.
2nd ITERATION
We noticed that recruiters felt the highlights on candidate cards were too generic and all in one color. Signals like years of experience or company names didn’t help them make quick judgments.
To address this, we ran additional research and identified the key signals recruiters truly cared about.
FINAL DESIGN
In the first round of user testing, we noticed that recruiters felt the highlights on candidate cards were too generic and all in one color. Signals like years of experience or company names didn’t help them make quick judgments.
To address this, we ran additional research and identified the key signals recruiters truly cared about.
ICP Analysis: Help users identify the ideal candidate profile
Product pivot - Establish Agent Presence
Make the AI Agent feel central to the workflow
INITIAL EXPLORATION
In our first exploration, recruiters began on the homepage by uploading a job description or setting filters, then entered a flow where the AI agent appeared as a right-side, closable panel.
However, in user testing, users noted it felt too much like a SaaS tool. Since our goal was to position Brix as an autonomous AI Agent, we realized we needed to shift from a dashboard model to a truly agent-driven experience.
ITERATIONS
Final Design: Agent-first Entry
We reframed Brix with a persistent chatbox and agent-led workflow, replacing cluttered filters with two clear modes and repositioning the panel to emphasize visual centrality—distinguishing it from SaaS competitors and aligning with our goal of a true AI agentic recruiting tool.
Design Challenge 2
HMW use AI Agent to help recruiters define and refine Ideal Candidate Profiles (ICP)?
ITERATIONS
We tested two directions for presenting the Ideal Candidate Profile (ICP).
Proposal A used simplified profile cards — more visual, but lacking detail.
Proposal B came back to a document-style format, users preferred this proposal cause it captured rich information and was more practical for recruiters, but they thought it would be better if they could revise the ICP with AI agent.
FINAL DESIGN
NEXT STEP
Opportunities I see
Refresh the whole suite
The current visual style feels outdated. We need to modernize the design system to match the AI-first direction.
Integration with the suite & data migration
Design a standalone ATS and EMS, and reimagine their integration with the AI talent tool—ensuring zero-loss data migration across all three.
Dark mode & Mobile version
Make some explorations on dark mode version to modernize the visual style and give recruiters more flexibility and personalization.
A mobile version would give them the flexibility to search and connect with candidates on the go — something users mentioned as highly valuable.
