Barclays Apple Rewards Store | Ecommerce Design

InComm's Apple Rewards Store is a brand new ecommerce solution for Barclays International Bank's existing reward account, which uses a combination of points and cash redemption for Apple products. This new rewards option will be presented with Barclays branding but maintain the UI for the shopping experience. I collaborated with the VP of Application of Development, project managers and the back-end development team. After gathering requirements, creating user flows, sketches and sitemap, and researching Apple branding guidelines, I designed a prototype for the store using Adobe XD. After several iterations, the prototype was approved for development. I meticulously designed and coded every detail of the responsive UI - landing pages, menus, product display, product selection, forms, and entire checkout process (30+ HTML pages with custom stylesheets), using Bootstrap 4, Flexbox, CSS, Javascript/jQuery, CSS, Photoshop, and Apple's branding guidelines. I worked closely with the back-end developers to ensure accuracy and consistency of pixel perfect designs. I performed iterative design, cross browser testing, mobile device testing, and usability testing. When the demosite was presented to Barclays Bank, they were so pleased with the site, they decided that ALL tiers of users will have access to the Rewards site! When Apple reviewed the site, one of their executives said, "It almost looks TOO good!"

Apple Store home page Apple Store Home Apple Store iPad Accessories Apple Store Product Selection Apple Store Bag Apple Store How to Pay Apple Store Order Review
Barclays Bank
UI/UX Design, Adobe XD, Bootstrap 4, Flexbox, CSS, Photoshop, jQuery