As the first product designer at PLG, I owned the creative process and partnered with key stakeholders to execute core visions.

While at PLG I created the first iteration of the design system to be used on mobile and desktop to help define guidelines for engineers and focused on creating a more accessible color palette.


No previous user research had been conducted at PLG as they previously came from Etsy; the stakeholders wished to focus on more quantitative rather than qualitative research so I utilized the tools at hand like heatmapping, analytics, and AB testing.


Some key functions of my role included improving the user flow, designing new screens for mobile first, conducting research (user and competitive analysis), and ideating ways to merge business needs and goals with those of users.


  • Redesigned homepage and collections page which saw increased conversion of 2%, increased AOV $1.62 and newsletter sign up by 1.3%

  • Bounce rate lowered

  • Defined the Information Architecture

  • Designed and implemented advanced design system

  • Heuristic evaluation to identify core issues

  • Conducted qualitative and quantitative research to identify problems 

  • Copywriting/UX writing improved throughout site


2 months to design and implement new collections page


I worked closely with the CEO/VP of Marketing and creative team which included the creative director, graphic designer, photographer and social media marketing


Make finding products easier, increase conversion rate, improve storytelling & brand awareness





Qualitative research 

Journey map

Competitive Analysis

IA/Site Map

User Flows

Scope of design

Scope of research



Hi-Fi mocks


Hi-Fi Prototype

User flow


A|B testing





Collaborate with engineering to launch

Monitoring and reiterating as needed



How might we create a shopping experience that is engaging, on brand, intuitive, accessible and low-friction?




Redesign the collections page using mobile-first approach that would allow customers to see all categories in 3 screen folds versus 12, increase product knowledge by displaying all color-ways for quick identification to reduce friction




Portland Leather Goods moved from Etsy to their own e-commerce website just one month before I was brought on as Lead Product Designer. I started with a heuristic evaluation, quantitative and qualitative research which helped me to answer questions about what problem is highest priority that would have the greatest impact on both users and business.

Who is our customer?  Largely womxn primarly in the South, New York and California

What does it need to do? The website needs to be on brand, be intuitive, interactive, engaging and low friction

How are people interacting with it?  86% of users are on their mobile phone, but we did see a large number of those users starting to shop on their phone but purchasing on a tablet or computer. This was an indication mobile experience was not optimal. 

How do people feel about it? Portland Leather Goods has a large fan base that is growing, fans have created their own Facebook group where they trade bags, create accessories and talk about new releases. PLG has a very strong identity.

What is their goal? Of the participants interviewed, 38% said they first visited the website to purchase something as a gift and 62% were looking to purchase for themselves.

Usability and user flow of the website was poor; It was difficult to navigate with a lot of 'clutter' on the pages and an overload of text. I conducted a heuristic evaluation and conducted preliminary qualitative and quantitative research to identify core problems with usability, experience and accessibility of the website.

Customers were dropping off on the collections page and were getting tired of scrolling to find the product they were looking for. The collections page was the largest issue as it was not optimized or even designed with mobile users in mind even though 86% of customers were on mobile phones. 

Reducing friction at key points was the main priority.




I interviewed employees of PLG in various departments (customer service, creative, warehouse) to learn more about the the problems they have identified after shifting from Etsy to the website, the problems and friction that they hear about from customers and what they have identified when using our website.

I conducted qualitative and quantitative research, using heatmaps, and interviewed customers to gain insights on some challenges they have faced while using the website. 

Some questions asked during the interview process:

1. How did you come to find the PLG website?

2. How do you interact with the website, mobile, tablet, web?

3. What are your motivations when you visit the PLG website?

4. What are some problems that you have experienced when using the PLG website?

Screen Shot 2020-10-27 at 8.09 1.png

Get it on paper

Notes taken during the ideation and research phase. The IA of the website and points of friction identified from research




Portland Leather Goods did not have a branding kit, guidelines and definitely not a design system. There were some key colors that were previously used in ads on Etsy, so we continued to use those and expand the palette to create more UI friendly system. 

I worked with the creative team to refine our look and feel of the website and what would become the overall branding identity of PLG. I created and implemented (with engineering and creative team) an advanced design system.

Group 209.png



Portland Leather Goods did not have a branding kit, guidelines and definitely not a design system. There were some key colors that were previously used in ads on Etsy, so we continued to use those and expand the palette to create more UI friendly system. 

I worked with the creative team to refine our look and feel of the website and what would become the overall branding identity of PLG. I created and implemented (with engineering and creative team) an advanced design system.


On the product page, users were having a lot of confusion about sizes and what could fit inside each bag. I created a mock of each bag and common items that could fit inside, along with dimensions. I prototyped this to be expandable and interactive and make it easier to users to quickly compare. Future iterations would have a slider dividing the two sizes to make the experience even more seamless and interactive.

Adding in a small delightful and interactive moment for users ​when comparing sizes helped reduce emails to customer service and reduced friction by providing ample product knowledge. 


Three designs were brought into hi-fidelity and a prototype was created for testing purposes. We also conducted AB testing to get a better sense of why a design is preferred, which design is preferred, and what aspects from each design can we combine to create a better design. 

We tested 4 designs:

1. The Control -current poorly performing design

2. Coupon, discounted pricing shown, and horizontal scroll

3. No coupon, discounted pricing shown and horizontal scroll

4. No coupon, 2 view options-large photo or double photo, color buttons shown

The currently performing collections page was not accessible, clunky and not optimized for mobile. 


When clicking on any bag category or main section (like Women's/Men's) customers could not filter by color, each category had every color shown and not just a single image indicating the color ways and they had to scroll over 12 pages to see only 8 bags styles.

In early user research, repeat customers felt that the product became cheaper by the constant sale (PLG always has 25% off, sometimes 30% off for holidays), they weren't sure where the retail price/PLG pricing came from and where the information was to back that, and there was too much friction between navigating to the collections pages and actually finding the item they want without having to sift through lots of unnecessary text, sale banners, and photos of the same bag in multiple color ways. 



Three variants were tested to identify the best performing-we monitored conversion rate, average order value (AOV), bounce rate, heatmaps, and email sign up. Testing was conducted over 2 weeks. 

Variant A: This variant kept some aspects from the control like the sale banner, photo, and retail/PLG pricing. The changes include an improved sort by/filter by dropdown, moving the image of the first bag up above the fold, condensing the bag style and colors to only show one main image of the bag and creating a horizontal scroll for users to see all bag colors more accurately than a color dot.

Variant B: Variant B had minimal change from Variant A-the only difference was to test out no sale banner and photo at the top of the page. 

Variant C: The final variant, C, ended up being the best performing variant overall. It had a filter/sort icon to minimize how much of the UI was taken up by sort/filter drop downs, an option for users to see 2 photos per row, or one large product photo which gave users some ability of customization.


Adding in a breadcrumb was helpful for users as previously there was none, and it was difficult for people to get back to the previous page. Removing this friction was helpful in improving the overall flow and experience, reducing frustration and increasing usability and intuitiveness. 

We removed the PLG/retail pricing as it was deceiving to users and made users feel that PLG was going out of business. 

Variant C increased conversion, AOV, newsletter sign ups (unexpected benefit), and decreased the bounce rate. 

Variant A

Variant B

Variant C

Like what you see?

Let's chat.

  • White LinkedIn Icon
  • White Twitter Icon

© 2021. All rights reserved. Made with🍫 by Vic de Aranzeta