Redesign
1
Site Map
2
Gallery
Home Page
3
1
1
Sticky Main Menu/Header contains Shake-A-Leg Logo, About, Programs & Activities, Facilities, Get Involved, The Latest (News/Blog), Donate button, and Search.
2
2
Full Page Image Slider up to 3 images that showcase the community that is Shake-A-Leg.
3
Quote Section each image in the Full Page Image Slider has a designate quote.
3
4
5
6
7
8
4
Donate Today Button goes to donation page.
5
Quote Section here place a brief description of what Shake-A-Leg is a in the eyes of the community.
Home Page (cont’d)
4
Impossible Dream Section description of what the Impossible Dream is and Read More button that takes the user to Impossible Dream website.
6
1
Programs Description brief description of different types of programs and activities individuals can do at Shake-A-Leg.
2
7
See More Button takes user to the designated program or activity page.
8
Footer contains Newsletter sign up, Impossible Dream link, Career opportunities link Work With Us, Contact Us link, Social Media links, address, and telephone number.
3
4
5
6
7
8
9
9
Menu Navigation
5
1
About Dropdown when the user clicks or hovers over About in the main menu a dropdown menu appears that contains About Us, Mission & Vision and Team tabs. When the user clicks any tab they are taken to the designate page.
2
3
4
1
2
About Us Page contains Our Story and Who We Are
3
Mission & Vision Page contains the Mission & Vision of Shake-A-Leg
4
Gallery Page contains Shake-A-Leg gallery of activities, volunteers in their work environment.
5
Team Page contains Shake-A-Leg staff members, Board of Trustees, and Sponsors
5
About Us
6
1
Full Page Image dynamic image that relates to the page content.
2
Who We Are description of who Shake-A-Leg is goes here.
3
Our Story of how Shake-A-Leg got started goes here.
4
Download PDF Button when user clicks this button to download a .pdf version of the brochure.
1
2
3
4
Mission & Vision
7
1
Mission of Shake-A-Leg will be here.
2
Vision of Shake-A-Leg will be here.
1
2
Gallery
8
1
Full Page Image Gallery page loads with the first full page image in th carousel.
2
Image Description is contained a in a slightly translucent black container. Here is the Title of the Photo, the byline, date it was taken/uploaded and brief caption.
3
Image Carousel allows the user to a cycle through all upload images. Image in the middle outlined in yellow is the current image loaded in the Full Page Image field.
4
Previous Button this button allows user to step back through the Image Carousel.
5
Next Button this button allows users to step forward through the Image Carousel..
1
2
3
4
6
5
6
Image Number this indicates to the user how many images are in the gallery and what number they’re on.
Team
9
1
Our Team Button when the user clicks Our Team Button only Team Member Profiles of the general staff members populate.
2
Board Button when the user clicks Board Team Button only Team Member Profiles of the Board of Trustees members populate.
3
Mentors Buttons when the user clicks Mentors Button only Team Member Profiles of the mentors populate.
4
Search Field users can type into this field to search for a specific team member information.
5
Team Member Profile contains a picture of the team member, name, their title and contact information.
6
Load More Button user clicks Load More Button to populate more Team Member Profiles.
1
2
3
4
5
6
Menu Navigation
10
1
Programs & Activities Dropdown when the user clicks or hovers over Programs & Activities in the main menu a dropdown menu appears that contains Youth Programs, Adult Programs and Corporate Programs tabs. When the user clicks any tab they are taken to the designate page.
2
3
4
1
Youth Programs Page contains all children programs such as We Can Sail, School Day Outings, During School, Annual Field Trips, The BRIDGE Programs and Summer Camps.
2
Adult Programs Page contains all adult programs such as Veteran Programs, Disabilities Programs and Boat Repair Workshops
3
Corporate Programs Page contains all corporate programs such as Team Building and Community Service.
4
Youth Programs
11
1
Parent Resources Button user clicks Parent Resources Button to get all parent information needed.
2
Programs Menu contains tabs of all the youth programs. When the user selects a program tab its designated Program Description is populate.
3
Program Description of the selected program in the Program Menu and Read More Button.
4
Summer Camp Description Field contains title of the specific summer camp, brief description and Read More Button.
1
2
3
4
Read More Button when the user clicks the Read More Button they will see Dates and Apply Button.
5
5
Adult Programs
12
1
Programs Menu contains tabs of all the adult programs. When the user selects a program tab its designated Program Description is populate.
2
Program Description of the selected program in the Program Menu and Read More Button.
Read More Button when the user clicks the Read More Button they will see Dates and Apply Button.
3
1
2
3
Corporate Programs
13
1
Programs Menu contains tabs of all the corporate programs. When the user selects a program tab its designated Program Description is populate.
2
Program Description of the selected program in the Program Menu and Read More Button.
Read More Button when the user clicks the Read More Button they will see Dates and Apply Button.
3
1
2
3