Copy of Soapbox Engage

1. Landing Page

1.1. Common Elements

1.1.1. Header

1.1.1.1. Logo

1.1.1.2. Main Nav

1.1.1.2.1. Sticky

1.1.1.2.2. Floating on Image

1.1.1.3. Secondary Nav

1.1.2. Hero Image/SS

1.1.2.1. Title

1.1.2.2. Desc

1.1.2.3. Primary CTA

1.1.2.4. Secondary CTA

1.1.2.5. Background image

1.1.2.6. App/Web interface shot

1.1.2.7. Thumbs of video's that open in modal

1.1.2.8. Social sharing/links

1.1.3. Client List

1.1.3.1. Logo's

1.1.3.2. 'Used By xxx' as header

1.1.4. Testimonials

1.1.5. Case studies/Customer Stories

1.1.6. Why Soapbox Engage?

1.1.6.1. Listing of reasons w/ icons/screens

1.1.7. Features list

1.1.7.1. Screenshot

1.1.7.2. Title

1.1.7.3. Description

1.1.8. Services list

1.1.9. How it Works

1.1.9.1. Step by step on how the platform works

1.1.10. Runs on & Integrations

1.1.10.1. Show browsers/platforms, etc that the software can run on w/ icons, screenshots, etc.

1.1.11. Newsletter Signup

1.1.12. Screenshots of application

1.1.13. Customer examples

1.1.14. Plans and Pricing

1.1.15. Demo Schedule

1.1.16. Benefits

1.1.17. Primary CTA area

1.1.18. FAQ area

1.1.19. Team

1.1.19.1. Photo

1.1.19.2. Name

1.1.19.3. Description

1.1.19.4. Title

1.1.19.5. Social

1.1.20. Contact

1.1.20.1. Title

1.1.20.2. Description

1.1.20.3. Contact Form

1.1.20.4. List of primary contact people

1.1.20.4.1. Name

1.1.20.4.2. Photo

1.1.20.4.3. Number

1.1.20.4.4. Email

1.1.20.4.5. Title

1.1.21. Social links

1.1.22. Immediate Contact for Sales

1.1.23. Social sharing

1.1.24. Footer

1.1.24.1. Nav

1.1.24.2. Social links

1.1.24.3. Copy/Rights

2. Ideas

2.1. Main nav

2.1.1. Logo w/ simple text nav & signup button

2.1.2. Have 4/5 apps in own row, big buttons for easy 1 click access w/ secondary nav above, next to the logo

2.2. Hero

2.2.1. Shot of hand interacting w/ ipad on the website (sumall)

2.2.2. Maybe have apps as part of the Hero, show they connect in some way?

2.3. Testimonials

2.3.1. Quote, name, company, photo

2.3.2. Big photo, quote, name w/ social links (sumall). More impact than just text.

2.4. Have Stats

2.4.1. Have stat sections to showcase # of clients, sites launced on platform, conversion rates, etc.

2.5. Homepage

2.5.1. Layout Idea A

2.5.1.1. Hero

2.5.1.2. Testi/Case Studies

2.5.1.3. Product List

2.5.1.4. Client List

2.5.1.5. CTA Grid

2.6. Product Landing Page

2.6.1. Like Hubspot Blog Page, telling a story

2.6.2. Screenshots of customer sites

2.6.3. Case Studies

2.7. Hubspot 3-col CTA on Every Page

2.8. Footer

2.8.1. Like MetaLab footer setup, with products at bottom

2.9. Have Team Page?

2.9.1. Individual photo's with little bio and social links?

2.10. Live Sales Chat option?

3. Site Map

3.1. Home

3.1.1. Products (Tools? Software?)

3.1.1.1. Donations

3.1.1.2. Events

3.1.1.3. Petitions

3.1.1.4. Shop

3.1.1.5. Search

3.1.1.6. Submit

3.1.2. Features

3.1.3. Solutions

3.1.4. Success Stories

3.1.5. Pricing

3.1.6. Contact

3.1.7. About

3.1.8. Resources

4. Molecules & Organisms

4.1. Header

4.1.1. Logo

4.1.2. Main Nav

4.1.2.1. Tools

4.1.2.2. Features

4.1.2.3. Solutions

4.1.2.4. Success Stories

4.1.2.5. Pricing

4.1.2.6. Trial CTA

4.1.2.7. Demo CTA

4.1.3. Secondary Nav

4.1.3.1. Resources

4.1.3.2. About

4.1.3.2.1. Partners

4.1.3.2.2. Team

4.1.3.2.3. News & Press

4.1.3.3. Blog

4.1.3.4. Contact

4.1.4. Tetriary Nav

4.1.4.1. Depends on section you are in

4.1.4.2. Tools: Would list the 6 tools across top w/ icons

4.2. Modular Sections

4.2.1. Hero's

4.2.1.1. Need Hero w/ just Video

4.2.2. Primary CTA Area (Hubspot)

4.2.2.1. Questions? Call us.

4.2.2.2. Request a demo

4.2.2.3. Start a free trial

4.2.3. CTA (Single)

4.2.3.1. Heading

4.2.3.2. Desc

4.2.3.3. CTA

4.2.3.4. Video or image highlight

4.2.3.5. Schedule a demo

4.2.3.6. Start a free trial

4.2.4. Used by/Client listing Area

4.2.4.1. Heading

4.2.4.2. Rows of logo's

