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 🇨🇭
Available for frontend opportunities starting Q3 2026
|
Core Technologies:
State Management:
Build Tools:
|
CSS Expertise:
Advanced CSS Techniques:
Animation Libraries:
Design Implementation:
|
|
CMS:
Legacy Code Work:
Database:
|
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 • Tailwind Freelance project — portfolio and landing page for a content creator client.
Print & Photo Store React • TypeScript Freelance e-commerce project — online store for framed prints and photography.
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 — CSS/SVG animations, Canvas, WebGL, Three.js
Goal: Secure frontend developer position in 2026
- React/Next.js frontend with design implementation & motion design focus
- Team with mentorship and growth potential
- Projects emphasizing accessibility, performance, and UX quality
- Startup, agency, or product environments — comfortable with diverse challenges
💙 Thanks for visiting my profile!
Let's build something amazing together