From Idea to Browser
Timeline
Jan-Apr 2024
Team
Individual Project
My Role
Visual design · HTML & CSS
Prototyping · Deployment
Tools
VS Code
Figma
Five web experiments, from guided HTML and CSS exercises to Taste of Home, an independently designed and developed recipe website.
01
Jaden’s Universe
A personal homepage that translates a classmate’s personality and visual style into a custom web layout.
Focus · Visual identity and page composition
02
Washoe
A teacher-provided template used to practice HTML structure, CSS layout, and the relationship between content and styling.
Focus · Structure and layout logic
03
Emotion Buttons
An emotion-themed button experiment exploring how visual states and feedback shape a simple web interaction.
Focus · Button states and interaction feedback
04
Beyond Borders
An interview and cultural storytelling website exploring how typography, imagery, and visual flow guide a narrative.
Focus · Content hierarchy and reading rhythm
05
Taste of Home
My self-directed recipe website and personal favorite, bringing concept development, visual design, coding, and deployment into one project.
Focus · End-to-end website development
Reflection
From guided layouts to independent development.
Across these projects, I became more confident translating visual ideas into working HTML and CSS. The exercises helped me understand how page structure, typography, and interaction work together to shape the browsing experience.
Taste of Home brought those lessons together in a self-directed website, from an initial concept through design, development, and deployment.