Light Mode

Switch to Dark Mode

Dark Mode

Switch to Light Mode

Auto

Enable Auto

Avatar Jan van der Asdonk

Pioneering next-gen
interactive products

Inventor, Designer & Futurist with 15 years of international experience crafting original ideas, next-gen UX, and digital-physical products by driving concepts hands-on and leading teams to innovate for some of the world's biggest brands.

Get In Touchusing LinkedIn
Nike logoAmazon logoLogitech logoMicrosoft logoDell logoIKEA logoMercedes Benz logoHuawei logoOPPO logoLightyear logo
 

Back to Top

@

Get in Touch

0

Stop Audio

Context Aware Audio Tracks

In a Nutshell

TL;DR

My mission is to accelerate a more exciting, desirable interactive future. I bring a unique blend of original creativity, strategic insight, and multidisciplinary expertise in design, innovation, and technology, all with the passion and drive to create next-generation interactions, products, and experiences—from near-term to 15 years ahead. By challenging conventions and rethinking norms, I aim to spark new possibilities and, in doing so, create what is possibly inevitable.

Welcome to the digital repository of my creative, design and innovation expressions. Although comprehensive, this page is easy to navigate.

Below is a showcase of my career aspirations, achievements, experiences, testimonials, invention insights, services, personal projects, and publications.

Sprinkled throughout are videos and images of my work, most of which have been intentionally pixelated to maintain confidentiality.

Next-Gen UX

Given the discretion required in much of my work, I've created this page with features that showcase my approach to intent-driven interaction design. See if you can spot each unique one before ending at a feature overview below.

Smart Mirror

3 Key moments of a smart mirror shopping experience enabled by computer vision and AI (NDA-proof pixelated teaser)

My Work Bucket List

Aspirations

The best place to start is where I want to go. Typically, a medium like this is used to display only past accomplishments and current focus. So why not include future work ambitions? Here are four things I would love to work on one day and feel I've got the expertise to do so.

Edition

AI Retail

Accelerated showcase of an AI-driven online retail experience at Nike (NDA-proof pixelated teaser)

What I've Worked On

Work

I've had the pleasure to work for and collaborate with top innovation teams across Fortune 100 companies, enabling over 40 patents.

Key Accomplishments

While I can't go into detail on the work for obvious NDA reasons, here's a list of some of the key career accomplishments so far.

Foldable OS

Detailed walkthrough of signature interactions and OS design for foldable devices (NDA-proof pixelated teaser)

How I Can Help You

Services

Here is an overview of the key services to help you invent and bring to life what's next using my 15 years of experience in invention, design, and innovation. These are adaptable in scope and scale, allowing me to collaborate seamlessly with individuals, teams, agencies, startups, scaleups, and corporates. Happy to discuss how I can support defining your future: get in touch.

Individual Contribution

Inventing, designing and delivering next-gen interactive concepts, products, services, and systems. Always with a future focus in mind. Cost effective solution for your business when looking to tap into design and innovation skillsets and get actionable results.

Fractional Leadership

Building, advancing, and/or leading your (next) design / innovation team to support the ambitions of and create new value for your business. Cost effective solution for your business when looking to create the foundations in order to create what's next.

Startup Growth & Scaling

Supporting early-stage startups as they transition from idea to scale by embedding strategic design and innovation leadership at critical funding stages. A cost-effective way to build, advance, or lead design functions while ensuring product-market fit, investor confidence, and long-term scalability.

Invention Process

My Nothing to Something invention and concepting process for innovation teams (NDA-proof pixelated teaser)

Where I've Worked

Career

Here's an overview of the key roles and experiences which have made up my career so far. See more detail on my LinkedIn.

Career Highlights

Smart Workouts

3 Key moments of an auto-magic home workout experience using computer vision (NDA-proof pixelated teaser)

What Others Are Saying

Testimonials

And don't take my word for it, here are some recommendations from past clients and colleagues. You can find all 21 on my LinkedIn.

Recommendations

Display Devices

Demo of new devices and two-handed interactions with table-top displays for creative professionals (NDA-proof pixelated teaser)

My #1 Invention Advice

Unbias

This is by far the most valuable creative perspective of my career: creating and cultivating methods to generate unique ideas by temporarily abstracting or removing the known.

I've seen too often where existing work, competitors, market landscape, and other familiar variables have resulted in similar or even superficial ideas. While I strongly believe in informed ideation based on valuable insights, there is a brief yet critical moment to invent outside your bubble.

I trained myself in the art of “temporarily” forgetting known variables to spark novel ideas and have possibly ruined my memory, though that's a story for another time.

You read more about my perspectives on defining delivering what's next shaped during my 15 year innovation career: 6 Perspectives on Advancing Future-Defining Innovation. LinkedIn.com - 3 min

