15 years of leadership and execution in digital product design.

Follow Me

Copyright 2017 Jake Clark All Rights Reserved

GAP – RESPONSIVE REDESIGN

2012  // UX Architecture, UX Design

Responsibly Responsive

THE SITUATION: GAP’s desktop site was being scraped by a 3rd party and re-served to mobile users (a common practice at the time among retailers), providing a pretty miserable mobile user experience – no where was this most evident than at the checkout. I was tasked as a Senior UX Architect to lead their team in an overhaul of their checkout.

THE TASK: Given the resource and timeline challenges, I felt strongly that by updating their JS libraries, and rebuilding their CSS, we could repurpose their existing accordion-style checkout to flow seamlessly on any device.

Drawing Out Possibilities

Throughout the process and iterative reviews, I wireframed and documented screen architecture, visual designs, and all interactions.


Reusable Design Patterns

We rigorously analyzed every element on the page to determine whether we could transform form field artifacts, like radio buttons and dropdown menus, into patterns that could not only work for point-and-click, but touch-and-swipe as well. Radio buttons, in this example, became larger target areas suitable for all input devices. Tables became vertical lists, to allow users to scroll through the options. 


Interaction Prototype

This is an interaction demo I built to evaluate user movement through various tasks (e.g., move through the modules, data entry, and validation). This does not include all possible paths the user may take, but it provides a firm grasp of the foundation and concepts mocked. Click here to view the final, production version of the prototype.