20.7 C
New York
Friday, August 22, 2025

Developer Highlight: Ruud Luijten | Codrops


I’m a 32-year-old freelance developer primarily based in Antwerp, Belgium, with a level in Multimedia Know-how and over a decade of expertise crafting digital experiences. Early in my profession, I took a daring step and moved to New York Metropolis to affix the artistic company Your Majesty as a front-end developer — a launchpad that allowed me to work on high-profile tasks for world manufacturers like BMW and Spotify.

After a yr within the U.S., I returned residence to be nearer to household and mates and continued refining my expertise with famend businesses akin to Construct in Amsterdam, Hey Monday, Watson DG, Exo Ape, and Studio 28K. Over time, I’ve had the privilege of collaborating with top-tier artistic groups on tasks for shoppers together with Amazon, Apple, Disney+, Mammut, Sony, WeTransfer, and extra.

At present, as an unbiased developer, I associate with businesses around the globe to ship design and motion-driven digital experiences. Exterior of labor, you’ll usually discover me path operating, enjoying golf, or exploring the outside via my ardour for panorama and nature images.

Featured work

WRK Timepieces – Superior Horology Engineering

WRK Timepieces is famend for its dedication to crafting luxurious timepieces. Their artisans craft each bit with distinctive care, combining conventional craftsmanship with cutting-edge innovation. Using premium supplies akin to titanium and DLC (Diamond-Like Carbon), WRK Timepieces produces watches that embody precision engineering and timeless magnificence. For his or her web site, I labored with 28K Studio and their superb staff of designers.

I developed a product web page for WRK’s newest timepiece, utilizing immersive 3D scroll-triggered animations to disclose options just like the precision-engineered motion, Flying Tourbillon, and Double-wishbone System. The fluid, interactive sequences let customers discover the watch in wealthy element from each angle, whereas a seamless scrolling circulation highlights its design, supplies, and craftsmanship in a premium, minimalist type true to the WRK model.

Constructed with Vue/Nuxt, SCSS, TypeScript, GSAP, Storyblok for content material, and Vercel for quick, dependable internet hosting.

Mammut – Digital Flagship Retailer

Mammut is a Swiss premium out of doors model recognized for its high-performance gear and attire, combining progressive design with over 160 years of alpine heritage to equip adventurers for essentially the most demanding environments.

From idea to launch, Construct in Amsterdam collaborated carefully with Mammut to create their new digital flagship retailer, united by a shared imaginative and prescient for high quality. We set a contemporary artistic route for life-style and product images, shifting towards a extra emotional procuring expertise.

The mobile-first design system meets WCAG 2.1 accessibility requirements, guaranteeing usability for all. To focus on the story behind each product, we designed editorial modules that encourage deeper exploration with out overshadowing commerce.

Constructed with Subsequent.js for responsive, high-performance interfaces, the platform integrates Contentful as a headless CMS, Algolia for lightning-fast search, and a customized PIM for real-time product knowledge.

Exo Ape – Portfolio

Exo Ape is a digital design studio that crops the flag on the intersection of know-how, digital branding and content material creation. For over a decade their staff has had the privilege of working with world manufacturers and galvanizing startups to inform brand-led tales and form digital identities.

I’ve collaborated with the Exo Ape staff on quite a few tasks and had the privilege of contributing to their new studio web site. Their focus persistently lies in sturdy design and bringing websites to life via partaking movement design. Working carefully with Rob Smittenaar, I developed a sturdy basis utilizing Vue/Nuxt and created a backend-for-frontend API layer that streamlined knowledge utilization inside the frontend app.

The mission makes use of Vue/Nuxt for a dynamic frontend, SCSS for modular styling, and GSAP for easy animations and transitions. Content material is managed with Storyblok, and the positioning is hosted on Vercel for quick, dependable supply.

Columbia Photos – 100 Years Anniversary

Celebrating a century of cinema – In honor of Columbia Photos’ a hundredth anniversary, I labored with Sony Photos, Exo Ape and Watson DG to create a century-filled digital expertise and quiz. By means of this, we took guests on a journey, not solely via leisure historical past, but additionally via a customized path of self-discovery serving to followers uncover the movies and tv reveals which have formed them essentially the most.

In an effort to create a uniquely particular person expertise, we carried out a strategic backend improvement to maintain the journey authentic, dynamic, and assorted for each person – irrespective of what number of occasions they return. This, together with a various mixture of visuals and questions, created a contemporary and interesting expertise for everybody. The property and questions are sourced from an in depth database of movies, TV reveals, and actors.

Every run via the quiz presents the customer with eight interactive questions that regularly change primarily based on their responses. The artistic staff developed a design system that includes 5 interactive mechanics — Circles, This or That, Slider, Rotator, and Drag and Drop — to current quiz questions in a fascinating method, encouraging customers to pick solutions via enjoyable, dynamic interactions.

With titles, genres, and visuals from 100 years of movie and tv, we have been in a position to tailor the expertise round every reply. For instance, if the quiz finds that the person leans towards horror, extra questions will likely be horror-themed. In the event that they lean towards 80s movies, extra choices will faucet into nostalgia.

After diving into Columbia’s 100 years and finishing the quiz, guests have been introduced with a customized shareable via an automated asset generator. This asset — accompanied with a spread of social sharing choices — performed an essential position in sustaining engagement and enthusiasm all through the marketing campaign and past.

The mission’s frontend was constructed with Vue/Nuxt, SCSS, and GSAP for dynamic interfaces, modular styling, and easy animations. The backend makes use of Node, Categorical, and Canvas to generate the shareable asset.

Basic Electrical – Innovation Barometer

Each two years, Basic Electrical surveys the world’s main innovators to discover the way forward for innovation. The findings are introduced within the International Innovation Barometer, a biannual marketing campaign created in collaboration with Little Crimson Robotic.

The artistic staff developed a futuristic visible system for the marketing campaign, primarily based on a contemporary summary 3D design type. Images and live-action video have been mixed with 3D animations and illustrations to create a wealthy visible expertise.

The mission was constructed utilizing Vue for a reactive and component-driven frontend, mixed with Stylus for environment friendly and scalable styling. For easy, performant animations, GSAP was built-in to deal with complicated transitions and scroll-triggered results, enhancing the general person expertise.

Additional: Images Portfolio 2.0 sneak peek

I’m excited to share that I’m presently collaborating with Barend Eijkenduijn and Clay Boan on the subsequent model of my images portfolio. This upcoming Model 2.0 will likely be greater than only a refreshed assortment of my work — it can additionally embody a completely built-in print store. By means of this new platform, you’ll have the ability to browse my images, choose your favorites, and customise your prints with a spread of choices, together with varied sizes, paper varieties, and framing kinds. Our objective is to create a seamless and fulfilling expertise, making it simpler than ever to convey a bit of my images into your own home or workspace. We’re working in the direction of an official launch by the top of this yr, and I can’t wait to share it with you.

Ultimate Ideas

As a developer, I consider that curiosity and consistency are important to rising on this area — however so is making time to discover, experiment, and create private ardour tasks. Sharing that work can open surprising doorways.

Many due to Codrops and Manoela for this chance — it’s an actual honor. Codrops has lengthy been one in every of my favourite sources, and it’s performed an enormous position in my very own studying journey.

You could find extra of labor on my portfolio, Twitter and LinkedIn.



Supply hyperlink

Related Articles

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Latest Articles