Columbia Crossings Website Redesign
Transforming the marina booking experience—making it effortless for boaters to find slips, check availability, and complete reservations on any device.
Role
UX/UI Designer
Client
Columbia Crossings Marinas
Timeline
Aug 2024 – Oct 2025
Tools
Figma, Adobe Suite, Claude
Overview
The Problem
Not mobile-friendly (even though 60%+ of users start on mobile)
Text-heavy and overwhelming content without clear hierarchy
Caused booking abandonment or unnecessary in-person visits
Hard to navigate and visually outdated design that didn't inspire trust
My Process
1
Discovery
Defined scope, personas, and
pain points2
Information Architecture
Reorganized navigation and content hierarchy
3
Wireframes
Iterated low- and high-fidelity
versions4
UI Design
Modular components and visual patterns
5
Testing
Usability testing informed refinements
6
Handoff
Collaborated with developers
Results
30-50%
Could book on mobile if flow was simple
55+
Age of many
costumers
3
Marina
locations
4
User types
identified
Design Principles
Real-time transparency
Show availability immediately
Progressive disclosure
Display only relevant fields for each user type
Design layout for mobile
Make booking simple on small screens
Human guidance
Clear messaging and access to real staff
Results
+12 %
Increase in positive reviews mentioning ease-of-use
Faster
More intuitive
booking flow
Mobile
Significantly improved for majority users
Reflections
Learnings
Backend constraints shaped design decisions (e.g., spacing increments for easier coding)
Early design systems save time and reduce rework
Simplifying complex content into digestible
UI is essential
Next Steps
Post-booking onboarding (emails, facility tours)
Explore dynamic pricing and mobile app features
Test community engagement features for boaters
Personal Growth
Strengthened Figma and component-based design skills
Improved collaboration with developers
Honed problem-solving as the solo designer managing a full redesign
