REALITY CHECK :

( Final Expenses will have a deduction of 2% monthly expenses in the final tally)
2/9 ( Preseelcted electricity ad Water and Gas is basic expenses it automatically
comes preselected,
visitor can not unselect these two options as they are the essentials)
Basic Package and u cannot deselect it
CHOOSE YOUR PLAN: They can select anyone,there is no basics
Personal Expenses:

TOP SECTION
1
1.1
1.2
1.2.1
1.2.2
1.2.3
1.3

Top section of the page should display Hero Image (currently it

is the Students) in the background.
Hero Section should display the following text headings:
"Welcome Veterans "
"Not sure how to pursue your education or Career?
" We can help you get answers"
Centre of Hero Section should display the three columns.
Each individual column should contain a text on top, followed by
(specific) logo, main header and a plus icon at the bottom.

1.3.1

The user should be able to see additional texts that replaces the
content of the column as you mouse over these 3 columns
The 3 columns are as following:
1st Section (Leftmost) should display:

1.3.2

Text: 'I am not sure what I am interested in.'

Logo
"Assess your Interest" Search' as main Heading text
Plus sign at the bottom of this section should direct the
user to ' Interest Assessment page'.
2nd Section should display:

1.3.3

Text: 'I want to get a job. How do I find one that suits my
skill'
Logo
'Assess your Skills and Values'as the main Heading
Plus sign at the bottom of this section should direct the
user to 'Values assessment page.

3rd Section should display:

1.3.4

Text: 'I want to go to college. How do I go about choosing

the right one?'
Logo
Textual Write-up related to Veterans Benefit programs
Plus sign at the bottom of this section should direct the
user to College Planner section

Below the Hero's section, the K-12 landing page should display:
An Image (Cash). ( Refer to the diagram section)
1.4

'How much is good enough' text

Textual write-up
'Get a Reality Check' button that directs the user to the ...

1.4.1

CENTRE SECTION: Testimonials Section

1.4.2

Testimonials Section: Background (Top half of the Centre

section) should display an Image in the Background

1.4.3

Testimonials section should display a Text heading "What former

students are saying."
Testimonials section should display 3 non-demarcated individual
columns highlighted by white padding. Each individual padding
should display the following:

1.4.4

1.4.5

1.4.6

1. Photo of the student

2. Name of the student
3. Testimonial ( 6-8 lines )
Bottom half of the Center section should display 'Ask Ginny for
Help' Section (differentiated by lighter background or padding).

Smart Tools Section

Refer to Ask
Ginny for
Help section

Footer Question Section

1.4.7

1.4.8

1.4.9

REALITY CHECK

This page should display Reality Check Navigation which allows

the user to perform various steps leading up to the final
calculation of the expenses.
This section should show the following icons:
Location Icon
Housing Icon
UTILITIES
FOOD
TRANSPORTATION

1.4.10 CLOTHING
Healthcare
Personal expenses
Education
'Your Expense' results

It has titleabove the naviagtion icons

Text paragraph above the
1.4.11

subtuitle below the navigation icons

Print button ( MAYBE THE PRINT BUTTONshould come at the
end of the results section) Not here

VA maz
zone s that are clicksbale
default view: ( some of cities richond arlington ronaoke
Hover on them ( that region will be highlighted and then usre
can click that
check mark post selection
Naviation bar
next icon
1.4.12

Go Back icon: alllows the user to go backt o hthe pervious page

Next
a nuber is displayed ( fraction)
Numerator : what page u are on
Denominator : Total no of pages

Title
Toal
1.4.13 Icon of that tools based on the selction of the user
Item desctiption for the selection user

HOUSING
Nothing is selecetd
1.4.14

The user cannot click next unless they have selected one option
( Efficentiny option sis selected by default which is diplayed
thorgh a highlighted efficenciey appartment and a check mark

( Selct one option

image which behave like radio buttons
Button : Image with a text, clickable with excepetion ( which are
mentioned to be non-deselectable)
1.4.15 4 IMAGES with a short description of what the selcetion is
hover over it is hightlighed
if teh user clicks on them a check box is displayed on the icon

1.4.16

1.4.17

1.4.18

1.4.19

Ulities: are preselected which can not be unselected by the user

No need to
mention to
all the