UI Design for Old Navy User interface design for Old Navy’s in-store application. Client: Old Navy Art Director Alosha Shkolnik UX Rishi Bhilawadikar Development Propeller Labs Designing the ‘Store of The Future’. Old Navy sought to reimagine the retail shopping experience. A popup shop where design and tech meet brick and mortar. Aiming to inspire, delight and simplify the customer’s experience, I worked remotely with their creative team to build an in-store app that gave retail it’s much needed a makeover. Kick off & Insights Gathering Arriving Discovery Interacting Checkout I kicked off the project by mapping the user’s journey inside the shop. My goal was to gain insights about intentions, state of mind and potential pain points. I also spent time with both Old Navy’s Creative Art Director and the User Experience Designer to get to know the brand and understand the UX roadmap. Landing & Visual’s After assessing the goals and challenges, I began working through the visual designs. I crafted a series of landing screens making selects from the Old Navy photo library. These screens would autorotate when not engaged, so we selected images that were bold and dynamic, then let them stand out clearly. Component & UI Design With a UX designer on staff I focused hard on UI and visual design. I adapted the Old Navy brand guidelines into a UI toolkit specifically for the in-store application. I worked in sketch, designed the components and worked through implementation piece by piece. Button Regular Button Regular: Hover Primary Button Primary Button: Hover Secondary Button Secondary Button: Hover Quantity Selector Quantity Selector Pressed Input Input Active Quantity Selector Pressed Quantity Selector Pressed Dropdown Dropdown Active Checks, Buttons, & Icons Save a Look Look Saved Execution Tablets were placed throughout the store experience. Customers were encouraged to engage in the app and discover looks, reserve fitting rooms, book fitness classes, locate customer service, and more. The Fitting Room Assistant While designing the UI kit, special consideration was provided to key touch-points. For example, the fitting room assistant allowed users to request help and communicate directly with an associate, as well as customize their lighting. Knowing the customer was likely focused on trying on clothing, I left it simple, readable, and easily tappable. The Feedback ``Working with Amy was an absolute pleasure. We responded to her clean and smart designs right at phase one, but the real bonus was the process. Through our own rounds of strategy shifts, tricky API pulls and a change in team members, Amy kept her cool and delivered. When the product launched it received great praise and it really changed the way we saw user experience design moving forward. `` Alosha Shkolnik Art Director, Old Navy