Danielle Johannes
Web Designer
GiftCard_Mockup.jpg

Gift Cards

When Christopher & Banks® switched platforms, fresh designs for their gift card pages were needed that worked with the new responsive website. These new designs allow users to shop standard gift cards or e-gift cards from the same page that they can check their gift card balances. Once users click into a specific type of gift card to purchase, the check balance functionality remains so users always have it at their fingertips. These designs feature the entry states, error states, and the state after users have submitted the gift card information to check the card's balance. 

Landing Page, Desktop

Landing Page, Desktop

Landing Page – Error States, Desktop

Landing Page – Error States, Desktop

Landing Page – Check Balance, Desktop

Landing Page – Check Balance, Desktop

Landing Page, Tablet

Landing Page, Tablet

Landing Page – Error States, Tablet

Landing Page – Error States, Tablet

Landing Page – Check Balance, Tablet

Landing Page – Check Balance, Tablet

Landing Page, Mobile

Landing Page, Mobile

Landing Page – Error States, Mobile

Landing Page – Error States, Mobile

Landing Page – Check Balance, Mobile

Landing Page – Check Balance, Mobile

Standard Gift Card, Desktop

Standard Gift Card, Desktop

Standard Gift Card – Error States, Desktop

Standard Gift Card – Error States, Desktop

Standard Gift Card – Check Balance, Desktop

Standard Gift Card – Check Balance, Desktop

Standard Gift Card, Tablet

Standard Gift Card, Tablet

Standard Gift Card – Error States, Tablet

Standard Gift Card – Error States, Tablet

Standard Gift Card – Check Balance, Tablet

Standard Gift Card – Check Balance, Tablet

Standard Gift Card, Mobile

Standard Gift Card, Mobile

Standard Gift Card – Error States, Mobile

Standard Gift Card – Error States, Mobile

Standard Gift Cards – Check Balance, Mobile

Standard Gift Cards – Check Balance, Mobile

E-Gift Card, Desktop

E-Gift Card, Desktop

E-Gift Card – Error States, Desktop

E-Gift Card – Error States, Desktop

E-Gift Card – Check Balance, Desktop

E-Gift Card – Check Balance, Desktop

E-Gift Card, Tablet

E-Gift Card, Tablet

E-Gift Card – Error States, Tablet

E-Gift Card – Error States, Tablet

E-Gift Card – Check Balance, Tablet

E-Gift Card – Check Balance, Tablet

E-Gift Card, Mobile

E-Gift Card, Mobile

E-Gift Card - Error States, Mobile

E-Gift Card - Error States, Mobile

E-Gift Card - Check Balance, Mobile

E-Gift Card - Check Balance, Mobile