1. Elements (Client)
1.1. Social Media
1.1.1. Instagram
1.1.2. Facebook
1.1.3. Twitter
1.1.4. LinkedIn
1.1.5. Pinterest
1.1.6. YouTube
1.1.7. Header and possibly replicate in footer
1.2. Featured Story
1.2.1. Large Photo
1.2.2. Title
1.2.3. Description
1.2.4. Cards
1.2.4.1. Photo
1.2.4.2. Title
1.2.4.3. Description
1.2.4.4. Link to full story
1.2.5. Maybe big hero image as featured story w/ Title/Desc/Read more and then 3/4 Card stories underneath?
1.3. Featured Members & Girl Stories? Just do Featured Stories for now
1.3.1. Photo
1.3.2. Title
1.3.3. Description
1.3.4. Read more
1.4. Tagline
1.4.1. Inspiring women to inspire girls
1.5. * Calendar Shortcut Links
1.5.1. Featured
1.5.2. Los Angeles
1.5.3. Chicago
1.5.4. New York
1.5.5. MS
1.5.5.1. Maybe use a dropdown
1.5.5.2. One of the most used features on current site
1.5.6. RB
1.5.6.1. Current site has tabbed interface and shows title, date, desc, etc. for each
1.6. Upcoming Events
1.6.1. Need to distinguish between 3 locations
1.6.1.1. Los Angeles
1.6.1.2. Chicago
1.6.1.3. New York
1.6.2. Default Events Module
1.6.2.1. Title
1.6.2.2. Date/Time
1.6.2.3. Hosted By
1.6.2.4. Location
1.6.2.5. Read more
1.7. Email Signup
1.7.1. First Name
1.7.2. Last Name
1.7.3. Email Address
1.7.4. MS: Doesn't need to go into the header
1.7.5. RB: Maybe do big section right above footer
1.8. Search
1.8.1. Put in or around footer
1.9. Partner Logo(s)
1.9.1. Place in footer
1.9.2. RB: Rather have this a full width section possibly if it's more than 1
1.9.3. Full width that scrolls thru
1.10. Video
1.10.1. https://www.youtube.com/watch?v=U9msHyFMLZg
1.10.2. Title?
1.10.3. Description?
1.11. What they Do & Why Area
1.11.1. Title
1.11.2. Text
1.11.3. Photo
1.11.4. Learn more link
1.12. Main Nav
1.13. Footer Nav
1.14. Membership CTA/Join the Community CTA?
1.14.1. Join us as we work to ensure all girls have the opportunity to fulfill their potential!
1.14.1.1. Put in header above big image
1.15. Take some things from Infographic?
1.15.1. http://216.92.137.239/basecamp/3497265/soapboxcmsengage/StepUp_Impact.jpg
1.16. Pull stuff from here?
1.16.1. http://216.92.137.239/basecamp/3497265/soapboxcmsengage/AASUWN_2014_GeneralDeck_v8.pdf
1.17. Great impact stat: National Urban High School Graduation Rate: 60% | Step Up High School Graduation Rate: 100%
1.18. Section of Stats
2. Priorities & Goals
2.1. Become nationally recognized expert in empowering girls from under-resourced communities to graduate high school confident, college-bound and career-focused
2.2. Have worked with 5,000 girls by 2020
2.3. Inspire our diverse network of professional women to support the teens by sharing their collective experience, leveraging their resources, and opening doors for experiential learning opportunities
2.4. Inspires Action
2.5. Articulates Mission & Impact
2.6. Easily identifies how someone could help StepUp
2.7. Showcase individual stories about the need in our communitites
2.8. Easily make donations, register for events and & volunteer sign up
2.9. Showcase partnerships via case studies or clippings
2.10. Entice sign ups
3. Stakeholder Takeaways
3.1. What we do
3.2. Why they should care
3.3. How to contribute
4. Design
4.1. Goals
4.2. Values/Emotions
4.2.1. Aspiring
4.2.2. Altruistic
4.2.3. Positive
4.2.4. Sophisticated
4.2.5. Positive
4.2.6. Inspiration
4.2.7. Modern
4.2.8. Feminine
4.2.9. Clean
4.2.10. Fresh
4.2.11. Chic
4.2.12. Empowering
4.2.13. Fun
4.2.14. Condfident
4.3. Look & Feel
4.3.1. Bold
4.3.2. Imagery of Girls
4.3.3. Daisy
4.3.4. Classroom imagery/bg
4.3.5. Lots of images w/ bold text on top
4.3.6. Like SHOP style sites
4.4. Colors
4.4.1. Bright Orange PMS 1655C CMYK 0/63/91/0 RGB 244/125/48 HEX #ff5113
4.4.2. Vibrant Yellow PMS 1375C CMYK 0/40/90/0 RGB 250/166/52 HEX #ffa12d
4.4.3. Cool Grey PMS 431C CMYK 11/1/0/64 RGB 106/115/123 HEX #5f6a72
4.5. Fonts
4.5.1. Gotham Light as body font
4.5.2. Have style guide pdf
5. Style Tiles
6. Website Inspiration
6.1. CityYear
6.1.1. www.cityyear.org
6.1.2. Big photography
6.1.3. Sticky Menu on scroll
6.1.4. Clean, clear design
6.1.5. RB
6.1.5.1. Big bold design
6.1.5.2. Huge click nav is nice
6.1.5.3. Really blocky but it works because of the spacing
6.1.5.4. Simple color scheme
6.2. Kids Alliance
6.2.1. www.kids-alliance.org
6.2.2. Clean, clear design
6.2.3. Sticky Menu on scroll
6.2.4. Big photography
6.2.5. RB
6.2.5.1. Good use of fonts/color
6.2.5.2. Like how modules overlay homepage slider
6.3. THR
6.3.1. www.hollywoodreporter.com
6.3.2. Bold photo's w/ text overlayed
6.4. La's Best
6.4.1. www.lasbest.org
6.4.2. RB
6.4.2.1. Right sidebar
6.5. Fullfillment Fund
6.5.1. http://www.fulfillment.org/
6.5.2. RB
6.5.2.1. Clean homepage, but could use space
6.6. Homeboy Industries
6.6.1. http://www.homeboyindustries.org/
6.6.2. RB
6.6.2.1. Like big main column areas
6.6.2.2. Header across site w/ donate button in it
6.6.2.3. Arrow design
6.7. Ban Bossy
6.7.1. www.banbossy.com
6.7.2. RB
6.7.2.1. Large modern design
6.7.2.2. Colorful
6.7.2.3. Sticky header
6.7.2.4. Clean layout
6.7.2.5. Nice girly fonts
7. Step Up is
7.1. Step Up is the only nonprofit that connects women and girls for role modeling focused on the areas of confidence, college prep, and career focus.
7.2. Step Up is the only after-school program provider that brings the boardroom to the classroom.
7.3. Step Up is the only after-school program provider that connects girls with professional women role models.
7.4. Step Up is the only nonprofit membership organization for professional women that incorporates philanthropy.
8. IA (Proposal)
8.1. Organisms
8.1.1. Header
8.1.1.1. Logo
8.1.1.2. Tagline
8.1.1.3. Social Media Links
8.1.1.3.1. Instagram
8.1.1.3.2. Facebook
8.1.1.3.3. Twitter
8.1.1.3.4. LinkedIn
8.1.1.3.5. Pinterest
8.1.1.3.6. YouTube
8.1.1.4. Nav
8.1.1.4.1. About
8.1.1.4.2. Calendar
8.1.1.4.3. Membership
8.1.1.4.4. Partners
8.1.1.4.5. Give
8.1.1.4.6. Press
8.1.1.5. Calendar Shortcuts
8.1.1.5.1. LA w/ icon
8.1.1.5.2. Chicago w/ icon
8.1.1.5.3. NY w/ icon
8.1.2. Footer
8.1.2.1. Social Media Links
8.1.2.1.1. Instagram
8.1.2.1.2. Facebook
8.1.2.1.3. Twitter
8.1.2.1.4. LinkedIn
8.1.2.1.5. Pinterest
8.1.2.1.6. YouTube
8.1.2.2. 2 Level, Opened Main Nav
8.1.2.3. Footer Nav
8.1.2.3.1. Contact Us
8.1.2.3.2. Privacy Policy
8.1.2.3.3. Site Requirements
8.1.2.3.4. Site Map
8.1.2.3.5. Secure Login
8.1.2.4. Logo/Title
8.1.2.5. Address
8.1.2.6. Phone/Fax
8.1.2.7. Email
8.1.2.8. Copyright. All Rights.
8.1.2.9. Search
8.1.2.9.1. Input
8.1.2.9.2. Button
8.1.2.10. Non-Profit SBX Logo
8.1.2.11. Join the Community CTA
8.1.3. Daisy Diaries (Features Area Carousel)
8.1.3.1. Tab Content
8.1.3.1.1. Photo
8.1.3.1.2. Heading
8.1.3.1.3. Content
8.1.3.1.4. Learn More
8.1.3.2. Tab(s)
8.1.3.2.1. Title
8.1.3.2.2. Tagline
8.1.3.3. Like
8.1.3.3.1. jcrew.com
8.1.3.3.2. Royal Slider
8.1.3.3.3. They want this to have similar content as 'Things we Love' area on banbossy.com but in this carousel format like on jcrew.com
8.1.4. Join the Community CTA
8.1.5. 3/4 Upcoming Events
8.1.5.1. Heading
8.1.5.2. Event
8.1.5.2.1. Title
8.1.5.2.2. Date/Time
8.1.5.2.3. Hosted By
8.1.5.2.4. Location
8.1.6. Partner Logos
8.1.6.1. Heading
8.1.6.2. Description
8.1.6.3. 4-6 Logo Carousel w/ partner level label
8.1.7. Video
8.1.7.1. Heading
8.1.7.2. Description
8.1.7.3. Video
8.1.8. Newsletter Signup
8.1.8.1. Heading: "Get the latest news from Step Up"
8.1.8.2. First Name
8.1.8.3. Last Name
8.1.8.4. Email Address
8.1.8.5. Location Select (National, Chicago, LA/OC, New York)
8.1.8.6. Button: "Join"
8.1.9. The Why
8.1.9.1. Header: "Inspiring Women to Inspire Girls"
8.1.9.2. Tagline: "We believe all girls deserve the chance to fulfill their potential"
8.1.9.3. Join Us CTA Button
8.1.9.4. Full width w/ large static BG image
8.1.10. What We Do (Stats)
8.1.10.1. 3 column across full-width area
8.1.10.2. Maybe have icon/image for each, callout #'s
8.1.10.3. Heading
8.1.10.4. Our Challenge
8.1.10.5. Approach
8.1.10.6. Impact
8.2. Templates
8.2.1. Homepage
8.2.1.1. Header
8.2.1.2. Hero: The Why
8.2.1.3. What We Do (Stats)
8.2.1.4. Daisy Diaries (Features Area Carousel)
8.2.1.5. Partner Logos
8.2.1.6. Newsletter Signup
8.2.1.7. Footer
8.2.2. Subpage
8.2.2.1. Header
8.2.2.2. Article
8.2.2.3. Footer