Thursday, 4 April 2019

OUGD603 - Baby Brand Collab - Putting the App Together


Following the failure of the lookbook due to image quality issues, we decided that we would produce an online shopping app as well to further display our designs. Abigail left this up to me as she had no idea where to start with app design!

Putting the app together was a fairly simple process as we already had everything in place - imagery, typefaces, etc.

I had used Adobe XD before and found it quite easy to piece together.

I created the app pages within Illustrator,  using imagery and type that we had already created;



Front page of app/loading page;

*main hero image with brand name and logo, and loading circle in corner


Home page;



*home page of app, links to different elements e.g search, basket, featured products etc


Lift-Off Collection page;


*showing products from lift-off collection


Product page 1;
 
*planet romper product page/s


Product page 2;
 
*starlight leggings product page/s

Purchase/place order page;



Once I had created all the pages within Illustrator, I simply saved them as a JPEG and placed them into Adobe XD.




I then used the prototype tools to put together the app, adding the links and click buttons to make the app fully functioning;

No comments:

Post a Comment