Forearmed Supplies
Forearmed Supplies
Embedded Files
Forearmed Supplies is a sample website I created to practice and strengthen my understanding of fundamental design principles. Through this project, I learned how to guide a user’s attention as they navigate a webpage—focusing on visual hierarchy, spacing, and readability to create a clear and balanced experience.
This was also my first project where I built a sitemap, sketched wireframes by hand, and refined them into a clickable prototype in Figma for testing and feedback. The process helped me connect the dots between structure and creativity—turning early ideas into a functional, visually cohesive design.
I created this project while I was just starting to learn Figma during my Google UX/UI Design course. Still getting comfortable with the basics, I decided to design a fictional outdoor adventure catalog—mostly just something random that could feel like a real project.
The main goal was to practice building a webpage while applying solid design principles. Since the site is completely fictional, I kept the content simple and focused instead on layout, spacing, and visual balance. This project helped me understand how to make a page feel clear, natural to navigate, and visually cohesive.
Here are some shots of the different sections of this webpage. I created the images and example content with AI.
This project was one of the first where I took my ideas from simple hand-drawn wireframes to a more structured design process. I even imagined collaborating with a small design team—discussing what to refine, what to simplify, and how to bring the layout to life. From there, I moved into Figma and started creating basic black-and-white wireframes, focusing on structure, flow, and usability before adding any visual style.
This project was one of the first where I took my ideas from simple hand-drawn wireframes to a more structured design process. I even imagined collaborating with a small design team—discussing what to refine, what to simplify, and how to bring the layout to life. From there, I moved into Figma and started creating basic black-and-white wireframes, focusing on structure, flow, and usability before adding any visual style.
The main focus of this project was creating my first sitemap and thoughtfully planning how each element would guide the user’s experience. I wanted everything to feel intentional—clean, professional, and visually appealing. I researched popular outdoor supply websites to understand what users expect, but I also wanted to bring in some of the energy and excitement I felt those sites were missing.
For the layout, I went with a layer-cake design featuring a product carousel. This setup allowed for large, immersive images and a more interactive browsing experience. My goal was to inspire users who love outdoor adventures by showing sweeping landscapes alongside action shots of fictional explorers. Instead of cluttering the interface with long lists or endless filters, I aimed to create a smooth, step-by-step flow that felt intuitive and engaging.
Through this project, my understanding of the design process really came together. I realized that perfection isn’t the goal—great design evolves. The best projects grow and improve over time, guided by user feedback and the discovery of needs users might not even know they have.
Page updated
Google Sites
Report abuse