Mixing sophisticated flare with contemporary art

Bluefineart: A Showcase of Sophisticated Web Design for Art Galleries

Art gallery websites are traditionally antiquated with low resolution images of their artist’s work. We partnered closely with the Blue Gallery team to do a brand uplift, new user experience, new visual design, and migrate their website over to the Webflow CMS from Wordpress.

112.7%
Organic Search
Traffic increase
128.1%
Organic User
Sessions Increase
115.2%
Total Users Event
improve
20
Artists Keywords
Ranking improve
Visit live website
Prototyping
Graphic design
UX/UI design
Lottie animations
Webflow Development
Custom code
API integrations
Webflow training
CLIENT DETAILS
Up-heading

Understanding the problem

Business goals

Similar to most of our partners, their team decided to move away from WordPress and adopt Webflow as their primary development tool.

The key reason to move to Webflow was because they needed the ability to quickly build new landing pages at scale.

450+ Artist
5000
Arts

Business challenges

Their previous development partner was not reliable, which put their team in a tough position. They needed a reliable partner that would be there to migrate and continue working with them after the first version went live.

450+ Artist
5000
Arts
Chapter 1
RESEARCH
KEY OBSERVATIONS
Up-heading

Asking the right questions

Research goals

Art can be subjective. It was important for us to find the happy balance between form and function so that the website was both functional & aesthetically pleasing.

01

Authentic

Each piece is unique and handcrafted by the artist. The personal touch matters.

02

Semi-realistic

Balancing realism with each art piece creates the perfect ambiance in person.

03

Transparent

Highlighting artists, dimensions, availability etc. needed to be clearly stated.

04

Abstract

Making sense of the unknown by having clear descriptions of the art and artist history.

How do art galleries acquire new artworks for their collections?
What are some common types of art exhibitions held in galleries?
How do art galleries set prices for their artwork?
What is the role of a gallery director in managing an art gallery?
How do art galleries acquire new artworks for their collections?
What are some common types of art exhibitions held in galleries?
How do art galleries set prices for their artwork?
What is the role of a gallery director in managing an art gallery?
How do art galleries promote their exhibitions to the public?
What is the process of organizing a group show in an art gallery?
How do art galleries interact with art collectors and buyers?
What are some of the challenges faced by small independent art galleries?
How do art galleries promote their exhibitions to the public?
What is the process of organizing a group show in an art gallery?
How do art galleries interact with art collectors and buyers?
What are some of the challenges faced by small independent art galleries?
How do art galleries impact the cultural and economic landscape of a city?
What is the difference between a museum and an art gallery?
How do art galleries manage and display sculptures and installations?
How do galleries address issues of inclusivity and diversity in their exhibitions?
How do art galleries impact the cultural and economic landscape of a city?
What is the difference between a museum and an art gallery?
How do art galleries manage and display sculptures and installations?
How do galleries address issues of inclusivity and diversity in their exhibitions?
COMPETITIVE ANALYSIS
Up-heading

Interface inspirations

line

Defining a visual direction

The primary things to highlight needed to be the art and the artist. Having this duo combination would be what helped tell a better story.

Chapter 2
USER EXPERIENCE
Creating SITE MAP
Up-heading

Creating the system

Bluefineart - Sitemap & Back-end architecture

Final Draft
Wire frames
Up-heading

Low fidelity designs

Chapter 3
visual design

Colors

RGB
FF0099
RGB
57B99D
RGB
1D3946
RGB
252122
RGB
8A8A8A
RGB
F24242

Poppins

VISUAL DESIGN
Up-heading

Visual design guidelines

Chapter 4
Measuring Success

Not only they do an exceptional job, but they care about taking design and functionality to a higher level. They care about delivering only what you need in the best possible way. You can expect only professionalism from the Zabal team.

Mauricio Delgado
Art & graphics director

Like what you see? Don't let your website idle another day

START A PROJECT
Go to the next project:
SuperPhone
Mod
zabal