Design engineer & creative developer. UI interactions, motion, WebGL. Awwwards SOTD + Dev Award, FWA SOTD. Open for freelance · [email protected]

France
Joined June 2022
A few websites I’ve built over the past year. Booking freelance projects for November and December. DMs open, or [email protected]
2
2
15
463
Yanis Lebzar retweeted
Delete interaction ✨ The undo grows out of the button you pressed. Confirm on the same spot. Built with @motiondotdev
5
5
78
2,520
Delete interaction ✨ The undo grows out of the button you pressed. Confirm on the same spot. Built with @motiondotdev
5
5
78
2,520
Yanis Lebzar retweeted
A few websites I’ve built over the past year. Booking freelance projects for November and December. DMs open, or [email protected]
2
2
15
463
Yanis Lebzar retweeted
A video mosaic where motion is the only source of colour. When the video moves, it lights up. Move the cursor, and it lights up too ✨ Real-time in the browser, using @threejs
5
2
26
1,070
A video mosaic where motion is the only source of colour. When the video moves, it lights up. Move the cursor, and it lights up too ✨ Real-time in the browser, using @threejs
5
2
26
1,070
Yanis Lebzar retweeted
Adaptive video delivery for Ciel Rose. Ciel Rose is a very video-heavy website: most of the videos play as textures inside the WebGL experience. Serving the same large file to every visitor wasn't an option. A fast connection handles it; a slower one sits there buffering. So the videos are streamed with HLS: several quality levels, split into small segments, and the player switches between them as the bandwidth changes. One detail mattered more than the rest: the first seconds. Adaptive players tend to start on the lowest quality and work their way up, so a film looks blurry right when you first see it. Here each video starts sharp, and only steps down if the connection can't keep up. Rich visuals, without assuming everyone has a perfect connection.
3
1
21
789
Adaptive video delivery for Ciel Rose. Ciel Rose is a very video-heavy website: most of the videos play as textures inside the WebGL experience. Serving the same large file to every visitor wasn't an option. A fast connection handles it; a slower one sits there buffering. So the videos are streamed with HLS: several quality levels, split into small segments, and the player switches between them as the bandwidth changes. One detail mattered more than the rest: the first seconds. Adaptive players tend to start on the lowest quality and work their way up, so a film looks blurry right when you first see it. Here each video starts sharp, and only steps down if the connection can't keep up. Rich visuals, without assuming everyone has a perfect connection.
3
1
21
789
Yanis Lebzar retweeted
One from the archives 🗃️ Wanted to make those image trails we've all seen feel a little more alive using @threejs 🦋 Available for freelance projects
2
1
20
774
One from the archives 🗃️ Wanted to make those image trails we've all seen feel a little more alive using @threejs 🦋 Available for freelance projects
2
1
20
774
Yanis Lebzar retweeted
Saw this a while ago and wanted to bring that feeling into the browser. Here it is, a web experiment exploring paper, wind and light 🍃 Inspiration from youngdenerak on Instagram. And 감사합니다 @manwon_man for always sharing such inspiring finds! Go check them both out! 👀
사진 한 장을 여러 조각으로 나눠놓고 각 조각이 바람에 들리는 것처럼 움직이게 만든 게 묘하게 좋다 👀
3
3
17
959
Saw this a while ago and wanted to bring that feeling into the browser. Here it is, a web experiment exploring paper, wind and light 🍃 Inspiration from youngdenerak on Instagram. And 감사합니다 @manwon_man for always sharing such inspiring finds! Go check them both out! 👀
사진 한 장을 여러 조각으로 나눠놓고 각 조각이 바람에 들리는 것처럼 움직이게 만든 게 묘하게 좋다 👀
3
3
17
959
Tech side: Three.js + TSL + WebGPU
41
Original photo by Oskar Bakke. Used for this personal web experiment.
94
Yanis Lebzar retweeted
Some websites shout for attention. Gabriel Beaugonin’s portfolio does the opposite. A unique layout, clever navigation, smooth animation, and thoughtful transitions, all packed with delightful micro-interactions. An easy Okay Pick.
2
1
13
889
Experimenting with an infinite halftone pattern and plane bending on scroll 〰 Built with @threejs (WebGPU + TSL)
18
584
Gonna start sharing more experiments from client projects and personal explorations. Some new, some from the archive 👀 Starting with this one: a prismatic trail and cubes reacting to the cursor, real-time in the browser with WebGPU + TSL ✦◽️
8
4
82
2,530
Yanis Lebzar retweeted
i've spent half my career travelling and working remotely. so i made a little space for it in my portfolio. dev by @dev_ya
1
10
359
Really wanted the mobile version to feel just as considered as desktop. Happy with how this one turned out 🤝
spent a lot of time making sure the portfolio holds up on mobile same experience, same flow, just adapted. not a stripped-down version
7
422