Bupeart Website

Bupeart is a portfolio and catalogue website created to showcase a collection of whimsical illustrations and handcrafted jewelry.

The project focuses on presenting the artist’s work in an immersive but easy-to-navigate space, designed for users who are drawn to mystical and artistic aesthetics.

Rol: Web Designer, WordPress Developer

Methodology: Atomic Design

Tools: Figma, WordPress

Date: 2023

Demo Video

Context

Many artist portfolios struggle to balance visual expression and usability. Interfaces that are too decorative can distract from the artwork rather than highlight it.

For this project, the challenge was to design a portfolio that preserves a distinct artistic identity while keeping the experience clear, intuitive, and easy to navigate.

Process

Research & Inspiration

To define the visual direction, I explored references from:

  • Artist portfolio websites
  • Illustration platforms
  • Mystical and fantasy-inspired aesthetics

This research helped guide decisions around color palette, typography, and layout, ensuring the design complemented the artwork rather than competing with it.

Design System

To maintain consistency across the interface, I used the Atomic Design methodology.
The system was built by defining core UI elements first:

  • Color palette
  • Typography
  • Button styles
  • Spacing rules
 

These components served as the foundation for the rest of the interface.

Solution

Home

The homepage introduces the artist and quickly immerses visitors in the visual identity of the portfolio.

Key features include:

  • A minimal header with anchor navigation for easy scrolling between sections
  • A custom illustration used as a welcome
  • A clear call-to-action encouraging users to explore the portfolio
  • A preview of the illustration portfolio
  • A jewelry catalogue section showcasing products based on the artwork
 

Visitors can explore both artwork and products directly from the homepage.

Product Pages

The product pages focus on presenting individual items clearly while maintaining the same visual language as the rest of the website.

Each page includes:

  • Clear product
  • Structured product information
  • A layout consistent with the design system
 

This keeps the catalogue visually engaging while making it easy to browse.

Outcome

The final result is a portfolio that highlights the artist’s work while maintaining a clear and intuitive browsing experience.

The design balances expressive style with usability, allowing visitors to explore the artwork naturally without the interface distracting from it.