DESIGN + FRONTEND
I design interfaces in Figma and build them by hand — with AI in the toolkit for code and imagery, out in the open.
CONCEPT PROJECTS
01.E-commerce & UI/UX
Invented skincare brand, built as my React training ground. Minimal layout, Framer Motion micro-animations, and art direction — imagery generated with Nano Banana and GPT Image 2.
02.Case Study & Development
Fictional EV brand entering Spain — my first Next.js build. Multi-step configurator, rival comparison table, and an after-sales section aimed at the market's real objection: trust.
03.E-commerce & Animation
Invented cat-food brand, the most playful of the three. Ingredient-by-ingredient storytelling — one AI-illustrated cat per ingredient, animated on scroll with Framer Motion. Keeping the style consistent was the real exercise.
VISION & WORKFLOW
Visual creation is what I do even off the clock — photography for years, AI imagery and film these days — and it shows in how I design. In Figma I treat every interface like a framed shot: hierarchy, balance, rhythm, where the eye lands first. Composition comes before code — no retouch ever fixed a badly framed photo, and no refactor a badly framed layout.
The build is where I stay honest about my stack: since 2021 I've taken corporate sites from Figma wireframe to shipped code — HTML, SASS, JavaScript, responsive to the last breakpoint. React and Next.js are my growth edge, used in the lab projects above. AI is in my workflow and in the open — Cursor speeds the code; Nano Banana, GPT Image 2 and Veo make the imagery — but nothing ships that I can't explain, debug and maintain myself.
HTML5
SCSS
Tailwind CSS
JavaScript
React
Next.js
Cursor
Git
Vercel
FigmaEXPERTISE
Web Development
My daily craft: semantic HTML, modern SASS and vanilla JavaScript — sites that load fast, pass accessibility checks, and stay easy to maintain long after launch.
Design & Creative
Figma-first design: wireframes, type, color, full UI systems — always sized to what I can actually build. For imagery and video I direct generative AI (Nano Banana, GPT Image 2, Veo, Kling) with a photographer's eye; every visual in the projects above was produced this way.
Motion & UX
Scroll-driven animation with Framer Motion — scroll progress mapped to transforms and springs — as seen in Kibo and Shenza, serving the content, never sitting on top of it.
