Skip to content
Tomás Löffler

Designer who codes experiences

BootNode

A premium web3 studio, designed, and built from end to end.

Year
2022 – present
Role
UI/UX Designer & Frontend Engineer
Skills
Product DesignMotion DesignWeb PerformanceWeb3
Technologies
Next.jsTypeScriptFramer MotionFigmaTailwind CSS
BootNode

One visual language, everywhere

The design challenge was consistency, a dark gradient system, magenta accents, and layered transparencies that feel intentional across every section, from the hero to the case studies. Every layout decision reinforces the same idea: BootNode is a serious studio.

BootNode homepage hero section

Motion that means something

Framer Motion animations were used as part of the design language, not as decoration. Entrances, transitions, and hover states all follow the same rhythm, reinforcing the premium feel without slowing the experience down.

BootNode landing page sections

Optimized at every layer

The site scores 100 in Performance, 99 in Accessibility, 96 in Best Practices, and 100 in SEO. Every breakpoint was designed and tested, from mobile to wide desktop. Visual assets were generated with Adobe Firefly and Kling AI, then optimized for the web without losing the premium feel.

Next Project

Agave