UX/UI Designer
UX/UI Design Class
Winter, 2024
This project was my first attempt at making a website. The website had to be themed around some sort of cause. I opted to make a website based on an old project of mine. One that is meant to educate users on endangered plants within the United States.
For this project, I started with a low fidelity prototype drawn on paper to try and outline where everything would be and how everything should move. At this point, I had never designed a website before, so many things change between this design and the final website design. A paper prototype is perfect for this as it's easy to edit and cheap to produce.
This high fidelity prototype was created in Adobe XD as it was still the primary Adobe website resource at the time. This process took longer and was my first experience in using Adobe XD. At this point colors, official images, and fonts were selected for the website and the layout became more finalized. This prototype is more similar to the final project.
Green, brown and tan would be the primary colors of the website to help play into the nature/plant motif. In this project, I was using stock images, so I struggled with properly portraying the endangered plants that the website was actually about.
In this project, I prototyped and built the website.
This is the first website I had ever built so I didn't have any experience in knowing how a website should look or function. I knew some basic ideas from websites that I'd seen and what I knew I liked about them, but I didn't know how to get there.
This project only used HTML without and flex tools or other additional plugins that could help ease the process of programming. Getting everything where I wanted was a hassle.
The focus of this website is endangered plants. By the nature of these plants, there aren't many images of them, stock or otherwise. It was impossible to actually portray the plants that the website was for.
I relied a lot on online resources such as the Adobe website and YouTube videos for assistance in learning how to center text and place images how I wanted. I had to learn how to negate certain search queries in order to get answers that were HTML only.
And since I could not portray the plants themselves, i mainly focused on their plant families and the ideals that the website is trying to reach. Humans helping to better the environment and large, healthy forests.
