AI-Generated Personalized Portraits

LOVERSE

E-CommerceShopifyAIMobile-FirstDesign System

Produced byMedEd Labs

Overview

An e-commerce platform for AI-generated personalized portraits built on Shopify. Users upload photos of loved ones and receive magical, custom-generated artwork. The design focused on reducing friction in the purchase flow while maintaining trust and delight.

Problem

Buying personalized AI portraits is emotionally driven but operationally fragile:

-Users dropped off 70% at results before uploading personal photos
-Unclear pricing and customization options caused hesitation
-Shopify's default product architecture not ideal for AI-generated, preview-first experiences

Goals

01Increase photo upload → add-to-cart conversion

02Reduce purchase anxiety around AI result

03Design a repeatable product page with clear PDPs

04Ship fast on Shopify without sacrificing UX quality

Key Design Decision

Preview-First Purchase Model

Show the AI output before payment. Users see a preview of their personalized portrait before committing - this dramatically increases trust and reduces refund requests.

Step 1Upload PhotoUpload a photo of your loved one

Step 2Preview CreationWe create a preview to show you

Step 3Love ItWe hope you love what we've created!

Shopify Architecture

Clear Variant Architecture

Shopify-native 2/4, 1, M, L, XL variants with visual badges. Rebuilt all size visualizations into legible badges, easy currency, pricing, and promotional metafields.

Order Type Variants

DigitalCanvas - MCanvas - LCanvas - XLXXL

Digital image - Print it yourself (Instant Delivery)

Pricing Display

$71.56$71.56

4.867 Reviews

93% of buyers have recommended this.

Mobile Strategy

Mobile-First, Not Mobile-Adapted

Over 75% of traffic was mobile. We designed for thumbs first: single-column flow, bottom-aligned buttons, and variant selection optimized for thumb reach.

Mobile Optimizations

-Single-column flow for easy scrolling
-Hero + title section above the fold
-Variant selection optimized for thumb reach
-No hidden content or collapsed sections
-Sticky Add To Cart button at bottom

LOVERSEBrutalist typography with soft, pastel accent colors (lime, lavender) for brand differentiation

Trust Building

Previous Orders as Social Proof

Real customer photos with their AI-generated portraits. Verified badge and 5-star ratings build confidence for new buyers.

Discovery

Explore Popular Portraits

Collection pages with floating gallery layouts and category carousels for Girls and Boys. Each category surfaces the most popular portrait styles.

Design System

Scalability & Shopify Implementation

Component Library

- Photo upload module with drag & drop
- Variant styles with visual badges
- Preview modules for AI output
- Collection layouts with carousels
- Review cards with verified badges

Shopify Implementation

- Metaobject-rich: Shopify metaobjects for all 'lighting' terms
- Component landing: Dawn 2.0 fork
- Custom theme components for upload and preview states
- Dawn 2.0 as full-frontend serving base
- Variant logic compatible with Shopify & Recharge

Visual System

Background

Surface

Text

Lime Accent

Lavender

Success

Outcome

+Reduced cart abandonment significantly

+Structured foundation for checkout + design

+Scalable toolset supporting rapid style expansion

+A Shopify product that feels custom, not templated