UI Design UX E-commerce Design System

Galeria
Carbono

An art gallery sells original work online, but its site got in the way of both the art and the sale. This is the redesign, from the usability audit that found the problems to the structure and screens that fixed them.

Role
UX research & UI design
Scope
Website & online store
Method
Audit, architecture, design
Handoff
Consolidated components
galeriacarbono.com
A cropped detail of the redesigned Galeria Carbono site
A glimpse, the full home comes later

The catalogue holds work from 120 artists. The site sent visitors into it with no map, no introduction, and a store they had to dig for.

The brief

A gallery, and a shop, in one site

Galeria Carbono represents more than 120 artists and sells original pieces directly through its website. Two jobs sit on the same pages: present the curation like a gallery, and sell the work like a store. The live site served neither well, so the project started by finding exactly where it failed before changing a single pixel.

Where it broke

The audit, surface by surface

A walkthrough of the live site recorded where visitors lost the thread, where content was unreachable, and where the structure fought the catalogue instead of presenting it. These findings became the brief for everything that followed.

Home, banner

An entrance with no introduction

The full-screen banner showed close-ups of a few works and nothing else. Past the logo, a visitor had no idea what Galeria Carbono was or why they had arrived.

Home, showcases

Curation with no context

The showcases carried no introductory text; details surfaced only on hover, and some hover states did nothing. Visitors were loose in an exhibition with no guide.

Menu

120 links inside one dropdown

The menu led to three places, yet the artists submenu unrolled a list of more than 120 names. Far too much for a navigation element to hold.

Artists

Links that led nowhere reliable

The catalogue filtered only by first initial. Each name jumped to a random, sometimes unavailable work rather than a dedicated artist page.

Product page

Technical data as a wall of text

Media was inconsistent, from video to a single low-resolution photo. Technique, medium, certificate and edition all ran together as prose, slowing the read.

About & policies

The story hidden in the footer

The about page, with privacy, delivery and security policies, lived only behind a footer link. The content that builds trust to buy was the hardest to reach.

No captures of the original site are shown here; the findings above are documented from the live-site audit that opened the project.

The turning point

Rebuilding the structure first

Most of the audit traced back to one root cause: there was no real information architecture. 120 artists lived in a dropdown, the store had no home, and policy pages hid in the footer. Before any visual design, the site was re-mapped so every type of content had a place a visitor could predict.

Information architecture sitemap of the redesigned Galeria Carbono
New sitemap. The full structure behind the redesign.Select to view full size

/ Artists as a section

The 120-name dropdown became a browsable catalogue, each artist with a dedicated page instead of a random link.

/ The store, surfaced

Collection, product, cart and a client area became first-class destinations rather than pages buried mid-scroll.

/ Trust, brought forward

About, special projects and policies moved out of the footer into the main structure, where they support the decision to buy.

The idea

A gallery visit begins by walking into the space. The site should do the same: an entrance, a guided route through the curation, and a room where you meet the work.

With the structure settled, one principle guided the visual design. The home becomes the door that positions Carbono. The showcases become a curated route rather than a loose grid. The product page becomes the room where a buyer meets a single piece up close. Every screen that follows is an application of this idea to the problems the audit found.

From problem to redesign

Three screens, three fixes

The decisive screens, each answering a specific finding from the audit. This is also where the redesigned home arrives in full.

The home as the entrance

The banner now positions the gallery, its history and its purpose, the way stepping into the physical space does. The showcases below are sequenced as a curated route, and a weekly highlight gives returning visitors a reason to come back and curation a way to steer attention.

SolvesEntrance with no introduction; curation with no context.
The full home The redesigned Galeria Carbono home page in full
Redesigned artist profile page

Artists, shown through their work

The catalogue pairs each artist with their work, so the list invites browsing instead of scanning initials. Every artist gets a dedicated page built like a portfolio, with their process and available pieces in both text and image, replacing the random links of the old site.

Solves120-link dropdown; links that led nowhere reliable.

The product page as the room

The work is presented with a fuller photo gallery, an immersive slideshow, and room simulation where available. The technical sheet is laid out as a tabulated block, so technique, medium, certificate and edition read in a logical order rather than as one paragraph.

SolvesTechnical data as a wall of text; inconsistent media.
Redesigned product page

The system

Built to ship, not just to show

The redesign was structured into a coherent set of components, so it could move into development as a system rather than a folder of mockups.

Navigation, rethought

The overloaded menu gave way to a structure built around the gallery's real destinations, with artists moved to a browsable page.

Shared surfaces

Home, collection, product, artist and store pages reuse the same blocks: showcases, cards, technical sheets and media galleries, so patterns stay predictable.

Ready for handoff

Components were organized and consolidated, mapping the redesign to reusable pieces a developer can assemble straight into deploy.

Browse every screen

The full set, by area. Select any screen to view it full size.

Home fullHome, full page
Home mobileHome, mobile
Full collectionFull collection
Collection grid viewCollection, grid view
Collection fullscreen viewCollection, fullscreen view
Product pageProduct page
Product page mobileProduct, mobile
Artists catalogueArtists, catalogue
Artist profileArtist profile
Special artist pageArtist, special feature
Online storeOnline store
CartCart
Client areaClient area
Client moodboardsClient, moodboards
Client listsClient, lists
Client purchasesClient, purchases
Special projectsSpecial projects
Special project InhotimInhotim
Special project BardiBardi
Special project PivoPivô
Special project IACIAC
Special project AmericasAméricas
About pageAbout, full page

Outcome

A site that guides instead of stranding.

The redesign turned a flat catalogue into a navigable gallery: 120 artists moved from a dropdown into dedicated pages, the store stopped hiding, and the whole journey from discovery to checkout to the client's own account was rebuilt on a structure visitors can predict. It shipped as a consolidated component set, ready for development rather than a stack of mockups.