My Role
Responsibilities
UX & Visual Design
User research, information architecture, wireframes, usability testing, visual system design
Research & Analysis
Challenges
Goal
Grid & Responsiveness
Typography & Hierarchy
Font Selection: Roboto -> Easier for older users to read on smaller screens
Typographic scale: 8px increments -> Vertical rhythm across components
Hierarchy & Contrast: contrast through weight and size
Accessibility: Line heights are set at 140–160% to support readability
Color & Accessibility
Primary
Color played a huge role in balancing the brand’s personality with usability. I wanted the interface to feel clean and professional while remaining approachable for BizX’s diverse member base
The primary button uses BizX Blue as the core brand color. It communicates trust, stability, and clarity
I tested all text and surface combinations for contrast ratios. Key color pairs meet or exceed WCAG AA standards for legibility
Default
Accent
Hover
Pressed
Neutral
Loading
Disabled
Composition, Whitespace & Rhythm
To make the collapsible categories accessible, I implemented the aria-expanded attribute to communicate visibility states to assistive technologies