14islands V4 - made with Sanity.io

Project Shots

Design & Technology

Case studies on mobile

Case studies

Service page, articles, case

Editing environment

Structure navigation

MUX integration

Custom metadata preview

Content structure

About the project

The design features a very Scandinavian look & feel, with strong typography to help deliver our main values and propositions. The motion is inspired by our branding, which resonates with water. Hover the thumbnails, and you will get a nice WebGL effect :)

Sanity v3 was used for this project with NextJS 13. Unfortunately, we couldn't use the new app-router approach, as it's very limiting with transition compatibility - an important requirement for us (as you can tell!). There are known issues with popular transition frameworks, so we decided to stick to the standard approach. We also feature our r3f-scroll-rig library for a smooth scrolling experience.

Features

Real-time preview with the iframe pane and perspectives
Custom structure with content modeling
SEO features include redirects, canonical links, and robot indexing control - all from the CMS!
Page builder with re-usable components for generic pages
Custom metadata pane with a preview for social sharing
MUX integration to upload videos straight from the CMS
WebGL shaders on some interactions
r3f-scroll-rig for syncing 3D meshes and DOM elements

Fancy having a website as engaging as this one?

✉️ Let's make something great together.

Goals

A new way of playing football. We created two experiences for Goals; one to immerse in the game and another to present life at the studio.

14islands

Project Shots

Editing environment

Related contributions