Cecelia Dongarra
Project 02 / Responsive Web[ Close ]
Scroll to explore
Client
PlayoffBlitz
Freelance
Role
Web UI/UX
Design Systems
Year
2025
Project info

A redesign of the PlayoffBlitz website across the logged-out marketing experience and the logged-in product, clearer hierarchy, a modular dashboard system, and scalable patterns for data-heavy features, documented for developers through Azure DevOps.

PlayoffBlitz website mockup
PlayoffBlitz website mockup
PlayoffBlitz website mockup
PlayoffBlitz website mockup
PlayoffBlitz website mockup
PlayoffBlitz website mockup
Summary

Mission

PlayoffBlitz needed one cohesive web experience that works for two audiences at once, new visitors who need clarity fast, and returning league members who use data-heavy features every playoff week.

My Contributions

I redesigned the logged-out marketing site and the logged-in product, Dashboard, Set Lineup, Data Center, Standings, Live Scoring, and Smack Talk, built a modular dashboard widget system and scalable layout patterns, and documented every screen for developers through Azure DevOps PBIs.

Client

PlayoffBlitz

Services

  • Web UI / UX Design
  • Responsive Design
  • Design Systems
  • Design-to-Dev (Azure DevOps)

My Role

Freelance Web & Product Designer

Tools

  • Figma
  • Azure DevOps
  • Adobe Illustrator
Highlights
2

Experiences redesigned, marketing + logged-in product

6+

Logged-in feature areas

1

Modular dashboard widget system

Azure DevOps

Design-to-dev handoff via PBIs

Responsive

Desktop & mobile from the start

Before → After

Marketing homepage overhaul

01 — Overview

One product, two audiences.

New visitors needed clarity fast. Logged-in users needed features that are readable, responsive, and structured for frequent checking and quick decisions. The original homepage relied on a carousel that made the website hard to scan.

The goal

Create a consistent website identity and layout system that improves usability across the marketing site and supports a feature-rich logged-in product, without overwhelming the user.

02 — Before & after

From a carousel-first homepage to a scannable, hierarchy layout.

After — redesigned homepage Before — original homepage Before After
03 — Marketing site

Clearer value, clearer next step.

Refined the homepage structure, navigation clarity, and overall visual consistency to better communicate what PlayoffBlitz is, how it works, and where users should go next.

PlayoffBlitz homepage
04 — Dashboard & widget system

A modular dashboard that scales.

Designed a new modular widget approach so users can scan playoff info quickly.

Dashboard & widget variations
05 — Feature pages

Designed for repeat tasks and dense data.

Set Lineup, Data Center, Standings, Live Scoring, and Smack Talk, each built for readability, comparison, and quick decisions across screen sizes.

Feature —
Data Center
Set Lineup
Standings & Live Scoring
Smack Talk
Headshot
Premium Marketing
Data Center
Set Lineup
Standings / Live Scoring
Smack Talk
Headshot
Premium marketing
06 — Design-to-dev

Designed for implementation, not just for show.

PlayoffBlitz — final view
07 — Outcome & lessons learned

A cohesive redesign across marketing and product.