top of page
mockuuups-ipad-pro-landscape-mockup-on-curved-wooden-surface.jpeg

Fine Art Website - Page Redesign

Overview

A comprehensive UX/CRO redesign of a fine art photography brand's WordPress e-commerce site, targeting the Homepage and Product Description Pages. By translating physical gallery sales tactics into interactive digital features—including a 3D virtual gallery experience, a sticky PDP purchasing flow, and transparent sizing/hanging resources—the project successfully bridged luxury storytelling with streamlined e-commerce conversion pathways.

Role

CRO Analyst, UX Designer, Implementation Manager

Tools

Google Analytics, Crazy Egg Heatmap & Session Recordings, Figma, WordPress

The Process

Research

To align digital experience with offline sales strategy, the research phase focused on high-impact pages—specifically the Homepage and Product Description Pages (PDPs)—while strictly observing client branding boundaries. A UX/CRO audit leveraged Google Analytics, heatmaps, and session recordings to uncover performance bottlenecks, user drop-offs, and interaction patterns. A heuristic review analyzed emotional triggers and messaging, while competitive research identified luxury market design trends. Additionally, gallery sales scripts were analyzed to integrate key offline buying considerations—such as framing options, artwork lighting, and delivery logistics—into the digital experience. Working cross-functionally with the client’s marketing and SEO teams, these insights were compiled into an actionable optimization database and presented alongside strategy recommendations for global and page-specific improvements.

Design

Using the client's asset library, brand guidelines, and photography awards, new responsive page concepts were created in Figma to elevate product presentation and streamline conversion paths. On the homepage, an interactive 3D gallery was introduced to mirror the high-end physical gallery experience, complemented by brand story elements emphasizing American craftsmanship and artist credentials. On the PDP, product customization was simplified by displaying framing and sizing options upfront, adding a sticky "Add to Cart" module, and embedding real-time shipping costs, sizing charts, and downloadable hanging guides. High-priority testimonials, user ratings, and benefit-driven headlines were placed above the fold to resolve purchase friction, build trust, and reinforce the value of artwork ownership.

Feedback & Iteration

Given the client's high-touch requirements, the iteration process involved multiple collaborative feedback sessions led alongside the Account Manager to address stakeholder concerns and secure executive approval. Designs underwent several rounds of refinement to seamlessly incorporate updated marketing campaign assets, imagery overlays, and optimized copy. Once all cross-functional requirements from the UX, SEO, and Marketing teams met final approval from the client’s decision-makers, complete sign-off was granted to transition the approved layouts into development.

Hand Off

Development was executed in a secure WordPress sandbox environment to protect the live site and ensure custom product data structures were properly mapped. Working in batched sprints, the engineering team built out the customized PDP templates and integrated specialized third-party plugins to support the homepage 3D gallery experience. Every page underwent a strict multi-tier quality assurance protocol—spanning Developer, UX Designer, and Account Manager checks—before being delivered to the client for final sandbox sign-off. The site was deployed live in structured batches over two months, followed by end-to-end QA and analytics verification to confirm that tracking for page views, add-to-carts, and completed purchases functioned accurately.

Before & After

Homepage
Screenshot 2026-08-14 181749.png
Screenshot 2026-08-14 181734.png

Promotional Banner Updates

Promotional Banner: Replaced static top banner with an interactive, auto-rotating carousel highlighting key value propositions (pricing, shipping, discounts) with manual arrow controls.

Navigation & Header Changes

Restructured menu to prioritize "Shop" as the primary category, standardized dropdown column layouts, added hover/active states, and integrated account links. Consolidated redundant navigation menus into a streamlined "Client Resources" section.

Alternate Messaging & CTAs

Replaced generic text with benefit-driven H1/H2 headlines and high-contrast primary CTA buttons to guide the user journey.

Enhance Hero Media

Upgraded to an interactive multi-work carousel featuring art prints and in-home mockups linked directly to targeted landing pages.

Showcase Product in an Interactive Way

Introduced dynamic hover effects (revealing color, product details, pricing, and CTAs) to increase early product exposure and reduce price uncertainty.

Streamline Product Category Sections

Updated listing layouts with high-resolution visual cards, streamlined product details, and hidden heavy copy behind "Read More" toggles to reduce cognitive load.

Build Brand Storytelling with Additional Content

Elevated artist credibility by showcasing a professional portrait alongside major awards and recognitions near the top of the page.

Additional Brand Storytelling Content

Added a dedicated section detailing print production quality to justify premium pricing and reinforce product value.

Leverage Gallery Experience with Interactive Content

Introduced a virtual 3D gallery experience that links showcased art directly to corresponding product pages.

Footer Layout Updates

Shifted focus toward high-level categories (Shop, Customer Service, About), clear contact info, physical locations, and a sitewide newsletter signup.

Deprioritize Less Important Links

Reorganized site policies to the bottom legal bar and prominently displayed accepted payment icons to relieve checkout friction.

Screenshot 2026-08-12 174054.png
Screenshot 2026-08-12 174035.png
Screenshot 2026-08-14 182125.png
Screenshot 2026-08-14 182151.png
Gemini_Generated_Image_1ehuzh1ehuzh1ehu.png

Before & After

Product Description Page
Screenshot 2026-08-14 182400.png
Screenshot 2026-08-14 182417.png

Expand Product Carousel

Added gallery views, in-home contextual mockups, directional arrow controls, and dedicated quick-action icons for image zoom and a "View Art in Home" feature.

Add Sticky Checkout Module 

Made product details and the "Add to Cart" CTA sticky during scroll, prominently featuring flexible financing options (e.g., Affirm) and immediate shipping details directly beneath the CTA.

Streamlined Product Selections

Unfolded the size selection dropdown to display all size options upfront, complete with direct anchor links to a dedicated sizing guide and a quoted preview of the product description.

Reduced Heavy Text

Collapsed lengthy product copy into an interactive dropdown with an emotionally driven header to reduce initial page height while preserving SEO value.

Included Helpful Resources

Added downloadable guides and clear iconography for practical post-purchase topics, such as frame hanging instructions and exact size dimensions.

Addition of ECommerce Value Propositions

ntegrated sitewide trust badges near key decision points highlighting benefits like Art Specialist Support, Insured Transit, Crafted in the USA, and Secure Payments.

Suggested Product & Inspirational Section Redesign

Redesigned the recommendations section into a traditional e-commerce product grid, anchored by a low-page inspiration module showcasing artwork in styled real-world environments.

Screenshot 2026-08-14 182618.png
Gemini_Generated_Image_dj75smdj75smdj75.png

Get to Know Me

bottom of page