Always happy to get inspired by your perspective on similar thoughts regarding creativity, innovation, and design: get in touch.

Interactive AR

High fidelity interactive prototype of an AR device for kids focused on second-hand interactions (NDA-proof pixelated teaser)

It's a Chopper, Baby

Chopper

In 2019 I finished building my own chopper. I've been inspired by my dad to pursue the joy of motorcycles. Harley Davidsons specifically, ever since he got his. I never had the money so the only logical thing was build one myself. Obvious it's cheaper, right? How hard can it be, really? As turns out: no and very.

Black

The right side is mostly black to offset the chrome engine and silver exhaust
The right side is mostly black to offset the chrome engine and silver exhaust

This motorcycle and all its sensible parts I crafted myself, from the ground up. I knew nothing of motorcycle construction, maintenance, metal fabrication, welding, you know; the skills needed to get it done. But I wanted this so badly. Countless hours of sweat, blood and burns. The shit you go through to get a new motorcycle tested, approved and registered in The Netherlands. My 1952 Harley Davidson Panhead chopper: 1200cc's of kickstart-only, rip-your-pants-off open belt drive, why-doesn't-it-have-suspension craziness.

White

The left is mostly white to highlight the large belt drive
The left is mostly white to highlight the large belt drive

But this story is not about the awesomeness of building your own motorcycle. It's a story I often preach for a different reason. Because you see, things are not always as hard as they seem. And no matter the challenge, the rewards are amazing. Too often have I seen someone else's dreams not come to fruition because the challenge felt too steep, the mountain too high, a bridge too far. No skill. No money. No time. But the thing is: if you want it badly enough; you'll find a way. And this is my message to you: follow your dreams and just get started. You might surprise yourself. It may take time, but the journey can be incredible and at some point you get to that previously elusive moment of joy and happiness and it's all worth it. Trust me. I've been there.

Two-Face

It makes for an interesting two-faced motorcycle
It makes for an interesting two-faced motorcycle

Banknote Business Card

Money

Back in 2010 when analog business cards were still a thing I took it upon myself to reinvent one for myself. Strangely enough this has been one of my more successful creations. So, how to create a unique business card reflecting my creativity while making sure it does not compete with other business cards?

In the end the solution was simple: create an item which belongs in someone's wallet, not their business card holder, and manages to stand out (from other business cards). Thus: money. I thought about minting my own coin, which turned out to be too complicated, so paper it was.

I meticulously designed the banknote business card based on the original Dutch 10 Gulden note (our pre-Euro currency). Embedded are countless personal details such as my (since outdated) phone number acting as the serial number, funny hidden messages, watermark, and more.

Business Card

My creative play on a business card, might get me in trouble one day
My creative play on a business card, might get me in trouble one day

And it worked out well. The banknote business card often found itself in the section housing all the other banknotes. Using a similar size, feel and styling; the recipient is exposed to the business card on numerous occasions when handling their money. Upon inspecting the business card during these moments, the threshold of actually throwing it away is too high. And also, while regular business cards are eventually stored in another location, this design eludes these moments of relocation while not residing in the conventional compartment for business cards.

While these were in circulation I received a lot of comments on this exact behavior. I look forward to designing another unique item with such a high impact for its investment one day again. More details on the banknote business card design can be found in: my old portfolio. Janvanderasdonk.com/old

Contextual Interfaces

Interactive product prototype of contextual digital interfaces for horizontal displays (NDA-proof pixelated teaser)

Perspectives Put to Pixels

Publications

Sometimes I end up posting what I put into perspective. Unfortunately these creative thoughts are published on different digital platforms. Here are a few of the more notable ones all in one place for your convenience.

Advancing Future-Defining Innovation

A recent addition summarizing six perspectives focused on defining and delivering what's next shaped during my 15 year innovation career: 6 Perspectives on Advancing Future-Defining Innovation. LinkedIn.com - 3 min

Buttons are Bullshit

One of the main drivers of how I approach next-gen digital and physical interaction design revolves around designing for intent. This has allowed me to create novel and user-friendly interactive products and features.

In 2017 I published an article on Medium on the why, what, how, and what's next in my personal crusade against the evil that are Bullshit Buttons: Buttons are Bullshit. Medium.com - 6 min

The Present is a Creative Echo Chamber

Throughout my career I'm always figuring out how to have original ideas. One approach focuses on using sci-fi books not for inspiration, but pulling you away from the now into the next to advance your creative perspectives:The Present is a Creative Echo Chamber. Medium.com - 6 min

AI Device

Interface walkthrough of a future AI companion device with responsive depth interface (NDA-proof pixelated teaser)

My Old Portfolio

Version -1

Prior to this digital repository I used a different portfolio website to house my student and early career work. It's quite outdated, also technically, but the content might still satisfy the curious: my old portfolio. Janvanderasdonk.com/old

