Case Study: Game Day on Tap E-commerce flow

Case Study: Game Day on Tap E-commerce flow

We mapped out the full shopping flow, aligned on key priorities, and created a basic design system/assets with typography rules and reusable components for consistency.
ROLE

Visual designer

tools

Figma

CMS platform - webflow

TIMELINE
Start - Oct 2024 – End Nov 2024
CHECK IT OUT
OVERVIEW &  CHALLENGE

Game Day on Tap is a small, Dallas–Fort Worth-based eCommerce platform offering customizable mini rigs for sports fans. The brand faced challenges with inconsistent visuals, a weak online presence, and limited ability to engage its audience.

DISCOVERY AND RESEARCH

The team identified that Game Day on Tap’s online presence didn’t reflect its unique brand voice. The visuals were inconsistent, product details were scattered, and the site lacked a strong identity. Beyond eCommerce flow improvements, the brand also needed a rebranding effort to unify tone, style, and digital presence.

IDEATION

I collaborated with the UX lead to define priorities: simplify product discovery, highlight customization options, and build a recognizable identity. We explored eCommerce patterns from similar niche markets, mapped user flows, and sketched early wireframes that combined shopping with personalization features.

DESIGN

I created a refreshed visual direction that matched the brand’s energetic, sports-fan personality. The rebranding effort included a bold new style guide with typography, colors, and imagery aligned with the target audience. I then translated these guidelines into a scalable Webflow CMS structure, designing responsive layouts for product pages, customization steps, and checkout.

CHECK IT OUT
*Live Site (may differ from project)
SOLUTION

The work centered on rebranding and creating a strong visual identity for Game Day on Tap’s mini-keg e-commerce experience. The design introduced updated colors, typography, and product imagery to capture the energy of game day while keeping the interface clear and appealing. Merchandise displays were styled to stand out in a mobile environment, with layouts that emphasized the connection between the brand, the mini-keg experience, and fan culture. This visual foundation provided consistency across touchpoints and set the tone for future digital growth.

We mapped out the full shopping flow, aligned on key priorities, and created a basic design system/assets with typography rules and reusable components for consistency.

We mapped out the full shopping flow, aligned on key priorities, and created a basic design system/assets with typography rules and reusable components for consistency.

APPROACH

What I Learned

This project taught me how to balance rebranding efforts with functional eCommerce design.
I refined my ability to structure CMS collections for scalability, collaborated closely with the UX lead to iterate on wireframes and flows, and gained experience adapting retail patterns to a niche sports-fan audience.
The process also strengthened my flexibility in shifting between brand identity needs and sales goals.

CHALLENGE

“…Working with her daily across different teams, I observed her consistent ability to execute tasks with excellence, collaborate effectively, and support everyone around her.”
Lanay Marques

AWS user group leader Brazil
DevOps | SRE | CKA | Cloud

“Jordana is a very professional, intelligent, and most importantly skilled UI/UX designer.

When I was working with her in a project she easily turned product managers ideas into reality that lead to successfully meeting our MVP before our deadline. I can see from working with Jordana on projects that she would be a very valuable UI/UX Engineer to have in any or organization or group.”
Yael Brown

Mercor Intelligence
Data Analyst | Software Engineer

“…Jordana is a capable professional, intelligent, very capable, and great to work in a team. I really enjoyed working with her.”
Luciana Tiemi Caraça

UX Designer | Product designer
JobCloud (TX Services)