1. Design Brief Notes
1.1. Brands page
1.1.1. Brand logos, blurb and link to site
1.2. Competitor Reference
1.2.1. http://www.grupobimbo.com/
1.2.2. http://www.conagrafoods.com/
1.2.3. http://www.smithfieldfoods.com/
1.2.4. http://www.entenmanns.com/op-locator-Store-Outlet.cfm#.U_LUHmRdWht (product locator)
1.3. Client Site(s)
1.3.1. http://www.bimbobakeriesusa.com/
1.4. Target Audience
1.4.1. Job seekers. We want potential job seekers to find opportunities and perhaps more importantly leave the site feeling like they found a place that respects what they do and those who do it.
1.4.2. Partners (independent operators, potential suppliers, truck companies and people who want to buy a route)
1.4.3. Consumer Relations…specifically, the BBU consumer relations team will use the site to answer consumer questions related to where they can find product. They need one place that is quick and easy to access the information.
2. Ideas
2.1. Modern, full-width site design
2.2. Long, single pages
2.3. Sub navigation at top, 'sticky' and are just anchor links to content below. Similar to a one-page site.
3. Templates
3.1. About Us
3.1.1. Header
3.1.2. Page Header w/ Hero
3.1.2.1. Page Title
3.1.2.2. Page Sub Title*
3.1.2.3. Hero Image
3.1.3. Section: Our Purpose
3.1.3.1. Header
3.1.3.2. Content Block
3.1.4. Section: Our Vision
3.1.4.1. Header
3.1.4.2. Vision Grid (5 Blocks)
3.1.4.2.1. Icon/Photo
3.1.4.2.2. Content Block
3.1.5. Section: Our Values
3.1.5.1. Header
3.1.5.2. Content Block
3.1.6. Section: Our History
3.1.6.1. Header
3.1.6.2. Content Block(s)
3.1.7. Section: Investor Relations
3.1.7.1. Header
3.1.7.2. Content Block
3.1.7.3. Link to Grupo Bimbo
3.1.8. Section: Media Center
3.1.8.1. Header
3.1.8.2. Contacts Grid (3 Blocks)
3.1.8.2.1. BBU
3.1.8.2.2. BBU Brands
3.1.8.2.3. Grupo Bimbo
3.1.8.3. Section: Not with the Media?
3.1.8.3.1. Content Block(s)
3.1.9. Section: Fact Sheet
3.1.9.1. Header
3.1.9.2. Facts Grid (10 Blocks)
3.1.9.2.1. Icon/Photo
3.1.9.2.2. Content Block
3.1.10. CTA Grid
3.1.10.1. Join our Team
3.1.10.2. Contact Us
3.1.10.3. Our Brands
3.1.11. Footer
3.2. Our Brands
3.2.1. Header
3.2.2. Page Header w/ Hero
3.2.2.1. Page Title
3.2.2.2. Page Sub Title*
3.2.2.3. Hero Image
3.2.3. Content Block: Intro
3.2.4. Brands List
3.2.5. Product Locator
3.2.6. CTA Grid
3.2.6.1. Join our Team
3.2.6.2. Contact Us
3.2.6.3. Our Distributors
3.2.7. Footer
3.3. Corporate Responsibility
3.3.1. Header
3.3.2. Page Title
3.3.3. Sub Anchor Nav (Horizontal)
3.3.4. Section: Statement & Stability
3.3.4.1. Content Block(s)
3.3.5. Section: 4 Sembrando Juntos Pillars (Grid)
3.3.5.1. Header
3.3.5.2. Our Associates
3.3.5.2.1. Icon/Photo
3.3.5.2.2. Title
3.3.5.2.3. Blurb
3.3.5.3. Our Community
3.3.5.3.1. Icon/Photo
3.3.5.3.2. Title
3.3.5.3.3. Blurb
3.3.5.4. Health & Wellness
3.3.5.4.1. Icon/Photo
3.3.5.4.2. Title
3.3.5.4.3. Blurb
3.3.5.5. Environment
3.3.5.5.1. Icon/Photo
3.3.5.5.2. Title
3.3.5.5.3. Blurb
3.3.6. Section: Associates
3.3.6.1. Header
3.3.6.2. Content Block
3.3.7. Section: Community
3.3.7.1. Header
3.3.7.2. Content Block
3.3.8. Section: Health & Wellness (Grid)
3.3.8.1. Header
3.3.8.2. Content Block
3.3.8.3. 5 Points
3.3.8.3.1. Icon/Photo
3.3.8.3.2. Content Block
3.3.8.4. Content Block
3.3.9. Section: Environment
3.3.9.1. Header
3.3.9.2. Content Block
3.3.10. Block: Visit Grupo Bimbo
3.3.10.1. Visit Grupo Bimbo
3.3.11. CTA Grid
3.3.11.1. Join our Team
3.3.11.2. Contact Us
3.3.11.3. Our Brands
3.3.12. Footer
3.4. Join Our Team
3.4.1. Header
3.4.2. Page Title
3.4.3. Block: Intro
3.4.4. Latest Opportunities List
3.4.5. Section: Our Careers
3.4.5.1. Header
3.4.5.2. Blurb
3.4.5.3. Block: USA Careers
3.4.5.3.1. Logo/Icon
3.4.5.3.2. Title
3.4.5.3.3. Link to site
3.4.5.4. Block: Linkedin
3.4.5.4.1. Logo/Icon
3.4.5.4.2. Title
3.4.5.4.3. Link to site
3.4.5.5. Block: Career Builder
3.4.5.5.1. Logo/Icon
3.4.5.5.2. Title
3.4.5.5.3. Link to site
3.4.5.6. Layout Ideas
3.4.5.6.1. 3 column grid
3.4.6. CTA Grid
3.4.6.1. Learn more About Us
3.4.6.2. Contact Us
3.4.6.3. Our Brands
3.4.7. Footer
3.5. Distributors
3.5.1. Header
3.5.2. Page Title
3.5.3. Content Block: Intro
3.5.4. Distributors List
3.5.5. Block: Link to BBUIO.com
3.5.6. CTA Grid
3.5.6.1. Learn more About Us
3.5.6.2. Contact Us
3.5.6.3. Our Brands
3.5.7. Footer
3.6. General Content (1-col)
3.6.1. Header
3.6.2. Page Title
3.6.3. Content Block: Intro*
3.6.4. Content Block(s)
3.6.5. CTA Grid
3.6.5.1. Learn more About Us
3.6.5.2. Contact Us
3.6.5.3. Our Brands
3.6.5.4. * any combination of CTA's that relates to the content
3.6.6. Footer
3.7. General Content (2-col)
3.7.1. Header
3.7.2. Page Title
3.7.3. Content Block: Intro*
3.7.4. Content Block(s)
3.7.5. Sidebar
3.7.5.1. Content Block(s)
3.7.5.2. Organisms & Molecules
3.7.6. CTA Grid
3.7.6.1. Learn more About Us
3.7.6.2. Contact Us
3.7.6.3. Our Brands
3.7.6.4. * any combination of CTA's that relates to the content
3.7.7. Footer
3.8. Product Locator (Form)
3.8.1. Header
3.8.2. Page Title
3.8.3. Page Sub Title
3.8.4. Block: Intro
3.8.5. Form
3.8.5.1. Brand (Select)
3.8.5.1.1. Maybe instead of Select, have logo grid of brands, and the user clicks on the brand they want to locate. More visually appealing
3.8.5.2. Zip Code (Input)
3.8.5.3. Distance (Select)
3.8.5.4. Submit button
3.8.5.4.1. Success > Jump to Products List
3.8.5.4.2. No Results > Ajax message
3.8.6. CTA Grid
3.8.6.1. Learn more About Us
3.8.6.2. Our Distributors
3.8.6.3. Contact Us
3.8.7. Footer
3.9. Product Locator (Products List)
3.9.1. Header
3.9.2. Page Title
3.9.3. Block: Intro
3.9.4. Block: Results Message
3.9.5. Product List
3.9.5.1. UPC # (is this necessary?)
3.9.5.2. Product Title (Jump to Stores List)
3.9.5.3. Product Image*
3.9.5.4. Instead of table layout, have grid layout
3.9.6. Action Bar:
3.9.6.1. Search again
3.9.7. CTA Grid
3.9.7.1. Learn more About Us
3.9.7.2. Our Distributors
3.9.7.3. Contact Us
3.9.8. Footer
3.10. Product Locator (Stores List)
3.10.1. Header
3.10.2. Page Title
3.10.3. Block: Intro
3.10.4. Block: Results Message
3.10.5. Store List
3.10.5.1. Store Name
3.10.5.2. Store Logo*
3.10.5.3. Address Info
3.10.5.3.1. Address
3.10.5.3.2. City, State & Zip
3.10.5.4. Distance
3.10.5.5. View Map
3.10.5.5.1. Link to Google Maps
3.10.6. Ideas
3.10.6.1. Have google map integration and show markers on the map for each store (walmart.com)
3.10.6.2. Store list as grid instead of current table structure
3.10.7. Action Bar:
3.10.7.1. Search again
3.10.7.2. Back to Products List
3.10.8. CTA Grid
3.10.8.1. Learn more About Us
3.10.8.2. Our Distributors
3.10.8.3. Contact Us
3.10.9. Footer
3.11. Contact Us
3.11.1. Header
3.11.2. Page Title
3.11.3. Block: Intro
3.11.4. Block: Plant Tours
3.11.4.1. Header
3.11.4.2. Blurb
3.11.4.3. Link to Form
3.11.4.4. Icon/Photo?
3.11.5. Block: Business Service Inquiries
3.11.5.1. Header
3.11.5.2. Blurb
3.11.5.3. Link to Form
3.11.5.4. Icon/Photo?
3.11.6. Block: Food Service Feedback
3.11.6.1. Header
3.11.6.2. Blurb
3.11.6.3. Link to Form
3.11.6.4. Icon/Photo?
3.11.7. Block: Our Drivers
3.11.7.1. Header
3.11.7.2. Blurb
3.11.7.3. Link to Form
3.11.7.4. Icon/Photo?
3.11.8. Block: Consumer Questions & Feedback
3.11.8.1. Header
3.11.8.2. Blurb
3.11.8.3. Link to Form
3.11.8.4. Icon/Photo?
3.11.9. Sidebar
3.11.9.1. Mailing Address
3.11.9.1.1. Header
3.11.9.1.2. Bimbo Bakeries USA
3.11.9.1.3. Department
3.11.9.1.4. Address
3.11.9.1.5. Phone
3.11.9.1.6. Fax
3.11.9.2. FAQ's
3.11.9.2.1. Header
3.11.9.2.2. Blurb
3.11.9.2.3. Icon/Photo?
3.11.9.3. Hotline
3.11.9.3.1. Header
3.11.9.3.2. Blurb
3.11.9.3.3. Icon/Photo?
3.11.10. Google Map w/ Location
3.11.11. CTA Grid
3.11.11.1. Learn more About Us
3.11.11.2. Join our Team
3.11.11.3. Our Brands
3.11.12. Footer
3.12. Contact Us Form
3.12.1. Header
3.12.2. Page Title
3.12.3. Block: Intro
3.12.4. Form
3.12.4.1. On submit, ajax message appears w/ success or error message
3.12.5. Footer
4. Pages
5. Molecules
5.1. Page Title
5.2. Page Sub Title
5.3. Hero Image
5.4. Sub Anchor Nav (Horizontal)
5.4.1. Link to areas on the page
5.4.2. Sticky?
5.5. Brands List
5.5.1. Logo
5.5.2. Blurb
5.5.3. External link to brand site
5.6. Product Locator
5.6.1. Heading
5.6.2. Blurb
5.6.3. Locate Product Form
5.6.3.1. Brand (Select)
5.6.3.2. Zip Code (Text)
5.6.3.3. Distance (Select)
5.6.3.4. Button 'Locate Product'
5.7. Google Map w/ Location
5.8. Content Block (s)
5.8.1. Plain
5.8.2. 2 column w/ Image on R/L
5.9. CTA's
5.9.1. Join Our Team
5.9.1.1. Heading
5.9.1.2. Blurb
5.9.1.3. Button
5.9.2. Contact Us
5.9.2.1. Heading
5.9.2.2. Blurb
5.9.2.3. Buttons for each form
5.9.3. Our Brands
5.9.3.1. Heading
5.9.3.2. Blurb
5.9.3.3. Couple brand logos
5.9.4. Our Distributors
5.9.4.1. Heading
5.9.4.2. Blurb
5.9.4.3. Button
5.9.5. Learn more About Us
5.9.5.1. Heading
5.9.5.2. Blurb
5.9.5.3. Button
6. Organisms
6.1. Header
6.1.1. Logo
6.1.2. Home icon
6.1.3. Primary Nav
6.1.3.1. About Us
6.1.3.2. Our Brands
6.1.3.3. Corporate Responsibility
6.1.3.4. Join Our Team
6.1.3.5. Distributors
6.2. Footer
6.2.1. Pull up Panel?
6.2.2. Primary Nav
6.2.2.1. About Us
6.2.2.2. Our Brands
6.2.2.3. Corporate Responsibility
6.2.2.4. Join Our Team
6.2.2.5. Distributors
6.2.3. Social Nav
6.2.3.1. Facebook
6.2.3.2. Twitter
6.2.3.3. LinkedIn
6.2.4. Secondary Nav
6.2.4.1. Contact Us
6.2.4.2. Product Locator
6.2.4.3. Terms of Use
6.2.4.4. Privacy Policy
6.2.4.5. CA Supply Chain
6.2.5. Copyright / All Rights
6.3. Product Locator
6.3.1. Heading
6.3.2. Sub Heading
6.3.3. Description
6.3.4. Locate Product Form
6.3.4.1. Brand (Select)
6.3.4.2. Zip Code (Text)
6.3.4.3. Distance (Select)
6.3.4.4. Button 'Locate Product'
6.3.5. Results List
6.3.5.1. # Results message
6.3.5.2. List of Products
6.3.5.2.1. UPC: #
6.3.5.2.2. Product Title (Link)
6.3.6. Product Stores List
6.3.6.1. # Stores message
6.3.6.2. Back to Search Button
6.3.6.3. Email Results Button
6.3.6.4. Print Page Button
6.3.6.5. Stores List
6.3.6.5.1. Store Name
6.3.6.5.2. Store Address
6.3.6.5.3. Distance from Zip
6.3.6.5.4. View map > (To Google)
6.4. Page Header w/ Hero
6.4.1. Page Title
6.4.2. Page Sub Title*
6.4.3. Hero Image
6.5. Section
6.5.1. Header
6.5.2. Sub Header*
6.5.3. Content Blocks
6.5.4. BG Image/Pattern/Color
6.6. CTA Grid
6.6.1. Join our Team
6.6.2. Contact Us
6.6.3. Our Brands