What I Learned
I learned how to set up grids for each device using specs from Google Material Design. For example; 12 columns for desktop, 8 columns for tablet and 4 columns for mobile. In addition, I used the Atomic Design System for my UI elements. All designs were created in Figma.
I had the opportunity to redesign an existing website (And Justice For All). I designed the pages; Landing, About Us, Our Impact, Events and Contact. (Seen below) In addition, I designed in several formats such as; desktop, tablet and mobile. (Responsive Design)
Desktop Surface Comps (1440 px width)
Tablet Surface Comps (iPad Pro 11")
Mobile Surface Comps (iPhone 13 Mini)