You can find my graduation work on how genetically modified bioluminescent bacteria might be used to check for viral infections at home (I still get comments on this work due to COVID), design and branding work for a dairy company, early examples of my chopper build, conceptually encoding your DNA into crystals to create a different type of afterlife artifact, using the fascinating Ferrofluid liquid to create an appealing and functional music player, and way more weirdness.

The concept of the website was to make it feel like a portal into another world behind the glass of your display. To create this effect I used a flatbed scanner to image my hands in various ways, as seen on each of the pages. I even tried scanning my face, but this turned out too creepy to publish.

My Old Portfolio

My old portfolio website with imagery of my hands and feet created using a flatbed scanner

Feature Overview

Brake!

Even with something as conventional and commoditized as a website there is space for innovation. I've created this page with interactive elements that showcase my approach to next-gen UX / interaction design. Below is an outline of a couple key features designed to follow your intent, which differ for desktop and mobile devices in their availability, operation, and design.

Superscroll

What if a website changes its appearance when you are scanning as opposed to reading? Superscroll activates when you scroll beyond a specific speed and duration, where you cannot make out the individual text and are likely scanning the page. Automatically all text is abstracted, additional chapter and media titles appear so you can easily find and stop at certain section. Additionally, a new scrollbar expands on the left revealing where each of the chapters are. Slow down and everything returns back to normal for your viewing pleasure.

Disclaimer: this works best on devices with scrolling acceleration (increasing the scrolling speed on repetitive scrolling), typically found on most mobile, tablet, and Apple desktop and laptop devices.

Superscroll

Digital content responding to your intent by adjusting its focus (Dark Mode version)

Superscroll

Digital content responding to your intent by adjusting its focus (Light Mode version)

Magnetic Buttons desktop only

What if digital buttons come to you? Two buttons appear in the bottom when moving beyond the landing view, one to scroll back to the top and one to get in touch. When you get close enough they respond, increase in size, and jump towards your mouse cursor; following your likely intent of wanting to interact. At the same time, the rest of the page fades out to add focus to the buttons. They keep following the cursor until you move away far enough, resulting in very easy to use buttons.

Magnetic Buttons

Digital buttons responding to your intent by coming towards your mouse cursor (Dark Mode version)

Magnetic Buttons

Digital buttons responding to your intent by coming towards your mouse cursor (Light Mode version)

Media Focus desktop only

What if media knows when to take the center stage? Videos and images gradually appear when coming into view in order to not distract from your reading. When stopping on an image for a specific time the surrounding content gradually fades to the background and additional emphasis is placed on the caption, allowing you to focus.

And what if you don't need play, pause, or restart buttons? Even videos will pauze when you scroll them partially out of view, only to continue playing if you scroll back. And when they're completely out of view they will reset and play from the start again. Perhaps one day I'll use head tracking to have videos automatically play and pause when you are or are not looking.

Media Focus

Digital media responding to your attention by adjusting their focus (Dark Mode version)

Media Focus

Digital media responding to your attention by adjusting their focus (Light Mode version)

Feedforward Links

Another interaction design tweak relates to the appearance and behavior of links and how they provide feedforward on what will happen when you interact with them. On desktop the links focus on signature underline styles, while on mobile they turn into buttons. There are three types of links.

The first is an index link. These are used at the start of the page and have a less noticeable presence to reflect their internal secondary usage. On desktop, hovering over the link transforms the underline into a downward arrow, indicating how it will bring you to a specific spot further down the page. On mobile the top right has an index-styled icon.

The second is the external link. On desktop, the underline moves to the right, hinting how it will open another website in a new tab. On mobile there is a white arrow. These can also come with a version showing the destination and likely read time. On desktop it appears on hover, while on mobile it's always present: another external link. Website.com - 6 min

The third is the note link These fold out notes work well when providing secondary details or a quote while also incorporating another external link if needed. Perhaps I should actually use it somewhere on the page other than here. LinkedIn.com/... , used to reveal more information. On desktop, the link moves the underline down, expanding its width while revealing a gray box, implying how it will open up. On mobile it shows a rectangular box.

Feedforward Links

Digital links responding to your presence by adjusting their appearance (Dark Mode version)

Feedforward Links

Digital links responding to your presence by adjusting their appearance (Light Mode version)

Future Features

A possible feature I'm toying with is some type of functionality where content is (partially) hidden whenever it is read. I mean, why should you be bothered by anything already consumed? Not sure how to detect this yet, perhaps some type of eye tracking.

And what about using your camera to create a light-dark mode which adapts to the actual environmental light you're getting? Maybe even constantly adjusting all colors to create the best viewing experience relative to the lighting conditions around you and your device? Maybe one day...

More features are in development and planned for delivery this century.