The wireframe for our app

1. Logo
Loading Bar

2. Welcome at top.
Next Button to advance
to the next screen

3. Exit Settings Adjustment
Bubble
Settings bubble appears
in front of current slide.
Background darkens.
Text goes from smallest to
biggest, with the user being able
to select their preference. The
same applies with the lighting
setting.
When using the bar, the
screen adjusts to the
user’s preference.

4. Screen is split in half (one
side: Boy, other: Girl)
Sound and settings
button

5. Ages start at “5-9” years
old up to 50 years.

6. Budget title at the top of the screen
Displays the total budget from
where the arrow is pointing on
the price range bar
Price Range bar (£5-£100)
The arrow is intractable, and can be dragged
by the user, and can be dragged to the
preferred budget
Skip button
Back button

7. Interests title at top
Skip and back button
User can choose which
section to check in (after
touching the link).
The search button
hyperlinks into the next
screen, in the case that the
user’s desired category is
not displayed on the first
Interest screen

8. Interests title
Search bar
Keyboard comes up
when the search bar
is tapped on
This screen is only
used if the users
have selected the
search button on the
first interests screen

9. Loading/ Processing
title at the top of the
screen
Gift in the middle of
the screen will
expand as the app
loads
Loading bar

10. Product
Name, Picture &
Price
Place to order product from/ where to
find shops where it is available.
Slide the page for more options