I’ve been trying to present a very substantial amount of content into a single-page-design and finally found one that I’d like to emulate. I plan on using either the Foundry or Foundation theme for this new site.
The example website is: tenfoldengineering.com
The example site has approximately 12-14 ‘blocks’ that make up the one-page site. The sections I’d like to recreate with stacks are:
ANIMATION GRIDS — in the 3rd-5th blocks on the example site
The site is mainly made up of grids that when clicked, expand the content of a slider) with an indicator-arrow showing which grid is open, similar to an accordion that closes when it, or another grid square is clicked.
VIDEO GRIDS —the 7th-9th blocks on the example site
(with the same indicator-arrow) opens to a video slider
The Q&A Section (approx the 10th block) that uses a similar grid-style for their FAQ/Q&A
The parts of the grid I like which I haven’t been able to find in any stacks so far are:
• the closeness of the grid squares to each other
• the arrow-indicator when a grid square opens in an accordion/tab style (the most important feature that I like from the example site)
• the smooth continuity of the all of the one-page-blocks with the one solid color background throughout
I’m asking about the example site’s content animation, not the kind of animations we use regularly animation of image and text stacks.
One of the services to be presented on the site I’m working on includes a lot of 3D Animation. I was previously planning on rendering out videos of the animations, though I’d love to present them similar to the example site, rather than another video on the site. Does anyone know what stack I could use to recreate the example animations? I was thinking Hype 3 from Tumult might work, then using an html stack for the resulting code from Hype 3. Just a guess, because I don’t understand html or any other web coding languages.
Also, I guess I’d have to find out on my own how to convert, or export my 3D animations to a method to be able to use in Hype 3, especially with the transparent (almost PNG) backgrounds of all of the animations.
Thanks in advance