To refine this i added a 'Join Mailing List' section at the bottom of my home page. Using the prototype section i linked it to a seperate page which allows you to enter your details.
To begin my app I created a homepage. I added graphics that I had ready to go for my website and text that featured on my website.
I then began to design my home page by placing the logo and menu of which would be featured across all pages. I then created my four link pages. Next i added all the graphics and buttons that i would link across my pages using the prototype section
My second page was the 'Shop' page. I completed adding the shopping icons to my shop page. They are all the same size and I allowed for the page to be able to scroll down.
The refinement process for this was to add the text at the top, ensuring that the customers were informed of the considerations before they place an order.
For the sale page i made the price icons at a sale price and ensured that the sale page looked identical to the shop page.
​
To refine to design i created circles and typed the text 'SALE' over the top and placed it on the right hand corner.
A problem that i faced whilst creating my App was that i created a flashing GIF in Adobe Animate. This animation was no compatible with XD, this caused the word 'sale' to be viewed as a standard word not a flashing animation.
For the Care Guide page, I again involved imagery already found on my official website. I then applied the same imagery and colours to pull together the overall aesthetic.
The About page was as simple as copying over the text and imagery I already created for the website.
The last thing to do for my app was to use the prototype and link all of the graphics to the right pages. After I did this I use the programs mobile application to view the app and make sure it worked.