B-Art

AR visualization for framed artwork. Let customers preview pieces in their own spaces before purchasing

Role

UX Research, User Flows, Mobile UI Design

UX Research, User Flows, Mobile UI Design

Duration

6 months

6 months

Tools

Figma, Illustrator, NFC Tools, GitHub, BlankWall, Shopify

Figma, Illustrator, NFC Tools, GitHub, BlankWall, Shopify

Team

UX/UI Designer, Shopify Dev, AR Dev

UX/UI Designer, Shopify Dev, AR Dev

Hard to picture frames

Confident frame choice

Slow decisions

Faster selection

Overloaded staff

Self-service via NFC

The Challenge & Goal:

The Challenge & Goal:

Persona:

Persona:

POV Statement:

POV Statement:

HMW Questions:

A primary persona capturing the needs and decision-making of B-Art's core customers.

Hard to picture frames

1. How might we help customers confidently preview frames on their own artwork? 2. How might we speed up in-store decisions while keeping the experience personal?

User Flow:

User Flow:

The user flow was mapped out, with a focus on the onboarding process for new users.

Branding:

Branding:

Clean, modern, and refined, reflecting the studio's heritage and its move into digital.

The logo and palette feel timeless and gallery-like, so the artwork stays in focus. White keeps content clear, while deep green highlights key actions.

Simple typography keeps the interface easy to navigate. The moodboard draws on gallery spaces and craftsmanship: neutral tones and natural textures for a calm, trustworthy feel.

Wireframes:

Wireframes:

High-fidelity screens built on the new branding, prototyped for user testing and feedback.

Let's Connect!

I'm actively seeking new opportunities in UX/UI and immersive design. Reach out — I'd welcome the chance to discuss how I can contribute to your team.

Let's Connect!

I'm actively seeking new opportunities in UX/UI and immersive design. Reach out — I'd welcome the chance to discuss how I can contribute to your team.