Biscotti Hi-Fidelity Mockup
SI 320: Graphic Design
Homework 6
Tools Used
Adobe Illustrator, Adobe XD
Assignment Overview
In this assignment for my Graphic Design class, I created a hi-fidelity mockup of an app for Biscotti. This app is designed for customers wishing to purchase items from Biscotti, and was based on the brand identity guide I created for a previous assignment. The final design is inspired by client provided wireframes. It uses iOS design concepts to ensure user readability through building a strong hierarchy and generating a sense of balance.
Brainstorming and Wireframes
Client Provided Wireframes
Initial Designs
![screen 2.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/a7d21db8-e6c5-42f0-9e35-0e4637c4421b/screen+2.png)
![screen 1.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/5b945e93-8a61-4c9c-acf2-45303c114dcc/screen+1.png)
![screen 3.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/47bdd965-031b-4730-9fdd-69210142a09c/screen+3.png)
![screen 4.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/acaa68dc-f80e-459b-9379-9a30a660ed12/screen+4.png)
![screen 6.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/aa3be820-361a-41c0-9da7-9f4fec09e8c7/screen+6.png)
Final Designs
![screen 1_final.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/499ddf5f-aeaa-4f1a-bd0e-3df2659e41e0/screen+1_final.png)
![screen 2_final.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/47ef660a-6120-4363-b835-d938ba63ecd5/screen+2_final.png)
![screen 3_final.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/e73f1ed8-3d27-4d85-906d-283502ab81f5/screen+3_final.png)
![screen 4_final.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/00984fc8-2a9d-44a7-bc67-1aba9006fe1a/screen+4_final.png)
![screen 5.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/fa7cae4d-e7dd-444f-86cd-ae3774beb3e6/screen+5.png)
![screen 6_final.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/eaa7dd66-1d19-40a6-b27f-de3b4f0e9e44/screen+6_final.png)
![homework6_deliverable copy_Page_2.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/15fdec8a-d7b6-44c0-8f8d-807c28a8b988/homework6_deliverable+copy_Page_2.png)
![homework6_deliverable copy_Page_4.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/eb35bab5-35b8-44b8-bd38-207ca0b4a4ac/homework6_deliverable+copy_Page_4.png)
![Screen Shot 2021-05-21 at 11.37.06 PM.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/f18661e9-8d74-4e50-946f-4dc73542c408/Screen+Shot+2021-05-21+at+11.37.06+PM.png)
![homework6_deliverable copy_Page_5.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/14171091-a095-4f67-885b-121870abb787/homework6_deliverable+copy_Page_5.png)
![homework6_deliverable copy_Page_6.png](https://images.squarespace-cdn.com/content/v1/5f9c9e784af57421c10d8b55/9710bc4a-007b-41d9-b7c7-374ccc606c55/homework6_deliverable+copy_Page_6.png)