ADVANCED INTERACTIVE DESIGN - PROJECT 1


16.04.2020 (Week 1 - Week 5)
Rausha Aminath (0337000)
Advanced Interactive Design
Project 1



INSTRUCTIONS






Content Development
For our project 1 we were tasked to create an application for an online store. I noted down my ideas for the app and started looking at references and came up with the content.  

Content: 
  • Coffee Shops: Backyard Coffee & Blue Bottle Coffee
  • Shop Descriptions (Location, Ratings): Trendy cafe chain offering upscale coffee drinks & pastries, plus beans & brewing equipment. 300 Webster St, Oakland, CA 94607
  • Type of Coffee: Americano $2.75, Espresso $3, Cappuccino $3.75,  Latte $4.25, Dalgano Coffee $4.25, Ice Coffee $4
  • Cart: Cart Total, Tax, Delivery, Promo Discount, Subtotal
After this, wireframes were developed and I then gathered images. 

Images Gathered

Process
After gathering all the content, I started illustrating the icons on Illustrator and creating the necessary button icons. 

Illustrator Process
Illustrator Process

After this I took the content to Adobe Animate and started content arranging and creating buttons and squirting. Finally I animated the application UI. 

Added to Cart Movie clip process

Creating and Adding buttons

Project 1 Submission

Compilation slides 


Static Version of the final outcome.

Page 1: Splash Screen
Page 2: Homepage
Page 3: Coffee Shop details
Page 4: Choose Drink
Page 5: Cart
Page 6: Order Placed


Final outcome:


Comments

Popular Posts