Adobe Customer Story

Personalizing team spirit.Perficient Digital uses its accelerated modeling process (CX AMP) and Adobe XD CC to reimagine the online customization experience for retailer Lids.

“Adobe XD CC helps us build a foundation for a project rather than just delivering a strategy document. Instead of just talking about personalization and what it means to a user, for a low investment we can show clients the vision.”Brian Flanagan, Director of Experience Design, Perficient Digital

RESULTS

SOLUTIONAdobe Creative Cloud for teams, including Adobe XD CC

Developed working prototype in 4 WEEKS

Helped launch new offering to GROW business

Secured IMMEDIATE feedback from clients

Tested WORKING PROTOTYPE with customers

Adobe Customer Story

Helping fans express their passionSports fans are passionate about their favorite teams, and nothing lets them express that passion better than custom apparel. For many, the simplest way to represent their college or professional team is by wearing a hat emblazoned with the team logo. Specialty retailer Lids, a leader in fashion athletic headwear, team apparel, and other fan novelties, offers a range of customizable hats and other items that let people show their support and express their individuality.

Lids has an active online presence, but what sets the retailer apart from its competition is the more than 1,000 brick-and-mortar locations in the United States, Canada, and Puerto Rico. To update the look and feel of some of its online and mobile products and take advantage of the immediacy that its retail locations offer, the company engaged creative digital agency Perficient Digital, part of the digital transformation consulting firm Perficient.

The business innovation group within Perficient Digital began working with Lids on a digital strategy that focused on growing online customization. Recently, Lids only offered customization in its retail stores. The company’s new strategy includes offering customers the ability to order a hat online, customize it with a player signature, mascot, or other item embroidered on the side, and have it fulfilled from a distribution center.

“People love custom gear so the ability to offer online customization is a great differentiator for Lids,” says John Yuiska, Mobile UX Designer & Solution Architect at Perficient Digital.

A simple path to customizationPerficient Digital set out to create the Lids Custom Zone, an online experience for placing custom orders that would work with the client’s existing front-end and back-end processes. The team focused on using design thinking in conjunction with Adobe XD CC, part of Adobe Creative Cloud, to create the wireframes and prototypes.

The prototyping process took four weeks and included a kickoff workshop, initial sketches, delivery of a mobile prototype, and securing both client feedback and input from actual customers in Lids stores. The last stage was determining how the mobile experience would work on a desktop.

“We focused on mobile first because there are more constraints with mobile,” says Brian Flanagan, Director of Experience Design at Perficient Digital. “Adobe XD CC let us take a leaner, guerilla-style approach, validate ideas quickly, and move on.”

CHALLENGES• Help clients order custom items online

• Design prototypes quickly and efficiently

• Secure feedback from real customers

• Support new agency offering for clients

Perficient DigitalEstablished in 2016

Employees: 350

Atlanta, Georgia

Chicago, Illinois

Ann Arbor, Michigan

Irvine, California

Milwaukee, Wisconsin

Saint Louis, Missouri

www.perficientdigital.com

USE CASES• Mobile and UX Design

Adobe Customer Story

The goal of the online experience was to empower individuals to express themselves by creating a custom hat. The team distilled two concepts from the initial design sketches, then created the prototypes in Adobe XD. After reviewing with the development teams for feasibility, they moved forward with testing. The experience design process also involved using Adobe Illustrator CC for graphic design and Adobe Photoshop CC to clean up icons and get them ready to use in Adobe XD.

Knowing that the embroidery machines work like stencils in how they plot out stitches, the team created a flow where customers would select a layout that included text, a graphic, or both. For example, in the prototype, customers could select the graphic of an eagle’s head and customize a range of options—from the color of the eagle’s eye and feathers to the style and color of the typeface—all within a web browser on a mobile device.

“Adobe XD CC was light and easy to use, and the artboards helped us see how the interaction would work from screen to screen,” says Yuiska. “We appreciated the ability to simultaneously do interaction and visual design in Adobe XD CC, rather than relying on a waterfall process.”

Real-world testing and feedbackThe four-week timeline was aggressive to conceptualize, create, test, and modify the prototype, so it was important to be agile. Weekly meetings with UX and visual designers helped move the project forward, and the client appreciated the hands-on approach to reviewing the prototype and the ability to see iterative revisions. One of the most exciting parts of the project was taking the prototype into actual retail stores and asking customers to test it and give feedback.

“Adobe XD CC was light and easy to use, and the artboards helped us see how the interaction would work from screen to screen.”

John Yuiska, Mobile UX Designer & Solution Architect, Perficient Digital

Adobe Customer Story

Adobe Systems Incorporated 345 Park Avenue San Jose, CA 95110-2704 USA www.adobe.com

Adobe, the Adobe logo, Creative Cloud, Illustrator, and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. All other trademarks are the property of their respective owners.

© 2017 Adobe Systems Incorporated. All rights reserved. 11/17

“We really liked that Adobe XD CC let us create a link so we could view the prototype on a phone, hand it to the client, and get immediate feedback,” says Yuiska. “Adobe XD CC let us work in mid- to high-fidelity, so when we took the prototype out in the public it looked and felt like a real product.”

The prototype included 60 screen variations, which were easily created due to the ease of the Adobe XD workflow. The team was able to hand off all asset files as .svg files, along with a style guide and the individual components for development. Lids plans to launch the new online experience in the fall of 2017 in advance of the holiday shopping season.

“With Adobe XD CC, we were able to quickly prototype and test the solution with actual customers, which allowed us to better understand their behavior and fine tune the experience to meet their expectations,” says Steve Wentzell, Senior Director, E-commerce at Lids Sports Group.

Driving the business forwardAdobe XD is part of Perficient Digital’s new customer experience accelerated modeling process (CX AMP), which is helping the agency win and grow its business by quickly defining a strategic vision for clients. The team recently built out a next-generation intranet project for a large publisher that will help the company better engage its 45,000 employees. They also created both technical and visual prototypes in Adobe XD for an employee benefits company to help improve enrollment.

“Adobe XD CC helps us build a foundation for a project rather than just delivering a strategy document,” says Flanagan. “Instead of just talking about personalization and what it means to a user, for a low investment we can show clients the vision, which leads to a roadmap for the future. Adobe XD CC has added a lot to our offerings.”

About Perficient Digital and SoDAPerficient Digital is a member of SoDA, an exclusive global network for digital agency leaders, creative visionaries, and technology innovators. With a 100+ member companies in more than 30 countries around the world, SoDA’s programs provide agency executives with access to a powerful, global network for peer collaboration, thought leadership, knowledge capital, leadership cultivation, and industry best practices. More at www.sodaspeaks.com and www.sodareport.com.

For more informationwww.adobe.com/products/experience-design.html

SOLUTION AT A GLANCEAdobe Creative Cloud for teams. Apps used include:

Adobe Photoshop CC

Adobe Illustrator CC

Adobe XD CC

“With Adobe XD CC, we were able to quickly prototype and test the solution with actual customers, which allowed us to better understand their behavior and fine tune the experience to meet their expectations.”

Steve Wentzell, Senior Director, E-commerce, Lids Sports Group