SquaredStories
Women's e-commerce site that uses customer life stories to inspire new product designs.

My Role

I did the UX Design for the responsive e-commerce site that also featured stories of women's lives.

Strategy:

  • Define user

  • .Research user needs & behavior

  • Conduct Interviews

  • Competitor Research

  • IA

  • Test prototypes

  • Implement testing results to re-design product

Deliverables:

  • Brief of research analysis

  • Wireframes

  • Sitemaps

  • Personas

  • User Task Flows

  • High Fidelity Prototype

Feature Prioritization to define MVP and future versions

Defining User and Research

SquaredStories users are professional women, ranging in age between 27-65 who have disposable incomes and fast-pace schedules. Below are three of the personas created in defining the customer and customer needs.

After interviewing five women ranging in age between 27-65, I evaluated their user needs and the features the company's competitors offered.

Competitor Feature Analysis

Tamara_UXD_Persona_Research 1
Tamara_UXD_Persona_Research 2
Tamara_UXD_Persona_Research 3

Establishing Site Structure and IA

Tsquared_UXD_User 2_Sort_IA

I asked target customers to sort and categorize pages in the most personally comprehensive way and to discuss why they made certain choices.

Tsquared_UXD_Female 1_Card Sort

I asked target customers to sort and organize pages in the most personally comprehensive way and to discuss why they made certain choices.

Tsquared_UXD_Card Sort_comparitive u

I asked a non-target user to sort and organize pages in the most personally comprehensive way and to discuss why they made certain choices. In this example an outlier was tested to analyze differences in strategy between men and women.

Tsquared_UXD_IA_Wireframes

Sketching out IA Wireframes for Tsquared e-commerce site (post-testing and card sorting exercises).

Sitemaps and User Flows

Initial definition of tasks.

Establishing full flow of site.

Define specific user journeys in detail.

Tsquared_UXD_TaskFlow_Shopping

User's journey through the "Shopping" experiece.

Tsquared_UX_TaskFlow_LIUser Shopping

User's journey through the "Shopping" Experience as a "Logged-In" customer.

Tsquared_UXD_TaskFlow_Custom Order

User's journey to create a "Custom Order"

Tsquared_UXD_TaskFlow_Our Story

User's journey through the "Our Story" Path.

Wireframes

Testing

Wireframes were tested using Invision prototype testing by ten women and two men within the targeted age range, inhabiting coastal cities.

Scroll through some of the page designs below.

Tamara_UXD_Design_Tsquared_Welcome
Tamara_UXD_Design_Tsquared_Homepage
Screen Shot 2016-12-07 at 5.29.34 PM
Tamara_UXD_Design_Tsquared_Contact

www.tomtomsdesigns.com

(Graphic, Marketing, Fine Art & Entertainment Design)

  • LinkedIn - Black Circle
Tamara_UXD_Design_Tsquared_Welcome

Welcome Page for Tsquared responsive website.