
LIVV Studio
Design, software and motion, on the studio's own website.
Client: LIVV (own project)
Year: 2026
Scope: Brand, art direction, UI, Next.js development, motion and 3D characters
Platforms: Web, desktop and mobile

Home in the browser
Context
A studio that sells design needs a site that shows it. livvvv.com is the studio's storefront: it shows real work, services and our own products in one place, and leads every visit to an inquiry.

Work that moves, home section
Brand in use
Six 3D characters live in a rendered office. The brand shows up in them, in the LIVV sign and on the mug.

Brand in use

The characters

Synthetic Studio character cards, 01 to 06
Desktop
Home, portfolio, project page and services. Every page shares the floating bar with the logo.

Products, desktop

Home, our projects

Project page, PR Tool

Service page, Creative Engineering
Mobile
The same journey on the phone: the menu in a pill, cards in a single column and vertical reels.

Mobile screens
System
Cream and burgundy as the base, black for actions and copper to highlight words.

Brand colors

Typography
Logo
We built the mark from its construction, then worked color, an organic adjustment of the sign, shapes, materials and lettering, and color transitions.

Logo on burgundy

Logo construction

Shapes

Brand pieces
Components
Real pieces from the site: floating bar, buttons, filters, cards, the quote calculator and contact.

Components
Structure
The site covers the studio (home, about, work, blog, contact), the offer (Creative Engineering, Product Strategy & UI, Motion & Narrative, AI Integration, Custom Software and our own products like Payper and PR Tool) and landings by service, audience and industry.
Built with Figma, Next.js, Supabase and Vercel.
0 likes · 15 views · Sep 30, 2026
Our own studio site: brand, logo system, six 3D characters, UI and a Next.js build. Projects, services and products in one place, ending in an inquiry.