A cinematic, mobile-first website for the scenic Colorado destination.
We led the design and content strategy for the new GoBreck.com. GoBreck.com is built to be one of the first travel and tourism websites to showcase video on all devices—including mobile. The new website features 50 videos, over 1000 images, and 250 reimagined pieces of content inspired by the beauty, nature, and adventure of Breckenridge.
The website creates a seamless framework to explore and learn about Breckenridge while capturing the essence of the historic town using vivid imagery and video alongside dozens of new articles and itineraries from the BTO, each brought to life through Bellweather’s custom mobile-first design.
GoBreck.com was built with best-in-class mobile-first strategy throughout, including Scalable Vector Graphic (SVG) animation that offers a movie-like feel to the site. Instead of using predominantly horizontal images—which are always cropped or sized small on mobile devices—the entire site uses custom vertical video and imagery.
Bellweather’s innovation and design work paired with our content and videos truly highlights the best of Breckenridge. The new site not only inspires people to take a trip to Breckenridge but also simplifies their travel planning.Brett HowardMarketing Director, Breckenridge Tourism Office
Bold Typography and Custom Icons
The GoBreck.com design uses large-scale scenic imagery and bold typography, no matter which device you’re using. The color palette is inspired by the Breckenridge landscape itself. Custom icons animate throughout the site via SVG animation.
We worked closely with the BTO’s team to restructure the site’s content, making it easy for visitors to find and discover relevant information. Related content is woven throughout in large-scale, inspirational design. We also developed a personalized itinerary builder, letting visitors build their own content collection based on interest.
Built for SEO
We built every piece of the website—from images, text, code, and structure—with SEO in mind. This includes Accelerated Mobile Pages (AMP), SEO image optimization, precise H-tag structure, and code minimization.
It all starts with a conversation.
Get in touch!