際際滷

際際滷Share a Scribd company logo
Celtra Builder Features
Presentation
Builder Features Overview
Presentation
Swipey Gallery,
Flippy, Stack
Presentation
Interactive features that beautifully
display brand content for increased
user engagement
 Build interactive creative quickly and easily
 Choose from a selection of components that
can increase engagement by allowing users
to browse, pan, scroll and swipe
Present media to users with a selection
of predefined component behaviors
Presentation
Light Table
360尊 View TransitionAnimatey
GridSwipey Gallery
PannableStack Swipey GroupFlippy
Transition Component
Elevate your creatives with animated transitions
 Create cinematic transitions between multiple
images and videos
 Choose from 15 preset transitions to transform
static images into visually appealing creatives
 Trigger transition automatically through user
scroll* or time activated animation
 Preview as you go with in-Builder preview
* Available only on web.
Building with Transition Component
Transition Component Example
360尊 View
Showcase the design of an object
from all sides
 Leverage a series of images to build a 360尊 view
of an object
 Tilt or swipe horizontally to engage
 Animate without user interaction and predefine
the rate and direction of the spin (optional)
 Use 360尊 view to create flipbooks or other frame
based interactive animations
Building with 360尊 View
360尊 View Example
Animatey
GIF-like experience for when using a
video file just isnt an option
 Display a series of still images
 Set the direction of the animation, choose
looping and control the speed to achieve
the desired effect
 Trigger the animation automatically or on
user interaction
Building with Animatey
Animatey Example
Grid
Easy way to exhibit a collection of
images within a table display
 Thumbnail size is calculated automatically
based on set number of rows and columns
 Thumbnails can be tapped to trigger an
event, which is useful for creating a visual
navigation menu
 The look can be adjusted by changing the
padding (cell-spacing) and shadowing
Building with Grid
Grid Example
Swipey Gallery
Showcase a product or a service using
any number of images
 Build a user interface for browsing using a swiping gesture
 Set the swiping direction to be either horizontal or vertical
 Configure the images to auto-animate and loop, customize
the padding and select between easing options
 Create a custom menu bar or navigation mechanism
Building with Swipey Gallery
Swipey Gallery Example
Light Table
Seamlessly create an image gallery
with thumbnail navigation
 Works best with 5 or more items in the gallery
 When more then 5 items are presented, the
consecutive thumbnails will slide into view when
the last item is reached
 Items and thumbnails can have a custom design
Building with Light Table
Light Table Example
Pannable
Efficiently use the screen real estate
to show a larger image
 Pan or scroll across a larger masked item
 Add interactivity to your pannable object by adding
Buttons or Hotspots
 Auto-scroll the masked item to move in any direction
Building with Pannable
Pannable Example
Stack
Create a stack of cards gallery
 Swipe left or right to dismiss each card or image
 Combine with Flippy component to allow users
to flip two-sided cards
Flippy
Create an interactive card that can be
flipped from side to side
 Set card to flip in configured direction (north,
south, east, west)
 Trigger the flip automatically or on user
interaction such as tapping the card or tapping
another object on the screen
Building with Stack & Flippy
Stack Example
Swipey Group
Enables users to swipe through a set of
grouped items
 Users can swipe horizontally or vertically
 Create subpages using containers on a single
creative page and place multiple components on
a single page
Building with Swipey Group
Swipey Group Example

More Related Content

Celtra builder features - Presentation

  • 3. Presentation Interactive features that beautifully display brand content for increased user engagement
  • 4. Build interactive creative quickly and easily Choose from a selection of components that can increase engagement by allowing users to browse, pan, scroll and swipe Present media to users with a selection of predefined component behaviors Presentation Light Table 360尊 View TransitionAnimatey GridSwipey Gallery PannableStack Swipey GroupFlippy
  • 5. Transition Component Elevate your creatives with animated transitions Create cinematic transitions between multiple images and videos Choose from 15 preset transitions to transform static images into visually appealing creatives Trigger transition automatically through user scroll* or time activated animation Preview as you go with in-Builder preview * Available only on web.
  • 8. 360尊 View Showcase the design of an object from all sides Leverage a series of images to build a 360尊 view of an object Tilt or swipe horizontally to engage Animate without user interaction and predefine the rate and direction of the spin (optional) Use 360尊 view to create flipbooks or other frame based interactive animations
  • 11. Animatey GIF-like experience for when using a video file just isnt an option Display a series of still images Set the direction of the animation, choose looping and control the speed to achieve the desired effect Trigger the animation automatically or on user interaction
  • 14. Grid Easy way to exhibit a collection of images within a table display Thumbnail size is calculated automatically based on set number of rows and columns Thumbnails can be tapped to trigger an event, which is useful for creating a visual navigation menu The look can be adjusted by changing the padding (cell-spacing) and shadowing
  • 17. Swipey Gallery Showcase a product or a service using any number of images Build a user interface for browsing using a swiping gesture Set the swiping direction to be either horizontal or vertical Configure the images to auto-animate and loop, customize the padding and select between easing options Create a custom menu bar or navigation mechanism
  • 20. Light Table Seamlessly create an image gallery with thumbnail navigation Works best with 5 or more items in the gallery When more then 5 items are presented, the consecutive thumbnails will slide into view when the last item is reached Items and thumbnails can have a custom design
  • 23. Pannable Efficiently use the screen real estate to show a larger image Pan or scroll across a larger masked item Add interactivity to your pannable object by adding Buttons or Hotspots Auto-scroll the masked item to move in any direction
  • 26. Stack Create a stack of cards gallery Swipe left or right to dismiss each card or image Combine with Flippy component to allow users to flip two-sided cards
  • 27. Flippy Create an interactive card that can be flipped from side to side Set card to flip in configured direction (north, south, east, west) Trigger the flip automatically or on user interaction such as tapping the card or tapping another object on the screen
  • 30. Swipey Group Enables users to swipe through a set of grouped items Users can swipe horizontally or vertically Create subpages using containers on a single creative page and place multiple components on a single page