PCH.com Homepage Redesign

PCH.com Homepage Redesign

My Role: Senior Visual & UI/UX Designer.

Tools: Figma, Adobe Creative Cloud.

My Role: Senior Visual & UI/UX Designer.

Tools: Figma, Adobe Creative Cloud.

I redesigned the PCH.com homepage, a platform used by millions of people every day. The old site felt cluttered and inconsistent. My goal was to clean up the visual hierarchy, unify the brand, and make it work for every age group.

Challenge

Too much on one page. The old homepage packed in sweepstakes entries, promotions, and shopping, all fighting for attention at once.

A wide range of users. PCH's audience runs from young, mobile-first users to older adults who need bigger text and higher contrast to read comfortably.

Rules I couldn't break. As a large company, PCH had strict brand and ADA accessibility standards. The challenge was staying inside those rules while keeping the site fun and inviting.

Too much on one page. The old homepage packed in sweepstakes entries, promotions, and shopping, all fighting for attention at once.

A wide range of users. PCH's audience runs from young, mobile-first users to older adults who need bigger text and higher contrast to read comfortably.

Rules I couldn't break. As a large company, PCH had strict brand and ADA accessibility standards. The challenge was staying inside those rules while keeping the site fun and inviting.

Process

Built over two years, in the open. The team worked agile, reviewing, discussing, and refining the design together instead of locking everything upfront. Leadership signed off on the direction along the way.

Built over two years, in the open. The team worked agile, reviewing, discussing, and refining the design together instead of locking everything upfront. Leadership signed off on the direction along the way.

Strategy

Cut the noise. I stripped away anything that didn't support a core action and rebuilt the layout on a simple, scannable grid.

Built one component system. Cards, buttons, and modules follow the same rules everywhere, so new pages stay consistent without extra design work.

Designed for everyone first. High-contrast colors, bigger touch targets, and a type scale that holds up across devices and ages. Not an accessibility add-on, but the starting point.

Solutions

One card, four systems. I built a Feature Card as the base, then adapted it for List, Grid, and Carousel use. Same visual language, ready to drop into any layout.

Mobile first, backed by data. Mobile traffic kept climbing, so I designed the mobile experience first and scaled up to desktop, not the other way around.

One image size, not ten. Every business line was making its own image sizes for the same recurring content, and designers kept remaking the same assets over and over. Standardizing to one ratio cut that repeat work down to a single image.

Tested, then simplified. I tried icon-based buttons and color-coded states by business line, but kept the homepage to one brand color, orange, to stay consistent. Colors that failed WCAG contrast got retuned brighter until they passed.

Outcome & Reflection

A shift in business priorities put the launch on hold. The redesign itself never shipped, but the work was complete: every screen built, every component tested, and the system fully ready to go.

What I'd carry forward. Two years of iterating as a team taught me that a design system built to scale outlasts any single launch date. This one is still ready to ship the moment priorities shift back.

© 2026 bitsandpeace. All rights reserved.

© 2026 bitsandpeace. All rights reserved.

© 2026 bitsandpeace. All rights reserved.