LIVV Studio Website: Brand, Design and Build by Eneas AldabeLIVV Studio Website: Brand, Design and Build by Eneas Aldabe

LIVV Studio Website: Brand, Design and Build

Eneas Aldabe

Eneas Aldabe

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
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
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
Brand in use
The characters
The characters
Synthetic Studio character cards, 01 to 06
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
Products, desktop
Home, our projects
Home, our projects
Project page, PR Tool
Project page, PR Tool
Service page, Creative Engineering
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
Mobile screens

System

Cream and burgundy as the base, black for actions and copper to highlight words.
Brand colors
Brand colors
Typography
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 on burgundy
Logo construction
Logo construction
Shapes
Shapes
Brand pieces
Brand pieces

Components

Real pieces from the site: floating bar, buttons, filters, cards, the quote calculator and contact.
Components
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.
Like this project

Posted 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.