Web & UX Portfolio

Caitlin “Cai” Brooker
Web & UX Design

Structure, usability, and design working together online

Websites work best when structure, usability, and visual clarity align.
I design and build websites that are easy to navigate, easy to trust, and built to grow with the business behind them.

  • Built for responsive use across devices
  • Designed for clarity and easy navigation
  • Structured for long term growth and updates

Selected Web & UX Work

A selection of website design and UX projects developed for nonprofits, cultural organizations, and digital platforms, focusing on clarity of information, responsive structure, and practical implementation.

Itacate

A streamlined ordering flow for a local taquería

PACE Canada

Reducing donation friction for a national charity

How I Work

Structure first, then experience

PROJECTS DELIVERED

0 +

YEARS DESIGNING

0 +

Understand first


Every project begins with goals, users, content, and constraints before visual decisions are made.

Build with consistency


Layouts, interactions, and content systems are designed to stay clear across devices and evolving needs.

Deliver for real use


Final sites are practical, maintainable, responsive, and ready for day to day use after launch.

A practical web and UX skill set, shaped for real-world sites.

My work focuses on designing and building websites that balance clear structure, usability, and visual clarity. I approach each project by understanding how people navigate information, ensuring layouts support both the visitor experience and the goals of the organization.

Strong websites rely on thoughtful information architecture and consistent interface patterns. From early planning through responsive layout design, I focus on creating systems that scale across devices and remain manageable long after launch.

When a project moves into production, I work directly within modern CMS platforms to refine layouts, adjust content structures, and ensure the final result is polished, maintainable, and ready for real-world use.

BRAND

100%
Brand Systems
100%
Visual Identity
100%
Design Guidelines
100%
Campaign Design
100%
Print & Collateral
100%
Packaging
100%
Brand Strategy
100%
Messaging Alignment

TOOLS & PLATFORMS

100%
Illustrator
100%
Photoshop
100%
InDesign
100%
Canva
100%
AI Assisted Workflows

UX & Interface Design

100%
Information Architecture
100%
User Flow Mapping
100%
Wireframing
100%
Navigation Design
100%
Responsive Interface Design
100%
Interaction Patterns
100%
Accessibility (AODA / WCAG)

Web Design & Implementation

100%
Website Layout Design
100%
Design Systems for Web
100%
Component-Based Layouts
100%
WordPress Site Design
100%
CMS Architecture
100%
Content Modeling

TOOLS & PLATFORMS

100%
Figma
100%
WordPress
100%
Elementor / Divi / Kadence
100%
HTML & CSS
100%
AI Assisted Workflows

Let's Work Together

Built with intention. Designed to endure.

 

If you’re building a new brand, refining an existing identity, or need consistent design across your materials, I bring structure, clarity, and execution to the work.

I work with teams and businesses that value thoughtful design and want work that holds up in real use.

If that aligns with what you’re looking for, get in touch. Email is the best place to start for project inquiries.