Website Layout
Website Design
The goal of this project was to create a desktop and mobile UI to solve a problem. I chose to solve the problem of designing a portfolio website for myself that showcases my design work and photography. I made my layouts in Adobe Illustrator, then created a test of my website in Figma.
Class: Advanced Web Design
Year: 2023
Try the Desktop Figma…
or the Mobile Figma!
Screens
Home Page
Pictures
Nature
Picture hover state
People
Structures
Portfolio
Videos
Posters
Products
Web
Illustrations
Contact
Picture- Closer Look
Picture- Closer Look (Saved to Favorites)
Portfolio Project- Closer Look
Drop down menu
Mobile Menu pop-out
Mobile: People
Mobile: Structures
Mobile: Picture- Closer Look
Mobile: Picture- Closer Look
Mobile: Products
Mobile: Portfolio Project- Animal Structures
Mobile: Portfolio Project- Fruit Films
Mobile: Illustrations
Mobile: Portfolio Project- Laser Cut Earrings
Mobile: Videos
Mobile: Portfolio Project- Seoul Rules
Mobile: Portfolio Project- Bleach
Mobile: Portfolio Project- Yoshis Go Camping
Mobile: Contact
Thumbnail mockup image by rawpixel.com on Freepik