HomeAboutPortfolio
FAQContactSTART A PROJECT
WhatsApp
← Back to Selected Works

Edinburgh, UK

22 12 2025

Cinematic Digital Experience

Photography PortfolioWhite-Label for Brandlifte

Overview

Partnering as the engineering hand for Brandlifte, we built a bespoke Next.js and Framer Motion editorial photography portfolio for Edinburgh-based photographer Sanjo, delivering sub-100ms transitions.

The Bottleneck

The challenge was to create a 'Timeless & High-End' feel on the web. A standard template would feel cheap and disconnect the user from the Cinematic promise.

The Reality

We engineered a bespoke 'App-Like' experience using the Next.js App Router. By treating the browser window as a canvas, we implemented smooth inertial scrolling and page transitions that mimic the flow of a movie.

Project Output

Visit Live Site ↗

Technical Execution

Motion & Interactivity

  • ▹Implemented Lenis for smooth, inertial scrolling, removing the jarring feel.
  • ▹Orchestrated complex timeline-based animations using Framer Motion.
  • ▹Built custom reveal transitions for text elements to mimic film title sequences.

Modern Architecture

  • ▹Developed a reusable, responsive Bento Grid component for portfolios.
  • ▹Created a Glassmorphism design system using Tailwind CSS.
  • ▹Fully typed codebase with TypeScript.

SEO & Accessibility

  • ▹Structured semantic HTML5 with proper heading hierarchies.
  • ▹Integrated dynamic metadata generation for every route.
  • ▹Optimized images using next/image with responsive sizes props.

Visual Execution

View Image 1
View Image 2
View Image 3
View Image 4

Start a Project

→