working wireframe

Below are videos of working wire frames that i created using adobe Xd. I decided to use this to create a working wire frame so that i could get a better understanding of how each idea would work as an app.

Comparison app for beauty products

Above is a video of my working wire frame for a comparison app. 

good features :

- quick and easy to use

- had most of the basic features that an app needs

Bad features :

-icons at the bottom seem out of place, could do with re thinking

- no space for branding/logo

Here are the wire frames for this design :

Scanner app for beauty products 

                                          

Above is a video of my working wire frame for a scanning app. 

good features: 

- quick and easy to use

- limited features so its not over complicated

- efficient to use in a hurry as the scanner is the home page

bad features :

-limited features could be considered as bad as the product doesn't offer anything else

here are the wire frames for this design :

After creating the wire framing for both these apps and getting feedback from my peers i decided that combining the two ideas into one app would make it twice as efficient. The app could then be used in any situation, in a shop, at home, used for looking for something now, used as a reminder and also just used for comparing products, all as well as being tailored to the person.


Target audience :

After deciding on what my app was going to do it was clear that the target audience was women, or people that use beauty products and like to save money. It is also ideal for students as they have a  tight budget. I dont want to exclude men from this app or for them to be discouraged to use it, so i will include a men section that can be used by them or by women buying for men.