Application Design Task 4

Eric Chang (0378298)

Bachelor Of Design in Creative Media

Application Design. Task 4 (Week 12-14)

---

Instruction:

---

Task 4: Hi-Fi Prototype

For the final assignment, we are required to convert our lofi prototype into a Hi-Fi prototype. This means that we can use our other color other than gray and white and we can also use icons.

To begin this task I first need to find the color palette that was used by GoPay, and after I found the blue color that is used I can begin this task by converting my homepage into a Hi-Fi Prototype.

I Decided to modify some of the clickable buttons, adding some gradient into it so it looks better and more lively, After the homepage is done I can continue creating the Virtual Card page.

For the virtual card page, I decided to include some transaction history as well, at first I thought that it was not a good idea, but after some thought I decided to add it so the whole pages looks balanced from top to bottom.

Up next is the Card settings page, the adjust transaction limit page and the profile page, for these pages I decided to go with a more simpler approach, and decided to play around with the drop shadow effect to make it look nicer.

And last is the international transfer page, this contains multiple pages, however the art direction that I used is also the same as the previous page, and I also used flat blue for the button color as using a gradient would make it seems odd.

Below are the UI Kit, Lo-Fi Prototype, Hi-Fi Design and Presentation slides.

Lo-Fi Prototype:

* For some reason it only display the card page, please click on the link to open the lo-fi on a new tab (it works).

Hi-Fi Prototype:

Task 4 Presentation Slides: