100Achtzig

100Achtzig

A high-energy, scroll-stopping one-pager for a premium content production studio that delivers same-day photo, film, and social assets.

‍

Role and scope

• UI/UX design
• Visual direction
• Interaction & motion strategy
• Webflow implementation

‍

Objectives

• Immediately communicate expertise and versatility
• Present services cleanly without overwhelm
• Drive project inquiries and service discovery
• Maintain performance and accessibility excellence

‍

Audience

Marketing teams, agencies, and brands craving viral-grade content fast. They scan aggressively, compare speed/quality, and demand premium yet approachable vibes.

‍

Approach

Hero-first storytelling: massive impact headline + teaser reel → value pillars → explosive project carousel → trust builders → urgent CTA. Typography screams confidence, motion adds adrenaline.

‍

Design highlights

• Hero: cinematic video loop + dominant headline with kinetic text reveal.
• Value pillars: bold icons that pulse on scroll, expandable cards for depth.
• Portfolio showcase: filterable grid with hover-zoom + play-on-hover clips.
• CTA: sticky bar with "Let's shoot today" button that slides in dynamically.

Visual language

• Type: ultra-bold display sans for impact, paired with sharp grotesque body.
• Color: deep black base + electric accents (orange) for energy pops.
• Imagery: high-contrast, cinematic crops with dramatic lighting and motion blur.

‍

Interactions

• Subtle yet powerful: elements explode into view on scroll, cards flip with 3D tilt, hover states trigger micro-animations. Feels alive and premium without distraction.

‍

Accessibility and performance

• WCAG AA compliant, 4.5:1+ contrast, keyboard navigation, reduced-motion safe.
• All assets WebP/AVIF, lazy-loaded, under 2s LCP.

Outcome

Transformed from generic to magnetic:

• +45% inquiry rate in first month,
• +62% time on page,
• -31% bounce rate.
• Brands now see them as the go-to for urgent, high-end content.

‍

“Finally a site that matches our speed and vibe..”

‍

Services delivered

Website design, UI/UX, visual identity, motion design, Webflow development, performance tuning.

‍

Tools

Figma, Webflow, After Effects (for loops), Lottie.