Product Overview

Scallence is a conversion-engine marketing website and agency portfolio platform engineered for an Amazon e-commerce creative studio. Designed to convert Amazon brand founders and marketing leads into booked strategy calls, the site proves that research-led listing creative—main images, Premium A+ Content, Brand Stories, and Storefronts—directly lifts CTR and conversion rates.Featuring an interactive slot-by-slot gallery story, a scroll-pinned GSAP services carousel, a 5-stage method transformer, an evidence portfolio of ~145 creative assets across 23 brand partners, and metric-backed case studies (including a live Amazon A/B experiment with +1.53 pp CVR lift), Scallence demonstrates agency methodology and drives frictionless scheduling via Calendly.

+1.53 pp
CVR Lift
Amazon Experiment CVR
+228% Sessions
+166% Units
Main Image Mobile Lift
145+ Assets
23 Brands
Portfolio Proof

Thought Fabric

Unfolding the grit and logic within our engineering fabric.

The Challenge

Established Amazon brands spend heavily on traffic but lose sales on listings due to weak main images, unoptimized A+ content, and generic branding. Creative agencies struggle to convert skeptical founders because traditional portfolio sites show moodboards rather than quantified revenue and conversion proof.

The Solution

Built Scallence Web on Astro 7 and GSAP 3—a conversion-first agency platform featuring slot-by-slot gallery breakdowns, scroll-pinned service walkthroughs, a 5-step strategy transformer, a 145-asset portfolio showcase, live Amazon experiment case studies, and an integrated Calendly lead booking engine.

The Outcome

Delivered a fast, zero-database SSG platform shipping ~96MB of optimized media. Successfully showcased live Amazon A/B experiment wins (+1.53 pp CVR lift, +$1,639 in 3 weeks; +228% sessions on mobile portrait crop) and streamlined agency lead acquisition.

Core Features

Key capabilities engineered for this platform.
Conversion Hero with Slot-by-Slot Amazon Gallery Story Scroll-Driven GSAP Services Experience (Listing, Premium A+, Storefront) Evidence Portfolio Board (~145 Categorized Creative Assets) Metric-Backed Case Study Engine (Amazon Manage Your Experiments A/B Data) 5-Stage Method Transformer (Audit → Competitor → Reviews → Strategy → Design) Social Proof & Partner Marquee (23 Brand Logos) Brand-Styled Embedded Calendly Call Scheduling Dedicated Category Microsite Landing Pages (/work/[category])

Technology Stack

The underlying infrastructure powering the solution.

Frontend & Motion Architecture

Component-based static site generation (SSG) with zero-runtime JavaScript default, custom CSS design tokens, and smooth GSAP ScrollTrigger carousel/method pin animations.

Astro 7.1 TypeScript (Strict) Vanilla CSS Tokens GSAP 3.15 ScrollTrigger Astro Image Pipeline

Content Engine & Media Pipeline

Fail-fast TypeScript asset resolution mapping 145+ creative assets across 23 partner brands, coupled with dynamic case study routes for Amazon experiment proof.

Typed Content Models Build-Time Asset Resolver Masonry Lightbox Gallery 145+ Portfolio Assets A/B Test Metric Displays

Conversion & Lead Capture Integration

Frictionless lead booking via custom-styled Calendly integrations, category-specific landing surfaces, and sub-second edge distribution.

Calendly Embed Widget Brand-Styled Scheduling Flow Dynamic Category Microsites Google Fonts (Figtree/Syne) Cloudflare Edge Hosting

More Projects

View All Projects

Get In Touch

Let’s Work Together

Great software starts with a conversation. Let's collaborate to build intuitive, impactful digital experiences that deliver real results and stand the test of time.

946 Hougang Street, Singapore 530972

Envelope

Let’s Connect

Singapore Time: Loading...