Mt Hood Meadows Logo

RevampingMt.HoodMeadows’eCommerceexperience

Codal redesigned Mt. Hood Meadows’ website into a mobile-friendly, user-first eCommerce platform. The new site streamlines lift ticket and equipment rentals, drives online sales, and reduces strain on customer service through intuitive UX and dynamic pricing features.

FASTER

checkout flow

INCREASED

online sales

LOWER

operational costs

Screenshot of Mt. Hood's website

Since 1968, Mt. Hood Meadows has offered some of the most spectacular skiing and snowboarding in the northwest.

Mt. Hood Meadows website desktop value passes

The challenge

Mt. Hood Meadows’ eCommerce experience was in need of a revamp. The legacy website was built with a custom design tightly coupled to its CMS, resulting in complex, time-consuming front-end updates for the internal team. The cart functionality—also custom—needed to be upgraded with a more modern out-of-the-box solution to ensure long-term configurability and security.
For customers, the process of purchasing lift tickets and renting equipment on the site needed to be faster and more intuitive. The decades-old UX/UI was slow, cumbersome, and not mobile friendly, resulting in frustrated skiers and snowboarders, not to mention significant pressure on the customer support team.
Mt. Hood Meadows website desktop calendar picker

The solution

Surrounded by magnificent views of the Cascade Range, Codal conducted an onsite discovery with the Mt. Hood Meadows team, where we learned about the resort’s ​​pain points, unique product logic, business rules, and current system architecture.
After breaking the ice, no pun intended, we dove right in—nailing down the project’s short- and long-term goals, along with our immediate action items for Discovery. Key activities included:
  • Stakeholder interviews
  • Competitive analysis
  • User journey mapping
  • Feature ideation
  • Future-state architecture visualization

Modernizing the experience of purchasing lift tickets, renting equipment, and more

Codal redesigned the Mt. Hood Meadows website from the ground up. Here were some of the key UX/UI updates:

Placing the eCommerce experience front and center

The old site focused on resort services, activities, events, and other content—while the process of purchasing tickets and equipment stood as its own separate experience. The new site blends these two pieces together, putting visitors immediately on the path to purchase—while also highlighting valuable content—once they land on the homepage.

Consolidating multiple products into a single PDP with different product variants

Historically, tickets for different age groups were sold as separate products, meaning customers had to scroll through a long list of options to find the right one for them. Now, the customer simply chooses between five different ticket types. For example, when the customer wants to purchase a Value Pass, they just click on that PDP, select their age range and desired add-ons, then proceed to checkout.

Moving the customer details form and liability agreement to a single cart page

Rather than having to fill out a form and sign an agreement on multiple PDPs, customers can add numerous tickets and rental equipment to their cart, then provide all necessary information for each item at checkout. For customers with a Mt. Hood Meadows account, this information will be pre-populated. And the checkout button doesn’t become clickable until all required information has been entered.

Enabling dynamic pricing for daily lift tickets

The price of a daily lift ticket fluctuates depending on time of year and day of the week. For example, weekends are often more expensive than weekdays. Pricing is also determined by the volume of tickets sold—so if tickets for a particular day are selling quickly, the price increases accordingly. The new PDPs automatically display the correct price, based on complex business logic that we developed on the back end. This logic is very similar to flight booking. Daily prices are displayed on a calendar, nudging customers to book days that are less crowded and expensive. This improves the customer experience—since all skiers and snowboarders prefer smaller crowds and shorter lift lines—and helps bring in more business on less popular days.

Building custom UI components and templates on Strapi

Our team designed unique front-end elements for the Resort Services, Events & Activities, and Live Web Cam content pages. We also created custom templates on Strapi, so the internal team can quickly and easily deploy new pages and content moving forward.

Adding a guest checkout option

Customers no longer need to create an account to purchase tickets or rental equipment. All they need to do is sign a liability agreement, and provide their basic contact details and payment information.
Mt. Hood Meadows website desktop

The result

Codal delivered a fully modernized, mobile-responsive website that transforms the Mt. Hood Meadows guest experience. The new design is visually engaging, easy to navigate, and optimized for mobile—making it effortless for skiers and snowboarders to purchase lift tickets, reserve equipment, and explore resort information.
At the core of the solution is a fully integrated CMS and eCommerce platform, replacing legacy systems with Strapi and ESS. This setup not only enables dynamic pricing for tickets and products but also gives the Mt. Hood Meadows team the ability to manage content, update seasonal themes, and launch new pages quickly—without disrupting the user journey.
The platform also introduces a robust self-service experience. Guests can now create and manage their own accounts, renew memberships, store payment details, redeem credits, and even log in with Google or Facebook. These features reduce reliance on customer service and empower guests to control their entire experience online.
The result is a streamlined, rider-focused eCommerce ecosystem that drives ticket sales, reduces operational overhead, and offers Mt. Hood Meadows the flexibility it needs to continue growing.

Related case studies

gorewear logo

Headless eCommerce transformation for global retailer

Headless eCommerce transformation for global retailer

Garrett Popcorn logo

Modernizing a legendary popcorn brand online

Modernizing a legendary popcorn brand online

nulo logo

Launching a first-of-its-kind eCommerce experience

Launching a first-of-its-kind eCommerce experience

Case study
Healthcare
Woman browsing ExpressMed website laptop
Expressmed logo

Powering growth with smarter eCommerce & product data management

Powering growth with smarter eCommerce & product data management

Cocktail Courier Logo

Streamlining DTC alcohol gifting for a fast, scalable, & enjoyable shopping experience

Streamlining DTC alcohol gifting for a fast, scalable, & enjoyable shopping experience

Moody Tongue logo

Elegant website redesign for Chicago's culinary brewery

Elegant website redesign for Chicago's culinary brewery

Cosori logo

Unified headless eCommerce for Cosori and its sister brands

Unified headless eCommerce for Cosori and its sister brands

Case study
Manufacturing
Picture of Origin tag on a piece of denim clothing
Origin logo

Driving $3.31M in additional sales and SEO market dominance for Origin USA

Driving $3.31M in additional sales and SEO market dominance for Origin USA

3D background

Curious about what’s possible?

If this case study sparked ideas, let’s talk. From strategy and experience design to unified commerce and product engineering, Codal helps ambitious brands turn vision into reality.

By submitting this form, you agree to be added to Codal's marketing database, where you can opt out at any time.