About Me
I design and build seamless digital experiences. As a UI/UX Designer with a background in creative front-end development, I've spent over 5 years crafting impactful products for major organizations like Volkswagen, Santander, and Pearson. My unique blend of skills in Figma, Lottie, Advanced CSS, and JavaScript (React, Vue, and Angular) allows me to bridge the gap between design and engineering, ensuring every solution is both beautiful and functional. I specialize in turning complex user needs into elegant solutions across industries like Education, Healthcare, and Social Media. Off the clock, I enjoy inline skating and DIY projects.
I am a product-focused software engineer who thrives on building impactful digital experiences. My journey started with a deep-seated desire to help creators monetize their work easily and reliably.
As a founding member of a social platform for content creators, I was responsible for both product design and front-end development for our MVP. I conducted interviews, rapid prototyping, and iterative development to validate our ideas and attract our first users. My core mission was to address the major pain points of Brazilian creators, particularly around financial management and faster payouts.
Through user research and a hands-on development approach, I helped shape the platform from its earliest stage, focusing on creating a seamless and engaging experience for both creators and their audiences. My work involved identifying opportunities to differentiate in a competitive market and executing on viable growth strategies to expand our user base.
Projects
A curated collection of my most impactful work, showcasing my skills in design and development.
Project One
Project One
A concise summary of Project One. Key features and technologies in a short, clear format.
Project Two
Project Two
Brief overview of Project Two. Highlights main value and core tech in 2-4 lines.
Project Three
Project Three
Short summary of Project Three. Main features and impact in a few lines.
Project Four
Project Four
Quick intro to Project Four. What it does and why it matters, in 2-4 lines.
FIAP Startup Challenge: HealthHub
FIAP HealthHub
Mobile-first platform for clinics and patients. 2nd place at FIAP Startup Challenge 2023. Focused on long-term care management.
Nohs Somos: LGBTQ Community Safety App
Nohs Somos
Map-based app for LGBTQ community safety. Find and review safe spaces. Built for Nohs Somos, merged with TODXS.
Creators Fit (formerly Privi): Monetizing Content for Brazilian Influencers
Creators Fit (Privi)
Platform for Brazilian creators to monetize exclusive content. Supports subscriptions, pay-per-view, and media uploads.
iLog
iLog
Logistics platform for fleet operations. Automates route planning and real-time tracking. Used by major LATAM companies.
My Next Adventure
This space is reserved for our next big project. Let's build something great together!
Got a project in mind?
Let's talkTechnologies Used
Discover the components and principles that ensure my work is consistent and scalable.
Design System
A system of reusable components and guidelines that ensure design and code consistency across all projects.
Color Palette
--primary-dark
#101111
--primary-light
#FDFDFD
--accent-color
#FF6B00
--secondary-text-dark
#A0A0A0
Typography
Display / Brand
LIRI.
Headlines
H2 / card-title — 1.5rem
H3 / case-study-title — 1.2rem
Body
This is body text demonstrating the primary font (Inter) at the default size. Use this scale for readable paragraphs, microcopy, and annotations.
Components
Buttons
Navigation (preview)
Project Card (example)
Example Project
Example Project
Short description of the project. Use this area to state problem, approach and impact.
Tags & Tokens
Animations & Interactions
Custom Cursor
A custom dual-layer cursor follows mouse movement with smooth transitions. The outer ring expands on hover over interactive elements.
Move your mouse around to see the custom cursor in action
Navigation Hover Animation
SVG path animation draws an organic line beneath navigation links on hover (--transition-slow: 0.5s).
Card Hover Transform
Cards translate upward and scale slightly on hover with enhanced shadow (--transform-translate-hover + --transform-scale-hover).
Interactive Card
Hover to see the lift effect
Project Card Flip Interaction
Hovering reveals detailed preview overlay with opacity fade and content transition. The front card fades to 0.15 opacity while preview appears.
See example in Project Card section above
Theme Toggle Transition
Smooth color transitions across all components (--transition-normal: 0.3s). Icon scales on hover with transform: scale(1.1).
Use the theme toggle in the header to see smooth color transitions
SVG Hero Animation
Interactive SVG shapes respond to mouse movement with physics-based repulsion. Circles move away from cursor position using requestAnimationFrame.
See this in action on the Home page hero section