Reimagining

Storm Bowlings Website

From a static product catalog to a living hub for the bowling community.

This wasn’t just a redesign — it was a multi-phase transformation guided by research, strategy, and Implementation.

Every phase was driven by a clear UX vision that shaped each decision.

🎯

UX STRATEGY

Educate, inform, and entertain — not just about Storm products, but about the sport of bowling itself. Every piece of content adds value while reinforcing the brand.

💡

UX VISION

Empower users with tools and clarity. Engage them through interaction and storytelling. Excite them with thoughtful design and brand energy.

🚀

UX GOAL

Transform StormBowling.com the go-to destination for bowlers. A place for learning, exploring, and connecting with the brand.

From strategy to execution, the transformation happened in three key phases — each one designed to move StormBowling.com closer to its full potential.

Phase 1: Finding Direction

Researched what bowlers actually wanted from the Storm website and identified high-impact areas to improve engagement.

Phase 2: Navigation & Architecture

Redesigned the site structure to better organize expanding content and make key information more discoverable.

Phase 3: Buying Experience

Conducted a full UX study on how users buy bowling balls and designed tools to support deeper product exploration.

What I Built Along the Way

Beyond the strategy, I built and shipped a lot of moving parts — here are a few highlights.

💻

Custom Front-End Development

Responsive, high-performance pages built from scratch with HTML, CSS, and JavaScript — including GSAP animations and API integrations.

🧩

Reusable Code Modules

Developed modular HTML/CSS/JS blocks for scalable and consistent site-wide implementation.

🎯

Bowling Ball Product Pages

Designed and coded dynamic product pages focused on visual storytelling and conversion.

🛠️

Design System (Code-First)

Built a unified system for layout, spacing, and interactions to streamline ongoing development.

🔗

Lanetalk API Integration

Connected real-time bowling stats into a fully custom leaderboard powered by Lanetalk’s API.

🎥

YouTube API & Media UX

Optimized embedded video performance and interactivity using YouTube’s API for dynamic playback.

🔍

SEO & Performance Optimization

Cleaned markup, refined Core Web Vitals, and optimized metadata to boost discoverability and speed.

🧪

User Testing & Layout Iteration

Ran small usability testing cycles and iterative layout updates to improve content discovery and engagement.

Webpage Design

A selection of webpages developed during my time at Storm.

900 Global Cove & Ember Bowling Balls Page

900 GLOBAL COVE & EMBER BOWLING BALLS

Dual-launch landing page featuring synchronized design and animations.

900 Global Origin EX Bowling Ball Page

900 GLOBAL ORIGIN EX

High-performance launch built with modular GSAP animation system.

Storm Level Bowling Ball Page

STORM LEVEL

Designed and coded with a minimalist, high-impact motion reveal.

Roto Grip Triple Threat Bowling Balls Page

ROTO GRIP TRIPLE THREAT

Custom GSAP sequence highlighting the trio's motion and story.

Storm Equinox Bowling Ball Page

STORM EQUINOX

Hero scroll animations with product-motion parallax built in GSAP.

MY WEB DESIGN PROCESS

Every page followed a consistent creative-to-code pipeline.

🎨 Moodboard
✏️ Sketch
🧪 Mid-Fi Design Review
🖼️ Hi-Fi Design Mockup
💻 Development
Snowboarder Cursor