Portfolio → Case Study → Enterprise
✦ Enterprise · Albertsons · 2023 to 2025

Albertsons
Promotion
Portal

A unified enterprise platform for managing promotions and allowances at Albertsons. I owned the end-to-end UX across 6 user roles, from research and personas through high-fidelity design and 2+ years of Agile delivery.

View Prototype ↗ Read Case Study ↓
albertsons-msp.internal / promotions
247
Active Promos
$4.2M
Allowances
18
Pending
Company
Albertsons
My Role
UX Designer
Expertise
UX / UI Design
Timeline
2023 to 2025
Overview

One platform
for everything

The Albertsons Merchant & Supplier Portal is the go-to platform for managing promotions and allowances between vendors and merchants, all in one place.

Built for seamless collaboration, it takes the hassle out of deal creation, tracking, and execution. With intuitive tools, real-time insights, and smart workflows, it helps teams make better decisions, run more effective promotions, and drive growth.

I was responsible for the end-to-end UX, from stakeholder research and persona development through wireframes, high-fidelity design, and Agile delivery across 2+ years of sprint cycles.

6
Distinct user roles designed for
8+
Product teams using the design system
40%
Faster promotion approval cycles
0
Spreadsheet handoffs post-launch
Problem Statement

Fragmented tools,
broken workflows

Merchants, suppliers, and department specialists operated in silos, relying on emails, phone calls, spreadsheets, and legacy tools like eDeals. The result: chaotic, error-prone processes with zero visibility across teams.

⬡
No Central Hub
No centralized dashboard meant limited visibility into promotion planning, approvals, and execution across the entire supply chain.
◎
Manual Processes
NOPA creation and data entry were slow, error-prone, and inconsistent, causing delays in forecasting, scenario planning, and performance tracking.
◈
Collaboration Gaps
Suppliers and merchants had no clear, consistent process for collaboration, leading to missed approvals and costly last-minute changes.
✦
Execution Failures
Execution specialists often lacked clarity on finalized promotion details, creating inefficiencies and errors in the rollout phase.
Vision & Strategy

One unified platform,
built to scale

The vision was to replace all of that fragmentation with one enterprise-ready platform. One place where merchants, suppliers, and specialists could work together with full visibility, instead of phone calls, emails, and spreadsheets.

The strategy was to build an MVP focused on functional and reliable workflows first, then evolve from there into collaborative, scalable, and eventually automated experiences.

01
MVP
Core workflows: promotion creation, allowance submission, and basic approval routing. Functional and reliable above all.
02
Usable
Intuitive interface, reduced cognitive load, role-aware dashboards. Every user sees exactly what they need.
03
Collaborative
Real-time notifications, shared task management, comment threads, and end-to-end visibility for all stakeholders.
04
Scalable
Automation, forecasting, bulk operations, and analytics. Enterprise-grade infrastructure ready for long-term growth.
Design Process

Designing
the Agile Way

01
Research
Stakeholder interviews, user research with merchants, suppliers and specialists. Competitive analysis of Walmart, Kroger, Costco and Amazon to identify gaps and opportunities.
02
Ideation & Sketch
Brainstormed solutions and mapped possible flows through quick sketches and low-fidelity concepts, testing assumptions before high-fidelity commitment.
03
Design & Prototype
Built high-fidelity mockups and interactive prototypes using the Unified Design System (UDS) for speed, consistency, and brand alignment.
04
Evaluate
Tested prototypes with real stakeholders to validate usability, refine interactions, and align with both user needs and business requirements.
05
Ship
Partnered with developers in Agile sprint cycles to deliver incremental features, functional, reliable, and ready to scale with each release.
AGILE CYCLE RESEARCH01 IDEATE02 DESIGN03 TEST04 SHIP05
Research

Understanding every
role in the system

User Personas
JC
Jim, Category Manager
Merchant · Primary Role
Needs faster approvals and clear visibility into supplier negotiations and deal status across all categories.
Faster approval workflows
DS
Dylan, Supplier Rep
Vendor · External
Wants transparency into approval stages and real-time status updates on every submitted promotion deal.
Real-time deal transparency
MS
Marie, Dept. Specialist
Execution · Internal
Requires clear timelines and finalized promotion details to execute store-level rollouts without costly errors.
Clear execution timelines
Key Research Findings
01
Scattered Tools & Processes
Workflows relied on emails, calls, spreadsheets, and eDeals, causing delays, miscommunication, and errors.
02
No Visibility
Neither merchants nor suppliers had clear view of deal status, approval progress, or last-minute changes.
03
Inefficient Processes
Manual coordination caused delays, missed updates, and significant extra effort across every team.
04
Execution Gaps
Specialists struggled to align execution due to unclear timelines and limited centralized details.
05
No Real Collaboration
Fragmented tools prevented real-time collaboration, creating duplicate work and version conflicts.
💡
The Opportunity
A single unified platform to streamline submissions, improve transparency, and support smooth collaboration across all roles, from vendors to execution specialists.
Design and Prototype

Built on the Unified
Design System

Every screen in the MSP portal was built using the Albertsons Unified Design System. This gave us a shared visual language across all roles, with tokens for color, spacing, and typography bound in Figma and matched one-to-one with the Storybook implementation.

Color Palette
Status Colors
color.brand.primary.500
color.feedback.success
color.feedback.error
color.feedback.warning
Typography
Albertsons MSP
Syne for display headings and titles
Inter for body text, UI labels, and data
Syne 800 · Inter 600 · Inter 400 · Inter 300
Button Component
Variants
Sizes
States
Key Screens

UI Design Highlights

Five key screens from the MSP portal showing the UDS in production.

albertsons-msp.internal / promotions / dashboard
Dashboard
Promotion Dashboard
Real-time overview of all active promotions, allowances, and pending approvals.
01 / 05
Results

Outcome and Impact

The redesign created a cohesive, role-aware experience for planning, approving, and managing promotions at Albertsons. It enabled smarter planning and faster execution across the supply chain.

40%
Reduction in promotion approval cycle time after platform launch
3×
Faster promotion creation vs legacy tools and spreadsheet processes
98%
Stakeholder satisfaction score in User Acceptance Testing
0
Manual spreadsheet handoffs required after full platform launch
What we achieved
By treating event creation and allowance submission as a unified UX, anchored in a shared task system and visual calendar, we enabled collaboration across every role.
📊
Smarter PlanningReal-time visibility into all promotion status across the calendar.
⚡
Faster ApprovalsStreamlined workflows cut approval cycles by 40%.
✓
Fewer ErrorsAutomated validations eliminated manual data entry mistakes.
🤝
Clearer CollaborationUnified task system aligned merchants, suppliers and specialists.
🏗
Scalable FoundationDesign system ready to support future feature expansion.
📭
Zero FragmentationNo more emails, spreadsheets, or eDeals post-launch.
Up Next
More Case Studies
View All Work ↗
↗
Enterprise · 2023 to 2025
Albertsons MSP Portal
End-to-end UX for a promotion and allowance management platform used by merchants, suppliers, and specialists.
↗
E-commerce · 2024
Ultimate Ears
Full purchase journey audit across 5 stages and 6 redesigned flows. The brand was great. The buying experience was not.
↗
Healthcare · Concept
VitalityPulse ICU
ICU patient monitoring dashboard for clinicians. Designed around shift handovers, alert fatigue, and critical information hierarchy.