Art Sales Dashboard
Art Sales Dashboard
Building the infrastructure for art transactions
Building the infrastructure for art transactions
June 2024 - July 2024
June 2024 - July 2024
June 2024 - July 2024
June 2024 - July 2024
Timeframe
Timeframe
Timeframe
Figma
Figma
Figma
Figma
Tools
Tools
Tools
UI/UX Designer Lead
UI/UX Designer Lead
UI/UX Designer Lead
UI/UX Designer Lead
Role
Role
Role
3 UI/UX Designers
1 Project Manager
1 Engineer
3 UI/UX Designers
1 Project Manager
1 Engineer
3 UI/UX Designers
1 Project Manager
1 Engineer
3 UI/UX Designers
1 Project Manager
1 Engineer
The Team
The Team
Simplifies artwork sales and promotes exhibitions
Simplifies artwork sales and promotes exhibitions
What
What
What
Galleries: Promote exhibitions, sell artworks
Artists: sell artworks
Collectors: Buy artworks
Galleries: Promote exhibitions, sell artworks
Artists: sell artworks
Collectors: Buy artworks
Who
Who
Who
A modular system architecture with simplified input flows and role-specific functionalities
A modular system architecture with simplified input flows and role-specific functionalities
How
How
How
Increased exhibition visibility and higher sales conversion rates.
Increased exhibition visibility and higher sales conversion rates.
Impact
Impact
Impact
01. Context
01. Context
What's Primary Yellow ?
What's Primary Yellow ?
What's Primary Yellow ?
Primary Yellow creates a social network that connects artists and collectors, facilitating the buying and selling of art.
Primary Yellow creates a social network that connects artists and collectors, facilitating the buying and selling of art.
Primary Yellow creates a social network that connects artists and collectors, facilitating the buying and selling of art.
What’s the focus of this project?
What’s the focus of this project?
What’s the focus of this project?
I led a team to design the website and mobile app from scratch, with the site live for private access, and the app is launching in 2025.
I led a team to design the website and mobile app from scratch, with the site live for private access, and the app is launching in 2025.
I led a team to design the website and mobile app from scratch, with the site live for private access, and the app is launching in 2025.
02. Key Problems
02. Key Problems
Current Industry Gaps
Current Industry Gaps
Current Industry Gaps
Artists
Artists
Artists
Limited visibility and portfolio management tools.
Limited visibility and portfolio management tools.
Galleries
Lack of streamlined exhibition curation and outreach.
Collectors
Inefficient search and purchasing process.
Collectors
Inefficient search and purchasing process.
Galleries
Lack of streamlined exhibition curation and outreach.
Galleries
Lack of streamlined exhibition curation and outreach.
Collectors
Inefficient search and purchasing process.
Current Market
Current Market
Limited social features for community engagement
Limited social features for community engagement
Limited e-commerce capabilities for direct art transactions
Limited e-commerce capabilities for direct art transactions
Pricing information is private, making it less transparent
Pricing information is private, making it less transparent
03. Problem Statement
03. Problem Statement
How might we solve the fragmentation in the art world by providing better tools for showcasing, curating, and collecting art online?
How might we solve the fragmentation in the art world by providing better tools for showcasing, curating, and collecting art online?
How might we solve the fragmentation in the art world by providing better tools for showcasing, curating, and collecting art online?
04. User Flow
04. User Flow
Since the app serves multiple audiences, each user group is supported with a tailored flow.
Since the app serves multiple audiences, each user group is supported with a tailored flow.
Since the app serves multiple audiences, each user group is supported with a tailored flow.
Artist (Uploading & Selling Art)
Artist (Uploading & Selling Art)
Collector (Discovering & Purchasing Art)
Collector (Discovering & Purchasing Art)
Gallery (Managing Shows & Selling Art)
Gallery (Managing Shows & Selling Art)
05. Design Iterations
05. Design Iterations
Feedback from coworkers
One of the main challenges of this project was the tight one-month deadline, which limited extensive user testing. However, I gathered valuable feedback from a group of co-workers. Their deep understanding of our users allowed them to provide insightful input, helping to refine my design decisions effectively.
Feedback from coworkers
One of the main challenges of this project was the tight one-month deadline, which limited extensive user testing. However, I gathered valuable feedback from a group of co-workers. Their deep understanding of our users allowed them to provide insightful input, helping to refine my design decisions effectively.
Example: create show post
Example: create show post
Version 1
What's working?
The foundation of visual hierarchy is clear.
Thumbnail previews provide real-time feedback, allowing users to quickly review their selections.
What's working?
The foundation of visual hierarchy is clear.
Thumbnail previews provide real-time feedback, allowing users to quickly review their selections.
What's not working?
Users can only input details for one artwork, with no option to add unique information for multiple pieces.
The "Save" and "Upload" buttons are hard to find and not placed in a logical flow.
What's not working?
Users can only input details for one artwork, with no option to add unique information for multiple pieces.
The "Save" and "Upload" buttons are hard to find and not placed in a logical flow.
Version 2
Key Updates
Moved "Save" and "Upload" buttons closer to the preview for better visibility and a smoother finalization process.
Removed creation options at the top to avoid redundancy and reduce clutter.
Moved the 3D model selection to the right preview section, allowing users to choose and see real-time updates once the feature is available.
Added 12 input sections so each artwork has its own details.
Added PDF upload functionality for items like exhibition catalogs.
Version 2
Key Updates
Moved "Save" and "Upload" buttons closer to the preview for better visibility and a smoother finalization process.
Removed creation options at the top to avoid redundancy and reduce clutter.
Moved the 3D model selection to the right preview section, allowing users to choose and see real-time updates once the feature is available.
Added 12 input sections so each artwork has its own details.
Added PDF upload functionality for items like exhibition catalogs.
06. Final Key Frame Designs
Explore the key UI screens by selecting a module on the left.
Explore the key UI screens by selecting a module on the left.
Exhibitions
Explore Exhibitions
Create Exhibition
Exhibition Detail
Artworks
Discover Artworks
Artwork Details
Make an Offer
Upload Artwork
Exhibitions
Explore Exhibitions
Create Exhibition
Exhibition Detail
Artworks
Discover Artworks
Artwork Details
Make an Offer
Upload Artwork
Exhibitions
Explore Exhibitions
Create Exhibition
Exhibition Detail
Artworks
Discover Artworks
Artwork Details
Make an Offer
Upload Artwork
Exhibitions
Explore
Create
Detail
Artworks
Discover Artworks
Artwork Details
Make an Offer
Upload Artwork
07. Reflection
Takeaways
Effective communication and alignment were key
Our engineer was working remotely, so weekly meetings, daily updates, and structured planning were essential for maintaining clarity. Regular reviews and audit notes between our design work and the engineer’s implementation helped catch issues early and keep development on track.
Design Backed by Data
Using data to support design decisions helps bridge the gap when communicating with non-design professionals, making rationale clearer and discussions more objective.
Takeaways
Effective communication and alignment were key
Our engineer was working remotely, so weekly meetings, daily updates, and structured planning were essential for maintaining clarity. Regular reviews and audit notes between our design work and the engineer’s implementation helped catch issues early and keep development on track.
Design Backed by Data
Using data to support design decisions helps bridge the gap when communicating with non-design professionals, making rationale clearer and discussions more objective.
Next steps
More end-user testing
Explore motion and micro-interactions
Next steps
More end-user testing
Explore motion and micro-interactions