Chico's FAS Inc. Official logo

Chicos FAS Inc.

Research | User Testing | UI Design | Prototyping

Project type: Contract

Role: UI/UX Designer

Software: Photoshop, Sketch, and Invision

While employed at Chico’s FAS Inc. as a member of the UX team, I was assigned to a wide range of projects and used lean UX methodology to build new or redesign digital products based on competitive anaysis and validated research. Together, with our cross-functional team, we transformed and improved the shopping experience for thousands of Chico's customers.

PDP Zoom Enhancement Project

Overview

Through a mix of heuristic evaluations, research, and user feedback I gathered the insights needed to improve the shopping experience on all devices and worked with frontend developers to find quick solutions to fix the product zoom feature for all Chico's FAS legacy sites.

Problem

The existing zoom feature on all Chico’s FAS legacy sites failed to meet current e-commerce and UX standards; especially on mobile devices. Customers who shop online expect a zoom feature to closely inspect products before purchasing.

Challenges & Constraints

  • Business, stakeholder, and team alignment.
  • Development time and impacting the current code base and Oracle ATG system.
  • Responsive design across all devices.
  • Accessibility and making sure to adhere to mental models of how users expect a zoom feature to work.

Project Goals

  1. Conduct competitive research, gather technical requirements, and document all findings.
  2. Distill key takeaways from UX research, user testing, and heuristic evaluations.
  3. Create necessary deliverables and present to stakeholders to gain alignment.
  4. Work directly with frontend dev team to find technical solutions and help the business save time and money.

Outcome

After my presentation to business leaders the decision was made to move forward with many of my suggestions. I worked directly with the frontend dev team to find technical solutions with minimal effort to improve the feature. The project was finished well ahead of our deadline and, once tested, we were pleased to find our customers had no issues with the changes.

Research & Analysis Deck

Final Design

Mobile Prototype

Desktop Prototype

Shop This Look Enhancement

Overview

This project was a team collaboration to enhance the Shop This Look experience for desktop and mobile devices based on previous user testing results. I designed the screens in Sketch and uploaded the prototypes to Invision for developer hand-off. The outfitting tool was powered by Stylitics and tailored to improve the overall shopping experience.

Problem

Our customers found the existing "Shop this Look" experience difficult to use and clunky; especially on mobile devices. Some customers were frustrated with the overall flow and links that took them off of the page without the ability to go back.

Challenges & Constraints

  • Business, stakeholder, and team alignment.
  • Development time and impacting the current code base and Oracle ATG system.
  • Responsive design across all devices.
  • Making sure our designs didn't interfere with vendor requirements.

Project Goals

  1. Gather design specs, technical requirements, and user wants and needs.
  2. Collaborate with team and begin sketching out ideas.
  3. Build screens in Sketch and create rapid prototypes for testing.
  4. Work directly with frontend dev team and hand-off prototypes.

Outcome

After a few failed design attempts and quick iterations based on team and customer feedback I handed off my prototypes to the frontend dev team for production. The "Shop this Look" widget was tested again weeks later and customers "loved" the changes— saying it helped them visualize outfits for their wardrobe much better.

Initial Sketches & Notes

Initial sketches and notes for Shop This Look project

Final Mockups

Finished screens for Shop This Look project

Mobile Prototype

Desktop Prototype

Simply Soma Product Design

Overview

I was appointed as the lead UX designer on a new replenishment program/subscription service for Soma Intimates. Initially, the business did not have a plan for scenarios that could cause frustration or how the UI would be handled visually. My team and I found several issues and addressed them accordingly using UX best practices.

Problem

The most difficult part of working on this project was that our team knew Soma customers didn't find value in a subscription service for products that Soma offered—the analytics team sent out multiple surveys months before validating these facts. However, even after expressing our concerns, the business made the decision to move forward with the project.

Challenges & Constraints

  • Business, stakeholder, and team alignment.
  • Impacting the current code base and Oracle ATG system.
  • Deliver multiple screens to the dev team under an extremely tight deadline.
  • Following the guidelines of each technical requirement without affecting the dev team.
  • Investigating every possible scenario that could cause frustration for customers.
  • Making sure my designs didn't interfere with vendor requirements.

Project Goals

  1. Gather design specs, technical requirements, and user wants and needs.
  2. Collaborate with UX and Soma marketing team.
  3. Build screens in Sketch and write clear messaging for each step of the order process.
  4. Work directly with frontend dev team and hand-off screens with documentation.

Outcome

After several stakeholder meetings and refinement I was able to deliver my screens well before the deadline while working with my team and developers to alleviate pain points and account for scenarios that could potentially cause dissatisfaction with the product—improving it significantly.

Design Callouts

To give context, the "MSI" interface is how users manage their subscription orders and is located inside the My Account page after placing an order. This screen shows the redesigned version I created using Soma's Style Guide, callouts to document issues, and suggestions to improve the user experience.

My Account Design Callout

Screen Flow

Simply Soma Subscription Service Screen Flow

Task Flow

Simply Soma Subscription Service Flowchart

Like what you see?

Let’s talk about your project and how I can help you.

Shoot me a message