01 Travel Platform Case Study
GolfPac Travel β Modernizing a Dated Golf Travel Platform
Aug 2024 – Sep 2025 · Shipped
β¨ Overview
Project Snapshot
π€ Role
Lead Product Designer & Frontend Developer
π₯ Team
Solo Designer/Developer + GolfPac Stakeholder Team
π Timeline
Aug 2024 – Sep 2025
π» Platform
Responsive Web (Desktop & Mobile)
π Responsibilities
Research, UX, UI, AngularJS Implementation
π Status
Shipped
Business Context
GolfPac Travel lets golfers book complete multi-day trips β golf rounds, lodging, and rental cars β across US destinations in one place. Its early-2000s look and feel no longer matched the scope of what it offered, and stakeholders had observed falling conversion rates as a result.
I owned the redesign end to end: research through wireframes, visual design, and the AngularJS implementation itself.
35+
Years in Business
500K+
Golfers Served
200+
Destinations
3
Planning Paths
My redesign focused on simplifying the last metric.
β¨ The Challenge
Problem Framing
Compared to modern travel booking sites, GolfPac's existing experience felt dated and untrustworthy for what's a significant, considered purchase β golfers were being asked to commit to a multi-day, multi-part trip (golf, stay, transport) on a site that looked like it hadn't been touched in over a decade.
| Business Problem | User Problem |
|---|---|
| Falling conversions | Too many competing CTAs |
| Outdated visual design | Didn't trust the website |
| Booking flow spread across three disconnected paths | Didn't know where to start |
Pinpointing Issues
- Competing entry points: Three separate planning paths (Request a Quote, Design Your Own, Instant Packages) with no shared structure, leaving users unsure which to use.
- Trust deficit: The outdated visual design undermined confidence for an expensive, considered purchase.
- Scope mismatch: The site read like a basic tee-time booker, not a full trip-builder covering golf, lodging, and rental cars together.
Illustrative persona, built from stakeholder input rather than formal user interviews.
Michael R.
52 years, Frequent Golf Traveler
"I want to book my trip in one sitting. If I have to guess which button starts the process, I've already lost trust in the company handling my vacation."
Goals
- Compare multiple golf destinations quickly and confidently.
- Get a transparent, all-in price before committing.
- Book an entire multi-day trip without needing to call anyone.
Pain Points & Objections
- Three different "start planning" buttons with no explanation of the difference.
- Outdated design undermines trust for such a high-cost, considered purchase.
Expectations & Needs
- A single, obvious way to start planning a trip.
- Clear pricing shown upfront, not hidden behind a quote request.
- A site that feels current and trustworthy for the money involved.
Ability to Use Technology
- Comfortable booking travel online end-to-end.
- Prefers self-service but expects a phone fallback to be available if something is unclear.
- Low patience for multi-step forms with unclear progress.
πΊοΈ The Journey
The end-to-end flow I designed the redesign around, and where the old site broke down along the way.
π΄ Pain Points (Before)
- Too many competing entry points into the flow
- No guidance on where to start
- Low trust from an outdated visual design
π’ The Solution (After)
- A single, unambiguous path through the flow
- Progressive, four-step checkout
- Trust indicators at every stage
β¨ The Solution
Our Goals
The goal was to design a flow that was familiar and linear β matching how people already book complex, multi-part trips elsewhere (Airbnb being the clearest reference point) β rather than asking users to compare multiple destinations' entire inventories at once.
High-Level Goals
- One clear, unambiguous entry point instead of three competing paths
- A modernized visual system that earns trust for a high-cost purchase
- A structure that scales across golf, lodging, and rental car booking together
- Wireframe-first process to validate flow logic before visual design
β¨ Research & Discovery
Stakeholder Workshops
Rather than formal customer research, my understanding of the problem came from structured stakeholder workshops with the GolfPac team throughout the design phase (Aug 2024 – Jan 2025). As an external freelancer without direct access to end users or analytics, this was the most reliable source of insight available to me: workshops surfaced which planning path caused the most confusion, what business rules constrained any redesign, and where internal teams disagreed β itself a useful signal about where the experience was genuinely ambiguous.
Why This Approach, Not User Interviews
I want to be upfront about this rather than imply a research process that didn't happen: I didn't conduct direct user interviews or formal usability studies on this project. The workshops gave me strong signal on business constraints and internal perception of the problem, but not direct end-user validation β which is exactly why the "What I'd Improve" reflection below calls out pushing harder for analytics access next time.
π Competitor Analysis
Informal reference points I used to ground the redesign in proven travel-booking patterns, not a formal competitive study.
| Airbnb | Booking.com | Existing GolfPac Travel |
|---|---|---|
| Progressive, single-listing booking | Progressive, single-listing booking | Three separate, competing CTAs |
| Large, real photography | Large, real photography | Text-heavy, minimal imagery |
| One destination at a time | One destination at a time | Multi-destination comparison |
Our redesign adopted these proven travel-booking patterns rather than inventing a new interaction model.
β¨ Usability Heuristics
Without formal user testing rounds, I evaluated design decisions against established usability heuristics rather than live user data:
- Visibility of system status β the four-step checkout (Traveler β Review β Payment β Confirm) keeps users oriented on exactly where they are in a longer process.
- Recognition over recall β the "Design Your Own" builder shows real course and lodging photography rather than requiring users to remember or look up options from a plain list.
- Consistency and standards β the redesign matches the linear, single-destination booking pattern used across mainstream travel sites (the Airbnb reference point), rather than introducing a novel interaction pattern GolfPac's users would need to learn.
- Error prevention β resolved directly in the checkbox-vs-linear decision: a linear flow structurally prevents the confusion of comparing incompatible multi-destination inventories at once.
This is a real evaluation method, just not a substitute for actual user testing β worth being clear that these heuristics informed design decisions, they didn't validate them against real behavior.
β¨ Design Process
Information Architecture
Design Principles
- Reduce decisions
- Increase trust
- Match mental models
- Keep booking linear
- Surface pricing early
Wireframes First
I mapped the full experience in structural black-and-white wireframes before any visual design began, locking the flow logic first: entry and account screens, the three planning paths, supporting content (Destinations, Specials, Why Golf Travel, Saved Trips), and the checkout flow.
Decision Matrix: Destination Selection
Stakeholders initially wanted the Destinations page to support multi-select checkboxes, letting users tick several locations and search across all of them at once. Rather than push back with an opinion alone, I built out concrete scenarios comparing that against a linear, single-destination flow to make the trade-off tangible.
| Option | Pros | Cons | Decision |
|---|---|---|---|
| Multi-select | More flexible for comparison shoppers | Compounds the existing decision-paralysis problem | β |
| Single destination | Simple, matches how people already book trips like this | Less flexible for cross-destination comparison | β |
The team agreed to keep destination selection linear.
β¨ Key Features
- Findability: A single, unambiguous entry point (segmented tabs: Request a Quote / Design Your Own / Instant Packages) replacing three disconnected paths.
- Linear Destination Selection: One destination at a time, matching how users already book complex trips elsewhere.
- Progressive Checkout: A four-step flow (Traveler β Review β Payment β Confirm) breaking a dense form into a clear, trackable sequence.
- Trust-Building Visual System: Real photography, a modern cyan-accented brand system, and reassurance microcopy at the exact moment checkout hesitation would occur.
β¨ Final Designs
With structure validated, I moved to full visual design β establishing GolfPac's brand identity (cyan accent, clean white surfaces, real course and destination photography) across the complete experience.
β¨ Developer Handoff
Unlike a typical design-to-engineering handoff, there was no translation gap on this project β I designed and built it myself in AngularJS, which changed how the work actually happened:
- Design decisions were made with implementation cost already in view. When I explored the Destinations page layout, I already knew what restructuring the underlying AngularJS controllers would require β so trade-offs between "ideal" and "buildable" happened in the same pass, not as a negotiation between a designer and a separate engineering team afterward.
- The component system doubled as both a design system and a codebase. Reusable UI patterns (cards, filter chips, step trackers) were built once as both a visual standard and an actual Angular component, rather than a Figma library that engineering had to reinterpret.
- Iteration was faster because there was no handoff queue. A design change didn't wait for a sprint planning cycle to reach an engineer β I could validate a design decision by actually building it and seeing how it held up with real content and real interaction, then adjust immediately.
- I restructured existing AngularJS controllers directly as part of the frontend modernization work, improving maintainability alongside the visual and UX changes β meaning the redesign wasn't just skin-deep, it touched the underlying code structure too.
The trade-off worth naming honestly: working solo across both roles meant I didn't have a second engineer's perspective checking my technical decisions the way a real design-engineering pairing would β something worth being aware of as a limitation of the solo-freelance structure, even though the tight design-build loop was a genuine advantage.
β¨ Reflections
What Worked
- Constraints sharpen decisions β advocating for a linear flow meant building real scenarios, not just asserting an opinion.
- Design and development together, not in sequence β owning both roles meant technical feasibility shaped design decisions from day one.
- Simple beats powerful β more options for users doesn't always mean an easier decision.
What I'd Improve
- Push harder for direct end-user interviews instead of relying solely on stakeholder workshops.
- Get analytics access earlier to validate decisions against real behavior, not just heuristics.
What I'd Measure
- Completion rate through the new linear flow.
- Quote requests generated.
- Time to checkout.
- Drop-off rate at each step.
Impact
- Shipped
- Modernized UI
- Simplified booking
- Reduced ambiguity
- AngularJS implementation completed
- Positive stakeholder validation
If analytics become available, I'd measure:
More Projects
Enterprise Healthcare
Redesigned lease, loan, end-of-term, and remarketing workflows for a platform used by 2,000+ global users.
Cloud Kitchen
QR-based room-service ordering routed from multiple hotels into shared central kitchens.
EdTech / AI
AI-powered learning ecosystem for exam aspirants β planning, study, testing, and analytics.