Quentin Hocdé
@QuentinHocde
Followers
6K
Following
9K
Media
1K
Statuses
5K
Independent Creative & Interactive Developer - Collaborating with @indexstd & ex lead front-end @LocomotiveMTL » Behind https://t.co/9UXNe0wNRk
Brussels, Belgium
Joined January 2012
Excited to unveil my latest project with @indexstd & Cash App 🔥. ➡️ I had the opportunity to develop 6 custom, draggable and scrollable navigation systems to showcase Cash App's visual assets and an infinite grid with physics-based interactions 🥵
25
36
465
The next step was to add a mouse interaction and build a UI that lets us control the “chaos” and makes collaboration between development and design much smoother.
Exploring interactive transition with watercolor effect, where users can play with layers in real time. It's a WIP for an upcoming project for Millemann Wines with @indexstd 🔥.Made with a custom shader (with ogl). Crafted with @philippenveu & @jonathandc 🤝
0
1
28
Focusing on the shader transition: the first step was to prototype an organic shader effect using multiple noise layers to create a chaotic rendering, aiming for a liquid/ink/watercolor look. I then linked a progress value to the scroll.
Exploring interactive transition with watercolor effect, where users can play with layers in real time. It's a WIP for an upcoming project for Millemann Wines with @indexstd 🔥.Made with a custom shader (with ogl). Crafted with @philippenveu & @jonathandc 🤝
1
1
56
Exploring interactive transition with watercolor effect, where users can play with layers in real time. It's a WIP for an upcoming project for Millemann Wines with @indexstd 🔥.Made with a custom shader (with ogl). Crafted with @philippenveu & @jonathandc 🤝
3
2
77
My first Shopify website is out - Modernist and Art Deco jewelry by Raymond Templier. I really enjoyed working on this project, and it was really rewarding to launch an e-commerce site. Made with @indexstd 🖤
2
3
84
piecesjs - v0.4.0 just dropped 🎉. 🖱️ Declarative HTML events with data-events-*.🔹 Smart element querying - this.$() and this.domAttr() now return HTMLElement for single elements, NodeList for multiple. 🔗
1
2
19
[SerenityMoment] - Updates 📜. Just made a small UI & UX update on On the sessions history page, you can now filter by date — pick a custom range (with a start and end date), or quickly see your sessions from last week, last month, or last year.
0
0
1
We did it 🔥.Cash App Brand Guidelines was awarded Site of the Day 🙏.
Today’s #SOTD goes to @indexstd, @QuentinHocde, and @jonathandc for "Cash App Brand Guidelines". A creative showcase of the Cash App brand guidelines, highlighting its rich visual identity through an immersive journey. Congratulations! 🏆. #business
3
5
97
Just made an update on SerenityMoment ⚪⚫. Color theme creation:.Premium users can now pick their own colors and adjust the theme to create a truly personal space. ➡️ Don’t forget, you have a 14-day free trial of the premium subscription 👀
0
0
5
New micro-site . Design : Maëlan Le Meur.3D : Margaux Minodier (allo3d)
3
5
109
Identities Coverflow Carousel on Fake perspective made with CSS 3D, with a camera movement on mouse move. Made with @indexstd and Cash App
0
0
36
Exciting new project with @indexstd 🔥.Introducing goodroads: Discover France by motorcycle with custom-designed routes. ➡️ Thrilled to have worked on this project with the best team and with stunning videos and photos content.
0
0
53
RT @paulsoulhiard: Happy to share the new website for M.Fisher - a design studio based in New York City, specializing in stone craftsmanshi….
0
9
0
Our project with Cash App is Site of the Month on the gsap showcase 🫶😍🔥.
📬 The monthly GSAP Spotlight has made it's way into your inbox!. Featuring our Site of the Month - Cash App by @quentinhocde and @indexstd .& a recap of March's best work from the creative dev community. Read it online - .Sign up -
1
1
19
Infinite Photos tunnel 🔍. Crafted with CSS, with a fake camera movement on mouse move, based on a skew transform. Scrollable and Draggable, manage with @greensock . Made with @indexstd and Cash App
1
4
84
Infinite Illustrations Carousel on Crafted with CSS 3D, featuring bouncy and physics-based movements. This section was the first one to deliver an MVP for the drag interaction feel. Made with @indexstd and Cash App
1
4
78
[FOCUS] - Infinite UI elements carousel on was one of the most satisfying section to code 🤓. Fully crafted with CSS 3D 👀.Built on top of Flip & Draggable by @greensock. Made with @indexstd & Cash App
2
2
34
[FOCUS] - Infinite cards carousel on This one is also fully crafted with CSS 3D 👀.The transition is made with the Flip plugin from @greensock , and the carousel is based on the Draggable plugin 💚. Made with @indexstd & Cash App
6
8
228