Creating a standardized landing page template for all licensed collections, reducing design and development efforts by 90%, and allowing teams to launch 9 new collections in less than 12 months. 

Licensed Collection Landing Page

ux design @ Ruggable
role

UX Design Lead

Tools

Figma, Contentful

team

UX Designer,Product Manager, Engineer

Timeline

Design - 2 weeks, Development - 2 weeks

intro

New Collaborations. New On-Site Experiences.

Ruggable X offers the washable rugs and doormats you love in exciting new styles inspired by your favorite brands and creators. Featuring collaborations with the best of design, fashion, art, media, and entertainment. 

At the time there were 7 Ruggable X collections available, including a collaboration with Jonathan Adler. This collection included some of our best-selling rugs, and produced higher AOV (average order value) than any other collection available at the time.

Plans to launch a second collection with Jonathan Adler were already in the works. This would be 1 of 9 new collaborations launching in 2022.

goal

How might we create custom landing pages for each launch while minimizing development efforts?

With 9 new Ruggable X collections slated to launch in 2022, the eCommerce team needed to improve the design and development efficiency in order to keep up with the launch cadence. 

We decided to focus our efforts on creating a landing page template, with content-managed customization.  This would allow UX creative freedom, without requiring additional support from the engineering team.

Design Challenges

Multiple Paths. Reusable Components.

The landing page needed to be able to support a variety of content, and available content was entirely dependent on the collaborator. Collaborations with higher profile names like Jonathan Adler, Anna Sui, and Iris Apfel, had dedicated production shoot schedules and would have professional photography and video content available. Lower Profile Collaborations would have to leverage composite images and influencer-submitted content.

Template Wireframes

Creating one template to support both types of collaborations would be challenging. After discussing with the team, we agreed that creating two variations of the template was within scope if I was able to leverage existing content modules in my design.

High Profile Collaborations

  • 5-10 stylized images from dedicated production shoot

  • New video content

  • Collaborator bio

  • Collaborator quotes

  • Collections range from 4-8 rug styles in multiple colorways

  • Collection may include doormats

Lower Profile Collaborations

  • Limited stylized image, questionable quality

  • No bio or quotes available

  • Collections range from 4-8 rug styles in multiple colorways

  • Collection may include doormats

Defining the process

Establishing a UX Launch Process

In addition to standardizing the landing page design, I created a Collection Launch Template in figma. The file included all the typical deliverables required for a new collection launch; Landing Page Template, Homepage Promotional Assets, App Assets, Licensed Assets (Ruggbale X LP, Badging, and Navigation Logo)

figma template
Launch & Beyond 

Launching the new page design: The Nina Takesh Collection

Below is a look at the Nina Taskesh Landing Page and Promotional Assets. This was the first collection to launch using the new template. The Nina Takesh collection generated $11M in sales in 2022 and saw a 61% higher average order value from our previous best-selling collection Jonathan Adler 1.0.

View Landing Page

IMPACT

Results & Next Steps

Templetizing the Ruggable X landing pages helped reduce development efforts by 90%. Once the templates were created, engineering resources were no longer required. Landing page creation would be done within contentful, our content management system by a product or content manager. UX design timeline was also reduced by more than half.

In addition to The Nina Taskesh collaboration, this template was also used to create a new landing page for Jonathan Adler 2.0 - 2 of our top-selling collections to date.

  • Nina Takesh - $11m in sales, accounting for 2.2% of total sales in 2022, 61% higher AOV than Jonathan Adler 1.0

  • Jonathan Adler 2.0 - $7m in sales, accounting for 1.4% of total sales in 2022, 39% increase in AOV from Jonathan Adler 1.0

Previous
Previous

Ruggable's New User Homepage

Next
Next

Ruggable Design System