1 of 13

Redesign

1

2 of 13

Site Map

2

Gallery

3 of 13

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.

​

4 of 13

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

5 of 13

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

6 of 13

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

7 of 13

Mission & Vision

7

1

Mission of Shake-A-Leg will be here.

​

2

Vision of Shake-A-Leg will be here.

​

1

2

8 of 13

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.

​

9 of 13

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

10 of 13

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

11 of 13

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

12 of 13

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

13 of 13

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