Artisphere: A Website for Art Lovers

A responsive website that brings art enthusiasts together through events, challenges, artist features, and more. It was my first full-fledged project using just HTML and CSS, without templates.

Project Type

Website Design & Development (HTML + CSS)

Date

December 2024

Course

Web Technologies | Semester 4

Is a nation’s ambition best seen in what it taxes, or in what it invests in?

What Sparked This?

This project came from a web tech elective course that I took up in my third year in college, where we were tasked with coding a functional website from scratch, no templates, just pure HTML and CSS. I saw this as a chance to build something personal, so I designed a platform around one of my passions: art and creativity.

I imagined a space that could showcase different art styles, events, and even highlight an artist of the year, something that would feel curated, personal, and welcoming to fellow creatives. The brief allowed for full creative freedom, which pushed me to experiment with layout, color, form, and accessibility, while learning how to code the story I wanted to tell.

What I Explored

I explored how to bring visual storytelling into clean, accessible code. While working on Artisphere, I developed:

Structuring & Layout:

Used display: flex, .row, .col, and .ctn for layout flexibility
Learned to manage margins, paddings, and box-sizing effectively

Design & Styling:

Customized fonts, font weights, and text decoration
Created responsive headers, background images, and navigation bars
Adjusted spacing, widths, and overflow settings

Interactivity & Functionality:

Built a fully functional contact form (with dropdowns, text areas, validation structure)
Created smooth section flow and mobile responsiveness

This project made me understand how visual design and logic come together in front-end development—and how small code decisions shape user experience.