— American Eagle Outfitters

UX / UI design to assist AEO with multiple objectives.

UX / UI design to assist AEO with multiple objectives.

aeo_banner

— Role

Partnered with a small team of 2 other UX / UI design professionals, we assisted the team both off and on site with the redesign of important sections of the company webpage, introduced and implemented a design pattern library and developed new communication paths in support of an organization wide effort to provide customers with an omni-channel experience.

ae_front

— About AEO

American Eagle Outfitters is a leading global specialty retailer offering high-quality, on-trend clothing, accessories and personal care products at affordable prices under its AEO and Aerie brands.

The company operates more than 1,000 stores in the United States, Canada, Mexico, China, Hong Kong and the United Kingdom and ships to 81 countries worldwide through its websites. American Eagle Outfitters and Aerie merchandise is also available at 141 international stores operated by licensees in 22 countries.

inside_ae

— Challenge

The main goal was to update the website for the holidays – the busiest season for retail stores both in-store and online. This would require new layout and design ideas for the homepage which would directly affect various other pages as well.

  • Add 10% more product on the Homepage
  • How to increase user sign up by 15%
  • Integrate sister brands on homepage
  • Increase online gift certificate sales
  • Improve OmniChannel experience
ae_front

— Challenge

The main goal was to update the website for the holidays – the busiest season for retail stores both in-store and online. This would require new layout and design ideas for the homepage which would directly affect various other pages as well.

  • Add 10% more product on the Homepage
  • How to increase user sign up by 15%
  • Integrate sister brands on homepage
  • Increase online gift certificate sales
  • Improve OmniChannel experience
aeo_at_work

— Process Refined

One of the challenges with the project was the actual process – which wasa classic waterfall method.

AEO is a large organization with an established process. That process was put in place in the 80’s and a lot has changed since then and waiting for approvals, meetings and change requests can take weeks.

Our team came up with new ways to keep things agile and moving while designs were waiting approval. We worked closely with engineering and content providers early on and kept in constant contact with each department while stakeholders reviewed.

This change allowed us to develop a few directions in anticipating the change requests.

customer_journey_map

— Establishing Behavior

As a team, we hit the streets and conducted user-research in stores around Pittsburgh, PA and San Francisco, CA.

We isolated 20 customers in total into 3 different groups who shared similar influences and attitudes about shopping, clothing and technology.

who
shop_mode_2
shop_mode_1
shop_mode_3

— Habits & Desires

We developed two sets of touch points within the customers journey.  One was created with the leadership team of AEO and the second for each user-type. 

This approach allowed us to keep both user and organizations need in perspective while developing solutions. 

sketches_full

— Working Towards Solutions

 

We held a number of different excersices from our UX toolbox.

Methods Used

  • Card Sorting
  • Round Robin
  • Whiteboard Sketching

— Working Towards Solutions

We held a number of different excersices from our UX toolbox.

Methods Used

  • Card Sorting
  • Round Robin
  • Whiteboard Sketching
AEO_breakout_elements
AEO_wire_4
AEO_wire_2
aeo_wire_grid

— Wireframes

Taking what we learned in our creative sessions, we spent some time designing a number of different options using Axure.


— Wireframes

Taking what we learned in our creative sessions, we spent some time designing a number of different options using Axure.


mb_ipad_homepage
aeo_fullpage_home

Edgar Fleming — All Rights Reserved

Edgar Fleming — All Rights Reserved

LinkedIn     Tumblr     Medium     PLYLST

LinkedIn     Tumblr     Medium     PLYLST

LinkedIn     Tumblr     Medium     PLYLST

LinkedIn     Tumblr     Medium     PLYLST

LinkedIn     Tumblr     Medium     PLYLST