Leafyve Web Studio

Leafyve Web Studio · Singapore

I design websites people remember.

Interactive websites and digital experiences crafted for modern businesses.

Flagship work

Four recent builds that push motion, 3D and interaction the furthest — luxury property, AI security, a cyber-botanical studio and a game UI.

Desktop view of Bloom
Flagship / 01

Bloom

Creative / Studio · 2026

A cyber-botanical studio site where two figure/hands videos are scroll-scrubbed into the hero and systems sections, on a navy-black palette with lilac, sakura and cyan.

Next.jsTypeScriptGSAP + ScrollTriggerLenis
Read case study
Desktop view of Cyber — AI Security
Flagship / 02

Cyber — AI Security

Cybersecurity / SaaS · 2026

A premium AI-cybersecurity landing page — light liquid-glass design, an interactive threat dashboard, and its own system-aware dark mode.

ViteReactTypeScriptTailwind v3
Read case study
Desktop view of Aurelia Residences
Flagship / 03

Aurelia Residences

Real Estate / Luxury · 2026

A cinematic luxury-property landing page where a single fixed villa video is revealed through scroll-driven apertures, across 14 interactive sections.

ViteReact 18TypeScriptTailwind v3
Read case study
Desktop view of NEO-STRIKE Protocol
Flagship / 04

NEO-STRIKE Protocol

Gaming / Entertainment · 2026

A cyberpunk game landing page with a 3D particle/grid hero and a six-operative interactive selector that re-themes the page as you switch fighters.

Next.js 14ReactTypeScriptTailwind
Read case study

Selected work

Six more business builds across food, health, education and retail — each designed, built and tested end to end.

Featured / 01
Food & Beverage· 2026· Concept

Bernie's Restaurant

A nostalgic American-diner showcase for a real Upper Thomson restaurant - a searchable, filterable photo-led menu, a parallax hero and a live open / closed status pill.

HTMLCSSVanilla JSGSAP (vendored)Lenis (vendored)
Read case study
Featured / 02
Food & Beverage· 2026· Concept

Steak 99

A fast, interactive landing page for an affordable lava-stone steak brand, built around one idea: you cook every bite to your own doneness, right at the table.

HTMLCSSVanilla JSGSAP + ScrollTriggerLenis
Read case study
Featured / 03
Beverage· 2026· Concept

iTEA Singapore

A product-led digital redesign for iTEA Singapore, combining layered drink compositions, campaign storytelling, flavour discovery and a responsive catalogue in one warm, editorial experience.

HTMLTailwind CSSGSAP + ScrollTriggerLenisThree.js
Read case study
Featured / 04
Healthcare· 2026· Concept

Bethel Dental Surgery

A calm, trustworthy site for a neighbourhood dental clinic, built on Next.js with an original license-clean canvas hero that scrubs as you scroll.

Next.js 16TypeScriptTailwind v4GSAP + ScrollTriggerLenis
Read case study
Featured / 05
Education· 2026· Redesign

My Pinnacle Education Centre

A mobile-first redesign for an established Choa Chu Kang tuition centre - five pages that turn the centre's own content into something parents trust at a glance.

HTMLCSSVanilla JS
Read case study
Featured / 06
Food & Beverage· 2026· Concept

iBread

A warm, appetite-first landing page for a Singapore heartland bakery - real bakes wired through a typed image map, a twelve-product counter rail, and motion that stays calm and legible.

Next.js 15ReactTypeScriptnext/font (Bricolage + Manrope)CSS keyframes
Read case study

More from the archive

Further concept builds and technical studies. Smaller in scope, still made with care.

Screenshot of June Amiro Co.
Ecommerce / Lifestyle

June Amiro Co.

A soft, pastel kawaii site for a Telegram-based shopping boutique - proof that the same craft can flex to a warm, friendly brand, not just dark and premium.

Business site · 2026 View
Screenshot of Volt EV Charging
Energy / EV Charging

Volt EV Charging

