6 10

SWITCH BANK LOG OUT No. Element Details

1 11 1 Logo/Header area Logo/Header of specific time bank

2 Search Bar Standard search goes to results page x.x
8 12 3 offers/request filter Filters for offers only, requests only or all. Design will be
7 8 slider as seen in comps.
4 Storefront Links Each icon and text takes user to specified ‘storefront’
2 Search page.
9
5 Storefronts Link On click goes to page with all storefronts belonging to
13 specified bank.
All
3 6 ‘Switch Bank’ link Switches user to another bank (copy is tbd)
Offers Only
7 View buttons Switches between grid view and list view
Requests Only
8 Sort Buttons Sorts by latest posting, alphabet and location
Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor POST
9 Postings Icons Dynamic icons based on user postings
Ipsum Lorem Dolor: On click, opens Transactions Card x.x
10 Log Out Logs user out. Area is replaced with Login/Register
module
4
11 User Icon On Click takes user to Log page
12 Transaction Messages Number of transactions the user has in process.
Ipsum Ipsum Ipsum
13 ‘Post’ button Opens ‘post’ module x.x

Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor 14 Pagers Standard pager moves Posting icons to next selections

Ipsum Ipsum Ipsum

Ipsum Ipsum Ipsum

Page 1 2 3 4 5 NEXT 14
5 Ipsum Lorem Dolor
Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor
 LOG OUT No. Element Details
1 Postings Icon Image Image associated with Posting
2 Posting Title Title given to post by user in Posting Card x.x
8 3 Posting Date Date of posting.
4 ‘Close’ button Removes module from page

Search 5 Posting Text Text given to post by user in Posting Card x.x
6 Currency Either Time (in hours), Free or both Time + Free
7 Storefront Icon Storefront Posting is listed under
All
8 Poster Icon Name and icon of poster.
Offers Only
On click goes to poster info card x.x
Requests Only
4 9 Location (optional) Optional location put by poster in Posting Card x.x with
Ipsum Lorem Dolor Ipsum
DolorLorem Ipsum
2 Dolor
Dolor Lorem 3 5 days ago and mapping link link to Google Maps (opens in new browser window/tab)
1 Ipsum Lorem Ipsum Lorem Dolor POST
“Lorem ipsum dolor sit amet, consectetur adip- 10 ‘Contact’ button On click, opens dialogue box x.x
Ipsum Lorem Dolor:
isicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad 5
minim veniam, quis nostrud exercitation ul-
lamco laboris nisi ut aliquip ex ea commodo
consequat.” $ = Time + Free 6
Ipsum Ipsum Ipsum
Neighborhood Map It
7 8
Ipsum Lorem Dolor Ipsum Lorem Dolor
9
Ipsum Lorem Dolor
CONTACT 10
Ipsum Lorem Dolor
Ipsum Name
Ipsum Ipsum Ipsum

Ipsum Ipsum Ipsum

Page 1 2 3 4 5 NEXT
Ipsum Lorem Dolor
Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor
 LOG OUT No. Element Details
1 Dialogue Text Box Text box for entering dialogue
2 ‘Send’ Button On click, sends dialogue to user and closes ‘Transac-
8 tion’ module x.x
3 Transaction Messages Message text “Your message has been sent to {name}
3
for {name of transaction}” and number increases by +1
Search

All
Offers Only

Requests Only

Ipsum Lorem Dolor Ipsum

Ipsum Lorem Dolor Lorem Dolor 5 days
DolorLorem Ipsum
ago
Ipsum Lorem Dolor POST
“Lorem ipsum dolor sit amet, consectetur adip-
Ipsum Lorem Dolor:
isicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ul-
lamco laboris nisi ut aliquip ex ea commodo
consequat.” $ = Time + Free
Ipsum Ipsum Ipsum
Neighborhood Map It

Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor
Ipsum Name
Ipsum Ipsum Ipsum
“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
1
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”

Ipsum Ipsum Ipsum

SEND 2
Page 1 2 3 4 5 NEXT
Ipsum Lorem Dolor
Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor Ipsum Lorem Dolor