Transforming designs into accessible, performant web experiences — with thoughtful animations and attention to every step of the user journey
Currently: Web Studio Intern | Specializing in React ecosystem & modern CSS
Focus: React, Next.js, Astro, TypeScript, SASS modules, Tailwind, Animations & Motion Design, Responsive Design
Location: Gland, Switzerland 🇨🇭
Proficiency levels: Production (built real projects) · Working (used, solid understanding) · Learning (actively studying / familiar)
|
Production:
Working:
Learning:
|
CSS Expertise:
Advanced CSS Techniques:
Animation Libraries:
Design Implementation:
|
|
Production:
Learning:
Familiar:
|
Testing & Quality:
Performance:
Deployment:
|
| Project | Stack | Demo | Highlights |
|---|---|---|---|
| Memory Game | React · Webpack 5 · i18next | Play → | i18n EN/FR/RU · 3D card animations · WCAG AA · custom Webpack |
| Internship Landing | Vite · Vanilla JS · SCSS · Swiper.js | View → | 4 Swiper configs · SVG mask shapes · sliding window pagination · dynamic tabs |
Additional Projects & Work in Progress
Next.js • TypeScript • Tailwind CSS • Headless CMS
Status: 🟡 In Development (Launch: Q3 2026)
Creative Agency Landing Vite • Vanilla JS • GSAP • SCSS Animated landing page for a creative agency — scroll-driven animations, motion design, immersive UI. Private repository.
Spreent Academy — Competitive Frontend Project
Vite • Vanilla JS • Sass (SCSS) • BEM · Astro migration in progress
Pixel-perfect competitive build: Fluid Layout via clamp() with custom fluid-val() mixin, magnetic CTA, paint-fill logo reveal, lerp parallax, CSS-only geometry (mask-image avatars, glass mockup), content-visibility: auto, full a11y.
UGC Creator Portfolio Next.js • TypeScript • Tailwind • Headless CMS Freelance project — portfolio and landing page for a content creator client, with editable content via headless CMS.
Print & Photo Store Next.js • TypeScript • Supabase • Stripe E-commerce project — online store for framed prints and photography. Full-stack build: Supabase auth & database, custom admin dashboard (product CRUD, orders), cart, checkout & Stripe payments.
Mysterious Vacation — Advanced Animation Project Vanilla JS • CSS • SVG • Canvas • Three.js Fullscreen scroll-jacking with locked transitions, 13 choreographed sequences: spring-physics list reveals, stagger chains, wheel-roll pagination, SVG path drawing & SMIL illustrations, Canvas low-level drawing, Three.js 3D scene with camera rig, cursor-reactive viewport, Post-Processing effects.
|
|
Education & Training:
- Web Studio Internship (In Progress · Oct 2025 – present) — production client projects:
- Loyalty program promo site — GSAP animation sequences, View Transitions API, winners table with filters, search & tooltips; prize carousel (Swiper)
- Online course aggregator — mega menu, tabs, Fluid Layout 320–1920px, Swiper.js
- Cross-cutting contributions: UX audit (proposed replacing tab-based navigation with radio buttons in the checkout flow to reduce friction and improve conversion; simplified user journey to 3 steps: read → select → continue); accessibility audit — WCAG AA fixes: keyboard navigation, focus management, ARIA labels; cross-browser & cross-device QA; responsive redesign for updated breakpoints
- HTML Academy (Completed) — Adaptive Layout, Web Interfaces, Automation & Tooling, JavaScript, React
- CodeAcademy Front-End Engineer Path (Completed) — React, Redux, Testing, Deployment
- Whimsical Animations (In Progress) — Josh W. Comeau — motion design, spring physics, delightful UI
Current Focus (2026):
- Advanced React architecture & design patterns
- Protocols & networking (HTTP/S, WebSocket fundamentals)
- Web security (OWASP Top 10, CSP, auth flows)
- UI Engineering — Canvas, WebGL, Three.js
Goal: Frontend developer position — actively job-searching from October 2026
- Frontend roles with strong design implementation & motion design focus — custom interfaces, scroll-driven animations, micro-interactions
- Studios / agencies building bespoke, design-led sites (pixel-perfect, custom layouts)
- Product teams where UI quality, accessibility & performance matter
- Teams with mentorship and growth potential


