Works Info
← Back to All Work

CURATOR Sales Page — Selling the Invisible

Clarifying the bundle — selling a device and its subscription-based software as independent, easy-to-understand purchases on a single sales page.

Role
Lead Product Designer
Conversion strategy, information architecture, content design
Duration
3–4 months
Tools
Figma, Jira
Team
Web Tsai Platform Director
Jafee Cho Product Manager
Jerry Liao Technical Manager
Eric Liao Front-End Developer
Product by
Links Live Website

How do you clarify a bundle when the device and the software are sold separately?

CURATOR is not selling three products at once — it is selling a device and a software subscription that work together but are purchased independently. The device comes in three types (InnoGallery, N3D, Éclat), each available in multiple screen sizes. Only InnoGallery is currently released, but the page must leave space for future product lines. Critically, the device does not come with software pre-installed — the software is a separate, subscription-based service.

The subscription model is tier-based: one tier covers up to 10 devices. If a buyer has 11 devices, they need two tiers. Buyers can also purchase an account with at least one subscription (monthly payment) without buying hardware, or purchase devices alone (one-time payment) without a subscription. On top of this, users need to select multiple devices with various screen sizes and choose between payment methods — Stripe or installment. The core design challenge: make this layered purchasing model feel effortless, so buyers move from interest to transaction without confusion.

This is also a sales page. Beyond clarity, the primary purpose is to attract audiences to buy. The main visual must highlight how CURATOR devices transform the atmosphere of any environment through art, and communicate that the platform hosts over 10,000+ artworks from worldwide artists.

10:1
Tier-based subscription model. 10 devices per tier — 11 devices means purchasing 2 tiers
Device types with multiple sizes. Only InnoGallery released — must scale for N3D & Éclat
2
Independent purchase paths. Account-only (monthly) or device-only (one-time) — or both

Sell the atmosphere, simplify the transaction

Hero — Immersive Visual Slider

The main visual is a full-bleed slider showcasing actual artworks displayed on CURATOR devices in real environments — hotel lobbies, restaurant interiors, gallery walls. Rather than leading with product specs, the hero sells the concept: this device changes the atmosphere of your space. Each slide reflects a different mood and setting, letting buyers immediately visualize the transformation.

3D Globe — Global Artist Network

The second section features an interactive 3D globe that users can spin and explore, surfacing artworks from the platform's 10,000+ collection by worldwide artists. This interaction reinforces the breadth of content available through the subscription and creates an emotional hook — buyers discover that CURATOR is not just a screen, but a gateway to a curated global art library.

Product Details — Horizontal Tabs

A tabbed interface presents the three device types (InnoGallery, N3D, Éclat) with thumbnail previews showing each screen's capabilities in context. Only InnoGallery is currently active — the other tabs are structured as placeholder slots that can be populated when those products launch, making future updates a content swap rather than a redesign. Each tab includes a "More Info & Specs" expansion for detailed specifications.

Subscription Transparency

A dedicated section lists all software services included in the subscription, breaks down the tier-based pricing (10 devices per tier), and makes the payment structure completely transparent. The goal is to eliminate any ambiguity: the device is a one-time purchase, the software is a monthly subscription, and the two are independent. Clear visual separation between hardware pricing and subscription pricing prevents buyers from conflating the two.

3-Step Purchase Modal

Every purchase CTA on the page leads to the same unified modal with a conditional 3-step flow: Step 1 — select screen type and quantity (or skip for account-only). Step 2 — select subscription tier (hidden if no screen was selected, since account-only requires at least one subscription). Step 3 — choose payment method (Stripe or installment). This progressive flow eliminates the overwhelm of seeing all options at once and guides buyers through exactly what they need.

Q&A Section

A comprehensive FAQ covers the remaining questions that could block a purchase: account activation process, device installation requirements, network specifications, and warranty & repair policies. Structured as expandable accordions to keep the page clean while ensuring every concern is addressed.

Making the complex feel simple

Conversion Strategy 01

Unified purchase modal instead of separate checkout flows

Rather than creating separate pages for device-only, subscription-only, and bundled purchases, every CTA leads to one 3-step modal. Conditional logic hides irrelevant options (e.g., subscription tier selection disappears for account-only buyers). This reduces the number of pages to maintain and ensures buyers always land in the same familiar flow regardless of entry point.

Content Design 02

Sell the atmosphere, not the hardware

The hero slider and 3D globe lead with emotional impact — how art transforms a lobby, a restaurant, a gallery wall. Hardware specs come later, nested in tabbed detail views. This narrative order converts non-technical buyers who care about ambiance, not display resolution.

Scalability 03

Placeholder slots for unreleased device types

Only InnoGallery is live, but the horizontal tab structure reserves slots for N3D and Éclat. Each tab follows the same card template — when a new product launches, it is a content update, not a structural redesign. This future-proofs the page against the product roadmap.

UX Strategy 04

Explicit separation of device and subscription pricing

The biggest source of buyer confusion was assuming the software comes with the device. A dedicated subscription section with its own visual language — distinct from the hardware cards — makes the independence of the two purchases unmistakable. Tier-based pricing (10 devices = 1 tier) is explained with a simple visual scale.

From 10+ scattered pages to one unified sales platform

10+ → 1
Consolidated fragmented sales portals into a single branded page — one link for every sales conversation
~60%
Reduction in sales team management time — no more juggling separate pages, payment links, and tracking spreadsheets
+42%
Increase in page traffic — unified branding and a single URL improved SEO and shareability
+28%
Increase in conversion rate — consistent branding eliminated buyer hesitation and trust concerns

Before this redesign, the sales team was sending out different portal links depending on the screen type, payment method, and reseller channel — over 10 separate pages with inconsistent branding. Buyers frequently questioned whether they were on a legitimate site, and the sales team spent significant time verifying links and managing fragmented analytics across multiple platforms.

Consolidating everything into one page solved multiple problems at once. Developers now maintain a single page design instead of a dozen. Sales personnel use query strings to track which reseller or channel drove each visit, and all analytics data flows into one platform for unified reporting. The consistent branding across the entire purchase journey eliminated the "is this a scam?" doubt that fragmented pages created — buyers see the same visual identity from first click to payment confirmation.

The page architecture also scales cleanly — when N3D and Éclat launch, each new device type slots into the existing tab framework without structural changes, keeping the single-page approach intact as the product line grows.