Visual Design Page

Scroll down to view some of my high school work, which I’ve incorporated into my website using code.

My Gallery!

1 / 4

I used the Adobe app and chose a reindeer shape since this artwork was created around Christmas time. I duplicated the shape, flipped it, added shading, and experimented with different colors. I also adjusted their positions to create the effect of a seamless loop.

2 / 4

I love nature, so I chose this beautiful open landscape to recreate. I even added a sunset which made it much better as a background. The process was challenging, as I had to draw and detail everything pixel by pixel, which was difficult because of my unsteady hand. Working on a laptop made it even harder, but in the end, I’m happy with how it turned out.

3 / 4

I chose this particular photo of Selena Gomez because I love the way she’s posing in this shot—it perfectly captures her confidence. As for the colors in my artwork, I aimed to use vibrant colors that I personally liked and what would complement each other well. I’m happy with how it turned out because it reflects the energy I wanted to capture. The process was a bit challenging, since we had to use Dreamweaver. Which involved repeatedly duplicating the layer, adjusting colors, and doing some touch-ups to refine the image. But in the end, I’m pleased with the result!

4 / 4

For this artwork, I took a quick photo of myself using the photo booth and then traced the image in Photoshop. I designed the background using my name, keeping the overall approach minimalistic. I wanted the design to reflect how I feel, as I believe this adds a personal touch and allows a bit of my personality to shine through in the artwork.

❮ ❯

HTML also known as HyperText Markup Language

HTML is ike the skeleton of a webpage. It’s a language used to create and structure content on a web, like text, images, and links. HTML tells the browser what to display (like paragraphs, headings, images, etc.). It uses tags like h1, p, and img (<>) to define different parts of the page and struture.

CSS also known as Cascading Style Sheets

CSS is another language used to style and change the appearance of a webpage. It's like the skin of the skeleton and tells the browser how the content should look (like what colors, fonts, layout, etc. to use). Makes a webpage look good and organized just like mine!