Shelby’s Artist Loft

A Figma prototype that includes both mobile and desktop layouts.

In my Web Interface Design class, we spent a lot of time learning Figma—and I immediately loved it. The layout and tools felt familiar, almost like Illustrator, with layers, shapes, and text tools. But what really stood out was the ability to create interactions, variables, and even conditionals. It felt like I was building a real app, just without needing to code.

For this project, I created an e-commerce website focused on art supplies—something I’m passionate about and familiar with. I designed both a mobile and desktop version of the site. One of my biggest challenges (and accomplishments) was building a working shopping cart. Since it was my first time using Figma, I had to watch tons of tutorials and troubleshoot constantly. After days of experimenting, I finally got the cart to calculate and display product prices correctly.

I also added a fun twist: a social feed similar to Instagram or TikTok, but focused entirely on art. There’s even a special page called Midnight Confessions, where users can anonymously post their thoughts—something unique and different to make the experience feel more personal.

Interestingly, I didn’t start this project with any sketches—I just began dropping in shapes and text based on ideas I had in my head. I originally wanted to avoid using blue (since I tend to gravitate toward it in a lot of my work), but in the end, I settled on a teal-blue and off-white combo that felt balanced and calming.