anthony's recipes prototype mockup

Home page high-fidelity design for fictitious client Anthony

Project Type: High-fidelity design
My Role: Student
Client: Northern Alberta Institute of Technology
Tools: Adobe Photoshop
Year: 2020

For my Web Usability class, I created a high-fidelity design for a fictitious client and his website, Anthony’s Recipes. The design is for the landing page, and I created a design for mobile, tablet, and desktop screens.

I included hover states for links and buttons; there are also separate artboards displaying the dropdown menus for the mobile and tablet sizes.

I made sure to adhere to the Photoshop etiquette by giving proper names to layers, creating groups, and working with artboards.

I also created a Style Guide, outlining the colour palette, typography, grid layout, spacing, and other essential information.