Art Showcase Website for a Painter Using HTML & CSS

Project Overview

This project is a minimalist artist portfolio website created to showcase the paintings of Ukrainian artist Leonid Pavlenko.
I designed and built the website fully using HTML and CSS, focusing on clean layout, easy navigation, and a simple visual hierarchy.

My Role

UI Designer • Web Designer • Front-End Developer (HTML/CSS)

Project Goals

Create a professional digital gallery for an artist
Present artworks in a clean, visually appealing layout
Ensure simple navigation between Home, About, Gallery, and News
Implement a responsive layout for different screen sizes
Build the site without frameworks — only HTML and CSS

Process

1. Information Architecture

I structured the site into 4 pages:

Home — hero image + introduction
About — biography & creative background
Gallery — artwork collection
News — announcements, exhibitions

2. Wireframing

Created low-fidelity wireframes to define spacing, sections, and the grid.

3. UI Design

Used a neutral colour palette to keep the focus on the artwork
Clean typography (Open Sans / Inter)
Balanced white space to create a gallery feel

4. Development (HTML & CSS)

Flexbox + CSS Grid
Custom layout for artworks
Responsive images
Navigation hover states
Hard-coded artist details and categories

Live Link

https://ilonapavlenko12-byte.github.io/leonid-pavlenko-portfolio/

What I learned

This project strengthened my knowledge of layout systems, responsive design, and building structured web pages from scratch using only HTML and CSS.