arms-banner.jpg

CRO Redesign Through an AI-Native Workflow
Livable Hair

UX Case Study

Roles
Regina Rakhlin - AI Experience Designer & CX Strategist
Stefanie Nuxoll - Stakeholder & Founder

Client
Livable Hair

KPI
AI-native design that drives conversion.


From discovery to production-ready assets, entirely within AI-native workflows, a full end-to-end redesign for Livable Hair. Serving as sole AI design lead, handled competitive analysis, UX strategy, wireframing, copywriting, & AI image direction.

The Challenge

Prompt Architecture is Design Work
Generating quality AI output requires the same structured thinking as any brief. Audience, tone, constraints, and intent were defined before prompting, not discovered from the output.

Speed Without Shortcuts
AI-native workflows compressed timelines versus traditional agency processes, without skipping strategy, rationale, or quality review. Faster execution enabled more iterations, not fewer.



AI Principles & Workflow

Each phase of this project ran through a deliberate AI-native workflow. Research, writing, imagery, and design were handled by purpose-matched tools, with human judgment applied at every decision point.

AI as Co-Pilot, Not Autopilot
Every AI output was reviewed, directed, and refined. Tools accelerate execution but don't replace judgment. Accountability for every decision remains.

Iteration Over Generation
Initial outputs were starting points, not final assets. Each phase involved multiple refinement cycles, tightening copy, redirecting imagery, and adjusting layouts until output met brand standards.

Right Tool for Each Phase
Perplexity handled research, Claude copywriting, Midjourney and ChatGPT Image Gen photography, Figma and Adobe layout and production. No single tool did everything.

Brand Consistency Across Tools
A unified brief, palette, and voice guide was applied across every tool. Outputs from different AI systems were reconciled into one cohesive design system, not treated as isolated deliverables.

Livable Hair needed a site that could do three things at once: convert professional artists as the primary revenue driver, elevate a premium brand that had been underselling itself, and build consumer trust in a US market with no prior awareness of nano hair extensions. The existing presence couldn't carry any of them.

The redesign had to serve three distinct buyer journeys simultaneously. First, professional artists and nano technicians needed a frictionless path to purchase premium hair at a professional discount, as this was the highest-value repeat purchase segment and the core of the business. Second, aspiring stylists and career changers needed a clear, compelling route to training enrollment and certification. Third, end consumers needed education on why nano extensions are different, and a direct connection to certified professionals in their area. One site. Three conversion objectives. Zero compromise on brand elevation.


01 : Research

Deep stakeholder intake sessions surfaced the business objectives, conversion priorities, and brand gaps that shaped every decision that followed. Every insight was documented and pressure-tested before a single design decision was made.

The only nano-exclusive brand in the competitive set. Every gap identified is an opportunity the redesign addresses directly.

Competitive Analysis


Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 2-Column Grid with Alternating Image/Text

Sprint 01 : 2-Column Grid with Alternating Image/Text

• • •

Article Template : Q&A

Q&A Design : Sprint 01
For this template, the author would capture and interview. By having a Q&A session and sharing the interviewee’s beauty insights as well as product recommendations. Enabling the reader to view and purchase products inline with the article.

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

• • •

Article Template : Long Form

Long Form Design : Sprint 01
For this template, the author would capture and interview. By having a Q&A session and sharing the interviewee’s beauty insights as well as product recommendations. Enabling the reader to view and purchase products inline with the article.

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

Sprint 01 : 1 Column with a Right Margin

Product Page [Top]

Original Design
The effort and objective was focused on customer insights based on user interviews from the prior week. Additionally keeping in mind the limited developer resources.

• • •

Design Sprint 01
During this sprint the goal was to enable customers to see the price comparison with the ability to select their preference. Since the page is long, providing the ability to see an overview of the contents and ability to navigate to the desired section of the page.

mira-redesign-pdp01.png


Sprint 01 : Option 01

Sprint 01 : Option 01

Sprint 01 : Option 02

Sprint 01 : Option 02

Sprint 01 : Option 03

Sprint 01 : Option 03

Sprint 01 : Option 03

Sprint 01 : Option 03

Design Sprint 02
The designs above were shared with participants during a user interview session. While business felt it wanted to offer customers to select any of the price comparison options, the customers felt just seeing them was enough. The business requested design options for a more prominent price.

Sprint 02 : Option 01

Sprint 02 : Option 01

Sprint 02 : Option 02

Sprint 02 : Option 02

Design Sprint 03
For this next sprint, the exploration focused on sale pricing, price tracking, free shipping & returns, price guarantee and matching and product authenticity.

Sprint 03 : Option 01

Sprint 03 : Option 01

Sprint 03 : Option 02

Sprint 03 : Option 02

Sprint 03 : Option 03

Sprint 03 : Option 03

Sprint 03 : Option 04

Sprint 03 : Option 04

Sprint 03 : Option 05

Sprint 03 : Option 05

Sprint 03 : Option 06

Sprint 03 : Option 06

Sprint 03 : Option 07

Sprint 03 : Option 07

Sprint 03 : Option 08

Sprint 03 : Option 08

• • •

Product Page [ Bottom]

Original Design

Taking this product page feature and making it a more useful experience for the customer. Also, updating the design to be more elevated matching the brand projection of the rest of the site.

• • •

Design Sprint 01
Streamlining complex content, simplifying redundant communication, explore optimal presentation of the elements, improve user usability and overall user experience.

mira-redesign-pdp16.png
Sprint 01 : Option 01

Sprint 01 : Option 01

Sprint 01 : Option 02

Sprint 01 : Option 02

Sprint 01 : Option 03

Sprint 01 : Option 03

Sprint 01 : Option 04

Sprint 01 : Option 04


04 : Usability Testing

User interviews were scheduled every 2 weeks. During these sessions designs currently in progress were shared with participants. As well as live enhancements deployed to the production environment.

• • •

An example of documentation from such sessions can be found below:

mira-usability.gif

05 : Results

Taking all the above into account and several rounds of iteration, the final designs for the redesigned homepage, search results page and product page template are below:

mira-redesign-homepage.png
mira-redesign-serp.png
mira-redesign-pdp.png

Final Experience Designs


—— All Project Samples ——