Use SAISON's motion and reveal sections deliberately: they should clarify a campaign or product story, not slow down shopping.
Advanced effects give SAISON its editorial range. The settings that matter most are pacing, mobile fallback, text readability, and whether customers still have a clear shopping path.
The event that starts the effect, such as scroll, hover, load, or editor replay.
An effect starts on scroll, hover, load, or editor replay.
Use scroll or in-view triggers for campaign effects; avoid delayed load triggers for shopping paths.
Making the page purpose depend on an animation customers may skip.
The amount of page space or scroll distance assigned to the effect.
Sticky or scroll sections feel too fast, too slow, or hard to escape.
Start with defaults or auto, then tune after real copy and media are in place.
Setting long scroll distances before confirming the story is worth the time.
How long the motion lasts, how it accelerates, and how strong the effect feels.
Motion feels abrupt, chaotic, or sluggish.
Use restrained timing and moderate intensity for commerce pages.
Maxing out effect intensity because it looks impressive in isolation.
Dedicated phone media or simplified behavior used when desktop effects do not translate.
Desktop effects crop badly or feel heavy on phones.
Upload mobile media and simplify layout where available.
Assuming desktop WebGL, hover, or sticky behavior will feel good on mobile.
Readability controls for text placed over image, video, or canvas effects.
Text sits on top of image or video.
Use enough overlay to pass a quick readability check.
Increasing font size instead of fixing contrast.
Arrows, dots, counters, or progress indicators for multi-step visual sections.
A section contains multiple slides, cards, or images.
Show controls when customers can manually move through content.
Hiding controls and making content feel decorative or broken.
Automatic movement speed for carousel, ticker, video, or slideshow content.
A carousel, ticker, video, or proof section moves automatically.
Slow, readable, and pausable where possible.
Moving product or proof content too quickly to inspect.
The static product, collection, or CTA section placed near a visual effect.
An effect is used on a campaign or homepage.
Place a static product, collection, or CTA section before or after heavy effects.
Ending a page on visual motion without a shopping action.
| Setting | Location | Recommended | Notes |
|---|---|---|---|
| One hero effect | Campaign or homepage opening | Hero reveal, reveal video, or mosaic opener | Choose one visual language for the first screen. |
| One story effect | Middle of campaign page | Sticky scroll, scroll showcase, or distorted reveal | Use for the strongest story point only. |
| One browsing effect | After story/product path | Filmstrip, reveal slideshow, or card reveal | Make controls obvious and keep product paths nearby. |
| Static reset | Between effects | Product grid, text block, photo card, or collection link | Static sections give customers a place to orient and act. |