Skinfood July E-Commerce Ads: Motion Design for Marketplace Performance
In July 2025, Skinfood Indonesia launched a major digital push across Shopee and Tokopedia. The goal? Drive clicks and conversions through bold, clear, and animated visuals. Working from a detailed agency brief, I produced 15s video ad layouts tailored for e-commerce behavior and motion integration.
.gif)
Tip (Project snapshot)
Format: 1080x1080 Video Feed
Duration: 15 seconds per asset
Tools: Figma, Photoshop, Agency Briefing
Output: 10+ modular motion-ready visuals
The Brief: Layered, Fast-Paced, and Gift-Packed
The agency requested a series of promo visuals, each one combining:
- Key product focus (serum, toner, masks, pads)
- Clear CTA like “SHOP NOW” or “ADD TO CART”
- Visual gift display (minis, vouchers, tote bags)
- E-commerce copywriting optimized for scrolling
Visual Framework: Designed for Motion & Tap Conversion
Quick Engagement
Headlines appear within 1s to capture buyer intent instantly
Price-First Design
Discounts, bundles, and FREE items shown in priority
Gift Visualization
5 minis, lanyards, or sheet masks displayed with plus-style grouping
Motion-Aware Layout Examples
Each asset was designed with future animation in mind: product pop-ups, gift fly-ins, and sliding CTAs.
Campaign Groups:
Gajian Glow Time
- Race-track visual for hydration line
- Voucher as stamp, gift as envelope
- Bold “SHOP NOW” CTA at bottom center
Mid-Month Recharge
- Clipboard layout for sheet mask series
- Paper textures, clean grid
- BUY 1 GET 5 motion-ready assets
Age With Elegance
- Gold palette for Gold Caviar EX series
- Podium display, soft gradient
- FREE 5 Minis + Lanyard tag
7.7 Flash Sale
- Price-forward layout: “ONLY IDR 15K”
- Floating product blocks
- Animated sale stickers & badge
Visual Compilation
All visuals were created to be animation-friendly, mobile-readable, and purchase-motivated within the first 15 seconds.
Lessons from the Production Floor
Important (Execution Insight)
Designing e-commerce motion visuals is about finding the right balance between promo pressure and visual breathing room.
What Worked
- Modular layout: one system, multiple campaigns
- Asset clarity: gift visuals easily recognized
- Consistent CTA placement across frames
What to Improve
- Build animation templates earlier
- Add sound/visual rhythm in future versions for richer engagement
Final Thoughts
This project challenged me to push clarity and hierarchy under real-world constraints of e-commerce. In 15 seconds, each ad had to say: This product is great. Here’s why. Tap now.
“Marketplace design isn’t about design trends — it’s about designing for conversion.” — Motion Designer
Got something in mind?
✳︎ ask me anything ✳︎