Usability
Current gallery apps could be difficult to navigate, making useful information feel hidden.
UX/UI · MOBILE EXPERIENCE
ARTWise
A gallery companion that helps art enthusiasts discover the stories behind artists and artworks—and move confidently from exploration to purchase.
My roleUX Designer
Duration8 weeks
ContextUX certificate project
FocusDiscovery · Checkout
THE OPPORTUNITY
Let every artwork open a richer story.
Gallery visitors often want to know more than a wall label can tell them, yet existing digital experiences can make artist information difficult to find and purchasing unnecessarily complicated.
ARTWise brings artist biographies, artwork details and checkout into one approachable mobile experience—supporting deeper engagement without interrupting the gallery visit.
01
User research and insight synthesis
02
Personas, journeys and user flows
03
Wireframes and interactive prototypes
04
Usability testing and iteration
01 · UNDERSTANDING THE USER
Visitors wanted depth without friction.
Research with participants interested in art uncovered three recurring barriers between curiosity and meaningful engagement.
Artist information
Visitors wanted richer biographies and clearer context around individual artworks.
Purchasing
Obstacles in the purchase flow made moving from interest to ownership feel uncertain.
RESEARCH ARTIFACTS
Two perspectives, one shared need
1 / 2
USER JOURNEY
Finding opportunities across the visit.
Mapping the journey revealed where concise information, clearer navigation and purchase guidance could turn uncertainty into confident exploration.
COMPETITIVE LANDSCAPE
Balance expertise with approachability.
Four products showed different strengths, but no single experience consistently combined depth, clarity and a smooth purchase journey.
DESIGN OPPORTUNITY
Create a consistent, user-friendly experience that keeps artist and artwork information concise but complete—and makes buying feel just as considered as browsing.
02 · SHAPING THE EXPERIENCE
From discovery to checkout, one connected flow.
Early concepts focused on five core moments: discover artworks, search, open artwork details, meet the artist and complete a purchase.
DIGITAL WIREFRAMES
Explore the early interface
1 / 2
LOW-FIDELITY PROTOTYPETest the complete early flow in Figma.
Open prototype ↗03 · TEST & REFINE
Small changes made exploration feel more direct.
Two rounds of usability testing exposed where people lost momentum and guided focused improvements to discovery, artwork details and checkout.
Make artist information easier to reach.
Participants struggled to access artist profiles and expected artwork details directly from the home screen.
Bring useful paths into the open.
An Artists section, “See all” links and a clear “Read more” action shortened the route to deeper information.
BEFORE → AFTER
Manage quantity without leaving the cart.
Simple plus and minus controls let shoppers adjust an artwork order in place, reducing uncertainty and unnecessary steps.
PURCHASE JOURNEY
Make each checkout step predictable.
A structured flow connects the cart, delivery details, payment and confirmation so users always understand what comes next.
HIGH-FIDELITY PROTOTYPE
Art discovery with a clear path forward.
The final flow combines artwork browsing, rich artist context and a streamlined checkout in one calm, gallery-inspired interface.
Open high-fidelity prototype ↗04 · ACCESSIBILITY
Contrast is part of the experience—not an afterthought.
High-contrast mode
A dedicated high-contrast option was designed to improve legibility for users with different visual needs and keep content and actions distinguishable.
OUTCOME
A gallery companion designed for curiosity and confidence.
Iterative testing showed how targeted interface changes can improve the whole journey. The project also reinforced that accessibility and user feedback need to shape the product from the beginning.
NEXT STEPS