Selected Projects

Portfolio of London based Creative Developer, Claudio Calautti. Expertise: 3D experiences, UI development, data visualisation, animated websites.

cf-cover

Creative Development Portfolio — Creative Frontend London

shineon-zoom-xs

Interactive experience overview and star picking

shineon-starpicking

shineon-ig-story

shineon-360-panning

shineon-zoom

3D experience development of an interactive starry night created to celebrate Remembrance Day during lockdown.

#ShineOn Interactive Stars – Event Website Development

#ShineOn Interactive&nbsp;Stars

99dod-overview-xs

99 days of design overview

Grid Top

99dod-grid2

Responsive landing page development in collaboration with agency TCO London and 99 Designs (AU).

99dod-top

99 Days of Design – Landing Page Development

99 Days of Design

alc-landing-site-overview-xs

alc-landing-site-overview

alc-academy-home-overview

alc-product-page-basic-cutting-no-price

Custom player in use, featuring AR, interactive 3D&nbsp;models and techniques&nbsp;wheel

alc-player-various-interactions-756

Website and interactive platform for online education of hair professionals with e-commerce integration and custom features.

alc-0-landing

ALC – Interactive Platform and E-commerce Development

ALC Education

horizon-strategy-overview-xs

horizon-strategy-overview

horizon-5-clients

horizon-3-hww

horizon-1-services

horizon-2-connect

Responsive layout across desktop, tablets and phones with mobile first approach

horizon-responsive-play

Agency website, full responsive, developed with simple and essential touches to make design stand out.

horizon-0-home

Horizon Strategy – Corporate Website Development

Horizon Strategy

ll-hero-overview-xs

ll-hero-overview

ll-home-project-overview

ll-search-functionality

ll-about-overview

Website for London and New York based film production agency Lonelyleap.

ll-0-home

Lonelyleap Website – Corporate Website Development

Lonelyleap

lynk&co-overview-xs

App overview, video driven tabs in sync with copy and images

lynk&co-overview

55inch touch screen featuring app in use at Beijing Motor Show 2017

interactive-screens

lynk&co-text-change

Multi-language desktop app for touch screen tables, developed for Landor&Fitch in occasion of the Beijing Motor Show 2017.

lynk-0-home

Lynk & Co Motorshow – Interactive Installation Development

Lynk & Co Motorshow

mosaic-overview-xs

mosaic-overview-1134

mosaic-1-services

mosaic-4-transformation

mosaic-hero-header-scroll-interaction

mosaic-5-footer

Innovation agency website developed with elegant interactions to engage and inform the user.

mosaic-0-home

Mosaic Innovation – Corporate Website Development

Mosaic Innovation

nexu-hero-glsl-xs

nexu-full-overview-756

GLSL home effect driven by mouse and device orientation

nexu-hero-glsl

nexu-text-animation-on-scroll

Nexu is a creative agency specialising in 3D for science and medical applications.

Nexu Creative – Corporate Website Development

Nexu Creative

wsm-overview-2x-xs

wsm-overview

Each episode is loaded from YouTube and has been released weekly

wsm-1-episodes

wsm-6-video

wsm-2-about

wsm-3-news

wsm-4-bell-labs

wsm-5-credits

Interactive website of video series documentary for beatbox star ReepsOne made in collaboration with Nokia Bell-Labs.

wsm-0-home

We Speak Music - Interactive Website

We Speak Music

Selected Projects

#ShineOn Interactive Stars

Experiential Website

Front-end Development

3D Interactive

API Integration

99 Days of Design

Marketing Website

Front-end Development

Full Responsive

Masonry Grid

CMS Integration

ALC Education

Startup - Interactive Platform

Premium Streaming

Technical Direction

Full-stack Development

3D Interactive

E-commerce

Horizon Strategy

Corporate Website

Front-end Development

Full Responsive

UI Interactions

CMS Integration

Lonelyleap

Corporate Website

Front-end Development

Full Responsive

UI Animations

CMS Integration

Lynk & Co Motorshow

Desktop App - Physical Installation

Front-end Development

UI Interactions

Video Driven Animations

Multi-language

Mosaic Innovation

Corporate Website

Front-end Development

Full Responsive

UI Animations

CMS Integration

Nexu Creative

Corporate Website

Full Responsive

Scroll Animations

GLSL Animations

CMS Integration

We Speak Music

Interactive Website

Front-end Development

Full Responsive

UI Interactions

GLSL Animations