4.2.5. Features Grid (Single row)

4.2.5.1. Heading

4.2.5.2. Description

4.2.5.3. Feature

4.2.5.3.1. Image/Icon

4.2.5.3.2. Title

4.2.5.3.3. Description

4.2.5.3.4. Learn more button

4.2.5.4. CTA button

4.2.6. Testimonial (Single)

4.2.6.1. Quote

4.2.6.2. Name

4.2.6.3. Title

4.2.6.4. Company

4.2.6.5. Photo, video or client logo?

4.2.6.6. More button

4.2.7. Testimonial Grid (Single row)

4.2.7.1. 2/3/4 columns

4.2.7.2. Heading

4.2.7.3. Description

4.2.7.4. Testimonials

4.2.7.4.1. Quote

4.2.7.4.2. Name

4.2.7.4.3. Title

4.2.7.4.4. Company

4.2.7.4.5. Photo

4.2.7.5. More button

4.2.8. Stats

4.2.8.1. Chart

4.2.8.2. Title

4.2.8.3. Subtitle

4.2.8.4. Desc

4.2.8.5. Stat

4.2.8.6. Icon

4.2.9. Plays nicely w/

4.2.9.1. Heading

4.2.9.2. Description

4.2.9.3. View more products button

4.2.9.4. Product list

4.2.9.4.1. Icon

4.2.9.4.2. Product name

4.2.9.4.3. Learn more button?

4.2.10. Success Story (Featured/Single)

4.2.10.1. Company

4.2.10.2. Descriptive story title

4.2.10.3. Desc/Intro

4.2.10.4. Photo, video or logo

4.2.10.5. Read full story button

4.2.10.6. View more stories button

4.2.11. Success Story Grid (Single row)

4.2.12. Horizontal Internal Nav

4.2.13. Solution Based Pricing Set

4.2.14. Sidebar

4.2.14.1. Internal Nav

4.2.15. Ideas/Todo

4.2.15.1. Primary CTA Area (Hubspot) with Team photo as the BG. Gives us a real personal touch, but team photo would be on every page?

4.2.15.2. Hero w/ Video for Homepage

4.2.15.3. Separate Form Page + Thank You

4.2.15.4. Showcase module for showing off Client sites?

4.2.16. Product List

4.2.16.1. Heading

4.2.16.2. Description

4.2.16.3. Product

4.2.16.3.1. Icon/Photo

4.2.16.3.2. Product Name

4.2.16.3.3. Description

4.2.16.3.4. Learn more button

4.3. Content Blocks

4.3.1. Video

4.3.2. Large Summary

4.3.3. Page Intro

4.3.4. Page Header

4.4. Footer

4.4.1. Nav

4.4.1.1. Main & Secondary Nav w/ sub-level list so all features, tools & solutions are at least listed

4.4.2. Copy & Rights text

4.4.3. Other Nav

4.4.3.1. Terms

4.4.3.2. Privacy

4.4.3.3. Sitemap

4.4.4. Get in Touch/Connect

4.4.4.1. Social links + buttons

4.4.4.2. Phone

4.4.4.3. Email

4.4.4.4. Live Chat?

4.4.5. Newsletter Signup

4.5. Bottom (like MetaLab)

4.5.1. More products by PICnet

4.5.2. Non-Profit Soapbox

4.5.3. Soapbox Mailer

5. Templates

5.1. Home

5.1.1. A

5.1.1.1. Hero

5.1.1.2. Hero w/ Product List

5.1.1.3. Client Grid

5.1.1.4. Primary CTA

5.1.2. B

5.1.2.1. Hero

5.1.2.2. Testimonials

5.1.2.3. Product List

5.1.2.4. Client List

5.1.2.5. Primary CTA

5.1.3. C (RO's)

5.1.3.1. Hero w/ Video

5.1.3.2. Primary CTA

5.1.3.3. Client List

5.2. Basic Interior

5.3. Products

5.3.1. A

5.3.1.1. Hero w/ Overview Video

5.3.1.2. 6 Products Stacked

5.3.1.3. Primary CTA

5.3.2. B

5.3.2.1. Hero w/ Overview Video

5.3.2.2. 6 Products Grid

5.3.2.3. Stats

5.3.2.4. Primary CTA

5.4. Product landing

5.4.1. A (RO)

5.4.1.1. Video Demo

5.4.1.2. Plays Nicely With

5.4.1.3. Testimonials

5.4.1.4. Primary CTA

5.4.1.5. Features

5.4.1.6. Content Block: Purpose Summary

5.4.1.7. Content Block: What Makes this Product Different?

5.4.2. B

5.4.2.1. Hero

5.4.2.2. Client List

5.4.2.3. Testimonials

5.4.2.4. CTA

5.4.2.5. Primary CTA

5.4.2.6. Features

5.4.2.7. Places Nicely With

5.4.2.8. Video

5.4.2.9. Case Studies

5.4.2.10. Showcase

5.4.2.11. Stats

5.4.3. C

5.4.3.1. Showcase

5.4.3.2. Stats

5.5. Success story

5.6. Success stories landing

5.6.1. A

5.6.1.1. Hero

5.6.1.2. Primary CTA

5.6.1.3. Case Study List

5.7. Industry vertical

5.8. Industry vertical landing

5.9. Pricing

6. Design Ideas

6.1. Fonts

6.1.1. Cocogoose & Muli