• About
  • Portfolio
  • Services
  • Contact
  • Edwards, CO 81632
    Serving Vail Valley, Colorado & beyond

    Start a project

    Portfolio  /  Government & Tourism

    Discover Avon

    Avon, Colorado's official visitor website, designed by HyFyve and developed, hosted, and maintained by B1 Interactive.

    Website
    discoveravon.org
    Category
    Government & Tourism
    Services
    Website Development, Website Hosting & Maintenance
    Discover Avon homepage hero

    Overview

    Avon, Colorado’s official visitor website, designed by HyFyve and developed, hosted, and maintained by B1 Interactive.

    View website↗

    The challenge

    Discover Avon is the Town of Avon's official visitor guide, promoting the "Heart of the Valley" to travelers heading to Vail and Beaver Creek. The site covers main attractions like Harry A. Nottingham Park and the Avon Recreation Center, things to do, places to stay, getting around by foot, bike, bus, and car, public health information, and local news.

    The design was created by the agency HyFyve. B1 Interactive was brought in to build it: turning a detailed, highly visual design with custom typography, textured backgrounds, color-coded categories, and many page templates into a fast, easy-to-manage WordPress website.

    Our approach

    We developed discoveravon.org as a custom WordPress build that faithfully matches the design, from the full-width video hero and color-coded Things to Do, Places to Stay, and Getting Around cards to the Main Attractions grid, Discover Avon category tiles, and Local News section. Each attraction and category has its own reusable template with a photo hero, breadcrumbs, and linked sub-pages, so the town's team can add and update listings without touching code.

    The build is fully responsive, so every page works beautifully on phones for visitors already in town. B1 Interactive continues to host and maintain the site, keeping it secure, fast, and up to date.

    Full Discover Avon homepage built by B1 Interactive

    Hover or scroll inside the window to explore the full homepage.

    Built mobile-first

    Many visitors use Discover Avon on their phones while they're already in town. Attractions, things to do, category tiles, and local news all stack cleanly on mobile.

    Discover Avon mobile website view
    Discover Avon mobile website view
    Discover Avon mobile website view
    Discover Avon mobile website view
    Discover Avon mobile website view
    Discover Avon mobile website view

    Inside the site

    A Things to Do landing page with color-coded category tiles, and attraction pages like Harry A. Nottingham Park with linked sub-pages for every activity.

    Discover Avon Things to Do page
    Discover Avon Harry A. Nottingham Park page

    Design details

    Color-coded explore cards, photo-backed Discover Avon category tiles, and a textured Local News section, all built to match the original design.

    Want a site like this?

    Start a project