Ag by Air Website

Overview:

This project is still in the making! The first thing I did was create a sitemap and wireframes. The sitemap shows a map of all the pages and content within a website. It explains the site's structure and how users navigate it. The wireframes show the layout of each page. It helped me visualize where content will be placed, the functionality, and the navigation of the site.

Using illustrator, I then created a mood board. This helped me come up with a color pallet, topography, and overall aesthetic of the site. Once I had a vibe, I worked on a Design System

I then created a prototype in Figma. This helped me visualize everything on the site in detail. I decided what projects I wanted to include and where they would be placed. I also was able to see how my colors and topography looked on the webpages. After completing this, I began developing my site in Visual Studio Code. I kept everything nicely organized in files so it was easy to find content and create the pages.

Tools Used:

Visual Studio Code, Adobe Illustrator, Adobe Photoshop, Figma, Bootstrap