We have already designed our site, we simply need someone to develop the site and maintain it. Here is a description of our needs and a site map is attached to give a better idea of how much we need.
Overall Navigation:
Sticky header
Nav bar: reveals sub navigation for each main item on click
“reserve a table” tab (also part of sticky nav): reveals customized OT widget on hover
Footer newsletter signup: click in to reveal two input fields and confirmation button. After confirmed, replaces text with “Thanks"
Homepage:
Ticker-style count up animation to number like this - [login to view URL]
Loads with slightly animated photograph like this: [login to view URL]
(We will have our photographer create this in whatever format is best.)
Header locks in and goes directly to next “screen” on scroll- example of the “screen-by-screen” locking in effect that I’m talking about: [login to view URL]
Headline text fades in and circle icons appear on scroll, icons grow “towards” the front, and then “drop” into next screen.
On next scroll, circles flip around to reveal another image
On next scroll,
cookie image and text drop in
on next scroll, text fades out and cookie drops to bottom of screen
on scroll,ingredient box fades in
on scroll, some ingredients fade out and some change to bold text
on scroll, faded ingredients disappear and bold ingredients rearrange/grow to center
scroll to end, boxes on the bottom have hover states and are links.
Careers:
[login to view URL] - somewhat similar to this effect, scroll-wise.
From page load, with the text, controlled scrolling locks into photo background segment on scroll.
From there, the background remains and the content fades in and out on scroll, at the same time as the water animation. It comes out from the ground, scales up, and then disappears.
The photo boxes expand to a popup on click
the circle navigation next to “FRG career path” has rollovers to show the navigation and are clickable to that phase.
Blog
can be filtered by category
Team
Change color of the name boxes on hover. Modal on click with bio text.
Cookbook
Click to reveal FAQ answers
Contact
Form
Reservations
Same OT widget as navigation.
Image changes as selections are made. This is done on our new Founding Farmers website: [login to view URL]
Farm to Still
Similar scrolling effect to careers, but no animation, and only 4 sections. Design not done yet.
Press
No interactivity, just links.
Story
Will use blog post template, just static content.