pc-offers-3.jpg

PartyCity.com Offer Page Redesign


HOME / PartyCity.COM / Offer page redesign

PartyCity.com Offer Page Redesign

I was tasked to take PartyCity.com's current coupon landing page, and redesign the layout, while making it responsive, while being mobile-first. Starting with defining the user flow and laying it out in a flowchart, I was able to begin sketching out wireframes. Then I transferred that information into Photoshop and began adding the visual elements to the page. Next, I put the whole experience in InVision to have a functioning prototype to review. Lastly, I worked with developers to push the experience into a review environment and I conducted User Acceptance Testing (UAT) prior to it going live for the public.

What was I trying to solve?

  • Original coupon landing page was image based

  • Needed to be able to update this page easily

  • Page needed to be able to be text based and have visual hierarchy

  • Wanted to allow customer to apply code from the page versus having to write down the code to add to their cart

  • The original page was not responsive so needed to give the page a responsive layout for mobile users

FUNCTIONALITY:

  • Responsive

  • Ability to apply promotional code

  • Overlay of in-store coupon and details

 

MOBILE Offer Page WIREFRAMES


Mobile
Left: BEFORE | RIGHT: After

VIEW MOBILE PROTOTYPE
(OPENS Adobe xd Experience in new tab)


Desktop
LEFT: BEFORE | RIGHT: AFTER

VIEW DESKTOP PROTOTYPE
(OPENS Adobe xd Experience in new tab)