Use interactions to show and hide embedded objects, like a map in this case!
Use an increasing animation delay to create a waterfall animation effect.
The delay for these particular images increases by .1 second increments.
Create different "sections" by dragging out an Anchor point from the top menu, and applying an interaction of "On Click" > "Scroll to Position"
Ceros is automatically set up for retina devices, which have twice the amount of pixels of normal devices.
Be sure to use the retina size when creating your assets in external programs.
The hotspot for the menu turns the visibility of the "Sidebar Open" layer group to "On".
The Open menu contains even more interactions to show and hide other layers. Check it out!
The side nav bar is made up of only 3 objects when it is closed. A White rectangle shape, a grid icon from the noun project, and a hotspot to open the menu.
1280px x 720px
Templates - Side Navigation
This template showcases a unique side-bar navigation rather than the traditional top hamburger menu. Because of the flexability of Ceros, you can place your navigation anywhere!
LOS ANGELES
SAN FRANCISCO
NEW YORK CITY
SELECT A CITY
VIEW ON MAP
POPULATION 3.976 million
Los
Angeles
VIEW ON MAP
POPULATION 864,816
San
Francisco
VIEW ON MAP
POPULATION 8.538 million
New York
City