A crisp, product-led landing page for an EV fast-charging brand, built to match a supplied design reference - a single hero charger set against an oversized CHARGING wordmark.

Concept · 2026 View
Screenshot of WD11 Woodlands Car Rental
Automotive / Car Rental

WD11 Woodlands Car Rental

A cinematic, mobile-first landing page for a real Woodlands car-rental business - a full-bleed hero, a filterable fleet explorer, and a persistent mobile pricing action.

Redesign · 2026 View
Screenshot of Pet Lovers Centre
Ecommerce / Pet Retail

Pet Lovers Centre

An unofficial rebuild concept for Singapore's Pet Lovers Centre - a warm, heritage-red storefront with a faceted category page, VIP pricing and a persisted light / dark theme.

Redesign · 2026 View
Screenshot of FESLA
Automotive / EV

FESLA

A premium landing page for a fictional electric-vehicle brand - a cinematic night-drive hero, a two-model lineup, and a scroll-revealed story through technology, charging and ownership.

Concept · 2026 View
Screenshot of Daybreak Coffee
Food & Beverage

Daybreak Coffee

An original specialty-coffee brand and landing page - sunrise palette, a Three.js hero, a pinned single-origin story and a working cart drawer.

Concept · 2026 View
Screenshot of Noa Vermeer - Designer Portfolio
Experimental

Noa Vermeer - Designer Portfolio

A WebGL and scroll study built around a fictional designer persona - a Three.js shader hero and a GSAP horizontal-pan gallery, used to push the techniques behind the other builds.

Experimental · 2026 View

What I do

Design and front-end under one roof, so the idea and the build never drift apart.

01

UI/UX & art direction

Brand-led interfaces with clear hierarchy and a distinct point of view, from first wireframe to shipped pixels.

Seen in cyber, steak 99, amiro co

02

Creative frontend (React, Next.js & vanilla)

Hand-written front ends in React, Next.js or zero-dependency vanilla — fast, semantic and maintainable.

Seen in aurelia residences, cyber, bethel dental

03

Motion & scroll storytelling

GSAP and ScrollTrigger choreography with smooth scrolling, used to guide attention, never to hijack it.

Seen in bloom, aurelia residences, itea

04

3D & canvas experiences

Three.js / react-three-fiber scenes, WebGL shaders and Canvas 2D interactions that show a product instead of decorating a page.

Seen in neo strike, itea, daybreak coffee

05

Responsive & accessible builds

WCAG-minded markup tested from 360px to 1920px, with full reduced-motion and keyboard support.

Seen in my pinnacle, bethel dental, aurelia residences

06

Performance & SEO foundations

Self-hosted fonts, optimised media, JSON-LD and metadata aimed at Lighthouse scores in the high 90s and 100s.

Seen in aurelia residences, bethel dental, steak 99

How a project runs

A simple path from first call to launch, with no surprises in between.

01

Discover

Understand the business, the audience and what success actually looks like.

02

Define

Shape the message, the structure and the one thing the page must do.

03

Design

Set the type, colour and layout system, then design the key screens.

04

Develop

Build it for real. Semantic, responsive, accessible, fast.

05

Refine

Test across devices, tune motion and performance, fix the details.

06

Launch

Ship, verify, and hand over something you can maintain.

About

I build the kind of interactive, brand-led websites small teams usually assume are out of reach: fast, distinctive and genuinely engaging.

Leafyve Web Studio is an independent web design and creative front-end practice in Singapore, working with founders and small businesses who want a site that does more than tick a box.

Every project here was designed and coded by hand: type, layout, motion and 3D included, then tested for speed, accessibility and reliability across real devices.

The work spans food and drink, healthcare, education and retail. Different industries, one standard.

Custom business websitesInteractive landing pagesWebsite redesignsCreative frontend developmentMotion & 3D experiences
Available for select projects

Have a project
in mind?

Tell me what you're building. I'll come back with how we could make it real.

Start a project

Prefer email? Use the button above. Replies usually within a couple of days.