↓

This web-based personal portrait, created in VS Code, organizes my favorite pictures of memories and interests such as various foods, matcha, and the beach into categorized pages. The project translates personal identity into a curated digital collection, using layout and interaction to express personality through design.

Michelle’s Archive Web

Web Design

HTML, CSS, IA, Responsive Layout Design, Front-end Development

VS Code

HTML Overview

Used class-based CSS and flexbox to structure and align content, creating organized columns and rows that visually grouped memories and favorite items across pages cohesively.

Layout & Page Overview

The page uses a column structure composed of horizontally scrolling rows for each category, such as beach locations and food. Hierarchy is established within each gallery through a larger hero image paired with two smaller supporting images, creating visual rhythm and emphasis as the layout repeats across sections.

A travel blog page about beaches, showing images of Santa Cruz, Hawaii, Tahoe, and Puerto Rico with descriptions of each location and people enjoying beach activities.
A webpage titled "Michelle's Archive" features images and articles about the beach, matcha, and food. The top image shows a woman sitting on rocks by the ocean, with a boat and mountains in the distance. The second image shows a variety of matcha drinks and snacks on a wooden table.
A webpage titled 'beach archive' with sections describing different beaches and islands, featuring photos of coastal scenes, beaches, ocean waves, a woman at the beach, palm trees, and a person sitting on stairs by the water.
Screenshot of a personal blog webpage titled 'michelle's archive' with a large photograph of a woman sitting on rocks by the ocean, with a mountain in the distance under a partly cloudy sky. The website has sections for 'home,' 'beach,' 'matcha,' and 'food,' and contains blog entries about the beach, different coffee beverages, and Korean food, with various accompanying images of food and scenery.
A webpage titled 'matcha archive' featuring various green tea drinks and images of cafes, food, and people enjoying beverages.
Screenshot of a food blog webpage with sections on Korean, Italian, Japanese foods, and desserts, featuring various dishes and food items.