Built with Framer

Boston Hurricanes Sports Website | Framer Design & Development

Mason Price

Verified

Boston Hurricanes Sports Website

🧠 Project Overview

Client: Boston Hurricanes Athletic Club Inc
Industry: Non-profit athletics club
Scope: UI/UX design, Framer development, and CMS integration

🎨 Design

Bold typography and energetic colors to reflect the vitality of the sports community
Visual direction built around the brand’s logo to maintain cohesion and vibe
Storytelling elements that showcase the club’s vision and community impact
Clear categorization of key sports for intuitive navigation
Unique layout structures to clearly distinguish different sections and purpose

πŸ›  Development

Built with Framer to deliver a smooth, responsive experience across all devices
Subtle yet playful animations for a more engaging user journey
Custom dropdown navigation and hover effects for enhanced interactivity
CMS integration to manage blogs, teams, and leadership content efficiently

🀝 Our Role

We partnered closely with the Boston Hurricanes team to establish the visual tone through collaborative moodboarding and design exploration. Using Figma, we shared updates regularly and incorporated feedback quickly. From initial design concepts to responsive layout strategy and final Framer development, we led the full creative and technical executionβ€”ensuring the result felt both dynamic and community-driven.
Clean hero section with a streamlined navigation bar and clearly labeled menu links.
Clean hero section with a streamlined navigation bar and clearly labeled menu links.
Playful dropdown menu with interactive color-changing hover effects.
Playful dropdown menu with interactive color-changing hover effects.
Interactive hover states with dynamic color changes
Interactive hover states with dynamic color changes
Calendar section featuring category filters, hover-activated highlights, and CMS-driven event cards with bold visuals and clear call-to-actions.
Calendar section featuring category filters, hover-activated highlights, and CMS-driven event cards with bold visuals and clear call-to-actions.
Clean layout for the schedule section with CMS integration
Clean layout for the schedule section with CMS integration
Bold footer section with oversized text, emphasizing community and connections
Bold footer section with oversized text, emphasizing community and connections
Non-traditional 404 page featuring light and dark mode, with a textured grid overlay to add visual depth
Non-traditional 404 page featuring light and dark mode, with a textured grid overlay to add visual depth

🌟 Client Review

"I recommend working with Mason." - Billy Chen

πŸ” Check Out our Other Projects:

Noodle Cat Coin (Framer Development)
Alta Advisors | Finance Site ( Framer Design & Development )
Zamasu Society Frameship | Streetwear Brand ( Framer Design & Development )

Let us help with your site?

πŸ’» Book a quick call with Mason: https://cal.com/wenlaunch/15-30min-discovery-call
Thank you for reading!
Like this project

Posted Jun 17, 2025

Designed and developed a dynamic sports website for Boston Hurricanes using Figma and framer, with With full CMS integration.

Likes

1

Views

10

Timeline

Mar 3, 2025 - Jun 11, 2025

Clients

Boston Hurricanes Athletic Club Inc

Hobie Music E-commerce UI Design (Figma)
Hobie Music E-commerce UI Design (Figma)
Building Blox Design & Framer Development
Building Blox Design & Framer Development
Leroots Shopify Replo Store
Leroots Shopify Replo Store
Fluence Trainings Website Migration to Framer
Fluence Trainings Website Migration to Framer

Join 50k+ companies and 1M+ independents

Contra Logo

Β© 2025 Contra.Work Inc