Build a responsive, mobile-friendly home page template. The template should be divided into modular sections that allow us to hide/show different modules for each section depending on what content we want to promote on our home page. I’ve included a mockup showing each section that we’d like to have incorporated onto the new page.
Here’s a list of different home page designs that we like:
It’s important that we utilize Smart Modules to personalize content to a visitor based on whether they are known to our database. We’ll want to present broad, corporate messaging to unknown contacts with the purpose of introducing them to CADD Edge with clear messaging about what we do. For known contacts that are presumably familiar with our company we’ll want to promote products, webinars, events or blog posts.
For the most flexibility, I’m thinking that it makes sense to develop a number of ‘Global modules’ within Hubspot that can be added to the template as needed.
Height of modules should scale dependent upon size of content. Some modules will be full-screen height while other modules will be varied in height, driven by the height of the content that’s placed within that module.
For all modules, we’d like to have the ability to easily choose a background color or image.
Would like to develop a 1, 2, 3 and 4 column version for each module created.
Referring to the included JPG site mockup :
Top Navigation Menu, sticks to top of page when scrolling down so that it’s always visible
Section 1, Embedded video in background with text layover
The video will be hosted on Wistia. We’d like the ability to easily change the video.
Background video example: http://communispond.com/
Icons & “Quick Navigation” separating top section from section below it. Specific menu items are still to be determined.
Section 2, Two-column layout with separator and CTA buttons
Section 3, Wistia video (with pop-over window) with headline text and hyperlinked text below
Section 4, Office Locations, Smart Module to present to new visitors (unknown visitors)
Section 5, Promotional Module with placeholders for headline, sub-head, images and CTA
Blog Section, Three-column layout showing latest 5 post titles for 3 different blogs on our site
Footer, Simple footer with hyperlinks to common areas of the site