2023
Supercolor

Webflow & pixel-perfect execution animations

État des lieux

%%An exceptional design...%%% without a perfect execution

Consulter le site web

The Supercolor Agency Team had imagined an ultra-ambitious interface, with ==advanced animations== and a unique visual universe.

But it had to be brought to life, without sacrificing performance.

Thumbnail of the Supercolor Webflow Site After Creation
AVANT
APRÈS
Site web

A goldsmith's work on animations and development! Norry has enhanced our design with flawless technical execution.

Picture by Etienne Dumas - Supercolor
Etienne Dumas
Founder of Supercolor
Objectif du projet

Impeccable front execution, %%to the pixel%%

Integrate a complex design on Webflow, with a rendering faithful to the models.

==Immersive animations== (GSAP & WebGL) and a perfectly functional site on the client side.

Thumbnail of the Supercolor Webflow Site on a Mockup
Stratégie de marque

Structure & site Webflow

%%Advanced techniques,%% maximum performance

• Integration on Webflow from their Figma models
• Smooth, controlled, and impacting GSAP animations
• WebGL integration for a 3D effect without sacrificing speed
• CMS architecture when necessary for more autonomy
• Continuous SEO and performance optimization

No items found.
Thumbnail of the Supercolor webflow site on smartphoneThumbnail of the Supercolor webflow site on smartphone 02Thumbnail of the Supercolor webflow website on smartphone 03
Supercolor logo visual on ambient visualSupercolor Graphic Chart Colors
Résultats

A site that lives up to them!! creativity!!

==Pixel-perfect rendering. ==

Fluid and immersive animations. A fast, coherent, and easily maintainable site. And a 100% autonomous Supercolor team on Webflow.

The bricks chosen by Supercolor

The Base

The solid foundations of your site.

The essential pages, designed with the same level of requirement as the rest: design, performance, editability.

  • Impactful welcome, designed for conversion
  • Compliant legal pages (mentions, privacy policy, cookies)
  • Contact page optimized for lead taking
  • Custom 404 page to not lose your visitors
  • Custom design
  • 100% editable Webflow development
  • SEO base & integrated performance
I want some too!
The Base

Customer cases

A clear, structured window that shows the before and after and talks about concrete results. The aim? Reassure your prospects with proof.

  • Filterable list (sector, service, problem)
  • Detailed, impact-oriented project sheets
  • Integrated customer stories
  • Optimized for SEO (titles, metadata, structure)
I want some too!
Customer cases

Landing Page

To convert without friction, and test your Ads.

A page designed to capture, convince and transform your visitors into qualified leads.

  • Short, clear and conversion-oriented structure
  • Infinitely duplicable
  • Impactful and mobile-first design
  • Optimized webperfs: fast loading = better Quality Score
  • CRM & tracking integration (Meta, Google Ads, LinkedIn...)
I want some too!
Landing Page