惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog RSS Feed
Spread Privacy
Spread Privacy
T
Threatpost
C
Cisco Blogs
P
Palo Alto Networks Blog
AI
AI
Cyberwarzone
Cyberwarzone
NISL@THU
NISL@THU
P
Privacy & Cybersecurity Law Blog
G
GRAHAM CLULEY
Simon Willison's Weblog
Simon Willison's Weblog
T
Tor Project blog
Latest news
Latest news
AWS News Blog
AWS News Blog
D
Docker
S
SegmentFault 最新的问题
博客园 - 聂微东
WordPress大学
WordPress大学
Vercel News
Vercel News
S
Securelist
爱范儿
爱范儿
J
Java Code Geeks
Know Your Adversary
Know Your Adversary
S
Schneier on Security
Hugging Face - Blog
Hugging Face - Blog
F
Fortinet All Blogs
Last Week in AI
Last Week in AI
D
DataBreaches.Net
宝玉的分享
宝玉的分享
D
Darknet – Hacking Tools, Hacker News & Cyber Security
MongoDB | Blog
MongoDB | Blog
Engineering at Meta
Engineering at Meta
K
Kaspersky official blog
美团技术团队
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
量子位
博客园_首页
Attack and Defense Labs
Attack and Defense Labs
S
Secure Thoughts
Google Online Security Blog
Google Online Security Blog
Application and Cybersecurity Blog
Application and Cybersecurity Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
腾讯CDC
T
Threat Research - Cisco Blogs
雷峰网
雷峰网
有赞技术团队
有赞技术团队
www.infosecurity-magazine.com
www.infosecurity-magazine.com
P
Privacy International News Feed
S
Security Affairs

Codrops

Meet the Speakers of the First Three.js Conference | Codrops The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio | Codrops Where Stories Become Interactive Worlds: How makemepulse Brings Ideas to Life Across Web, XR, and Beyond | Codrops The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques Building an Interactive Wave Propagation Cube Grid with Three.js | Codrops Ten Years Away: Designing an Interactive Comic for Studio375’s Tenth Anniversary | Codrops Building a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP | Codrops From Years of Client Work to a Next.js + Sanity Starter Kit | Codrops Sculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court | Codrops Building Persistent Page Transitions with WebGPU and Vanilla JavaScript | Codrops Inside Bisous: Designing an Editorial Experience for Cinematic CGI | Codrops Engineering the Web Experience Behind Shopify’s Spring ’26 Edition: Everywhere | Codrops Testing What Users Actually See with Vitest and Chromatic | Codrops Podium: Building a Website Where Running Becomes Storytelling | Codrops Designing Beyond the Surface: How DashDigital Turns Complexity into Clarity | Codrops Creative Entrepreneurship: Designing the Machine | Codrops Exploring 3D Image Rotations on Scroll | Codrops Always Building, Always Learning: Cyd Stumpel’s Journey Through the Modern Web | Codrops Designing A Better Lou: Reducing Cognitive Load Through Design, Content, and Systems | Codrops Sketching the Impossible: A 3D Portfolio Built Without a Single 3D Model | Codrops Building Horeca: Advanced Motion Design in Webflow Without the Performance Trade-Offs | Codrops Building an Interactive Digital Stamp Collection with Shaders, Postcards, and Playful Inspection | Codrops No Two Paths Alike: Inside San Rita’s Approach to Digital Experiences | Codrops The Making of the New Lesse Studio Website: Clarity, Performance, and Intentionality | Codrops Creating a Thumbnail Flow Animation with GSAP MotionPath | Codrops Forging Her Own Path: Houmahani Kane’s Journey in Creative Development | Codrops Beaucoup and the Pursuit of Memorable Experiences | Codrops The Future of Emotional Technology: Comfort Websites for Growth and Self-Awareness | Codrops The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP & Lenis | Codrops Whooshes, Snaps and Shaders: Adrien Vanderpotte and the Feeling of the Interface | Codrops Building a Scroll-Driven 3D Cube Gallery in Webflow with GSAP | Codrops Creating Scroll-Driven SVG Map Animations with GSAP | Codrops Made With Gsap: Building a Fun Gravity-Based Mouse Trail | Codrops 80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline | Codrops Merlin: The Code Boutique Turning Motion Into Digital Magic | Codrops Designing Ourselves: The New Obys Identity and Website | Codrops Exploring the HTML-in-Canvas Proposal | Codrops Le:mma Studio: Building the Feeling Behind the Screen | Codrops From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio | Codrops Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP | Codrops Akaru: Crafting Precision-Driven Digital Experiences | Codrops Designing Against the Gallery: A Two-Year Journey to a Layered Portfolio Experience | Codrops Between Human and Machine: Sofia Papadopoulou’s Approach to Augmented Creativity | Codrops More Than a Portfolio: Building a Scroll-Driven 3D World with Something to Say | Codrops Rhumb Studio: Small but Mighty, Shaped by Curiosity | Codrops Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders | Codrops Building 4WIDE: Turning Distortion, Blur, and Motion into a Coherent Experience | Codrops A Playful Clip Menu with GSAP’s easeReverse | Codrops False Earth: From WebGL Limits to a WebGPU-Driven World | Codrops Interactive Storytelling for the Web: Building Immersive Stories with Timelines, 3D, and Layered Scenes | Codrops The Art of Complex Motion: Corentin Bernadou’s World of Shaders and Experimentation | Codrops They Call Me Giulio: The Making of a Cinematic Cyberpunk Portfolio | Codrops Lusion: Where Digital Craft Meets Ambitious Experimentation | Codrops The Exat Microsite: Pushing a Typography Showcase to New Creative Extremes | Codrops A Single DM, a First SOTD, and the Start of Chanh M. Ho’s Creative Journey | Codrops Creating Custom Page Transitions in Astro with Barba.js and GSAP | Codrops R—K ’26: The Thinking and Code Behind a Portfolio Led by Presence | Codrops Building the Maxima Therapy Website: React, GSAP, and Dabbling with AI | Codrops Where Engineering Meets Craft: Edoardo Lunardi’s Obsession with the Details | Codrops Animating 160,000 Cubes in Three.js to Visualize Dithering | Codrops Arnaud Rocca’s Portfolio: From a GSAP-Powered Motion System to Fluid WebGL | Codrops Where Confidence Needs No Decoration: The Malvah.Studio Story | Codrops Motion Highlights #17 | Codrops
Shaping Stories into Experience: The Work of Kevin Lam | Codrops
By Kevin Lam · 2026-06-25 · via Codrops

Hi, I’m Kevin Lam, also known as urfd online, short for Ur Friend. I was born in Hong Kong and I’m now based in Brisbane, Australia. I currently work at Nightjar Studio.

I enjoy searching for unique brand stories and turning them into soulful experiences. Like a friend, I like to listen first, understand the story, then find the small idea or feeling that makes a project memorable.

Feature Projects

Odyssée Clinic

Brand + Website

Odyssée Clinic is a doctor led medical aesthetics clinic in Sydney. This was a project I worked on at Nightjar Studio. The brand idea was built around a guided aesthetic journey, where every treatment begins with understanding the patient first. We used the sphere as a visual node, a quiet object in motion that suggests the beginning of that process. The final identity was considered and grounded in care, rather than focused on quick results.

Challenges: The challenge was to avoid the familiar cosmetic clinic feeling. Odyssée needed to feel refined without becoming cold and clinical without feeling distant. The design had to support the clinic’s doctor led approach, where communication and trust are part of the experience.

Personal note: I liked this project because it gave me space to bring my 3D skillset into the brand world. The assets added depth and atmosphere without making the identity feel too decorative, balancing restraint with a quiet sense of movement.

Credit: Nightjar Studio

Sam Thies

Brand + Website

Sam Thies is a Brisbane based photographer. His website was designed as a quiet archive for his work and the journeys behind it. Rather than making a standard portfolio, the idea was to create a place where each project could unfold like its own chapter.

Challenges: The challenge was to keep the design quiet without making it feel empty. Sam’s photography already carries a strong sense of place so the website needed to give the work room to breathe.

Personal note: I enjoyed this project because it was about creating a quiet canvas for the artist’s work. The photo grid, full bleed images, simple typography and subtle page transitions were all designed to let the photography feel considered without getting in the way. The aim was to make the website feel like a gallery: calm, spacious and focused on the work.

Credit: Carl Beaverson (Dev)

FolkTale

Brand + Website

Folktale is a design led estate agency brand built around homes with character. The idea was to move away from the usual property language and create something more human, where each home could be understood through its story rather than just its features.

Challenges: The brand needed to feel soulful and story driven, but still clear enough to work as a real estate platform.

Personal note:  The project was about noticing the small things that make a place feel like home. The visual direction leaned into lived in details, editorial layouts and a tone of voice that felt warm without becoming sentimental.

Veil Obscura

Brand + Website

Veil Obscura documents one of Australia’s most extraordinary natural events. The project was designed to let the work breathe, allowing the story to unfold with clarity, atmosphere and a quiet sense of wonder.

Challenges: The challenge was to create a design system that supported the story without overpowering it. With a subject so visually rich, the design needed to be restrained, giving space to the imagery, pacing and details of the event.

Personal notes: I enjoyed this project because it reminded me that design does not always need to be loud to be memorable. Sometimes the role of design is to step back, create space and let the story reveal itself slowly.

Credit: Carl Beaverson (Dev)

James Street

Brand + Website

James Street is one of Brisbane’s most recognised lifestyle precincts. While at Groundcrew, I worked on the website refresh to help create a clearer digital home for the precinct. The project focused on improving the user experience, supporting a large tenant directory and giving the website a stronger sense of energy that matched James Street in real life.

Challenges: The challenge was to make the website easier to use without losing the character of James Street. With so many stores, restaurants and events to bring together, the design needed to feel organised but still lively. For the store directory, a slide out information panel allowed people to move between shops easily, while each store still kept its own direct URL.

Personal note: I liked this project because James Street already carries so much culture and personality. From artist collaborations to well known events, there was a real responsibility to translate that energy into a simple and useful digital experience, while letting its beautifully refined assets speak for themselves.

Credit: Groundcrew

Background

After completing my degree in Visual Communication, I started my career in a small design & print studio. It was a hands on beginning that taught me how much craft lives in the details: the finish, the colour and the way a design feels once it becomes something physical.

That foundation still shapes the way I work. Today, my work moves across brand, digital and motion. I often imagine websites like editorial design books, where rhythm, pacing and visual moments help shape the way a story unfolds.

Design Philosophy

Keep your curiosity

The design industry can feel overwhelming, especially with new tools appearing all the time. But curiosity keeps the work alive. Sometimes, even a short tutorial can open up a new direction. You do not need to know everything. You just need to stay open enough to keep learning.

Find the north star

Before designing, I ask questions, look for what really needs to be solved and try to understand the project from the client’s point of view. Once that becomes clear, the design direction feels less like decoration and more like a response to something real.

Care about the work

I believe designers should care deeply about the work they make because even a small piece of design can shape how someone feels or understands something. That care should also extend to the people around us, whether it is sharing what we learn, giving honest feedback or supporting other creatives in small ways.

Good design is rarely made alone

Design is never really a solo act. Behind every good project, there are conversations and people pushing the work from different angles. The best ideas usually become stronger when they are shared, challenged and shaped together.

Tools & techniques

  • Photoshop
  • Figma
  • After Effects
  • Cinema 4D
  • Cavalry

Future Goals

I would love to keep working with artists who are passionate about their craft. Their stories are always fascinating to me, and I enjoy helping those stories become something people can see and feel.

Outside of design, I want to enjoy more time with my family and my three year old son. Maybe that will become a story I share one day too. 🙂

Final thoughts

Thank you to the Codrop team for giving me the opportunity to share my creative process and journey. It means a lot to be able to reflect on the work, the people behind it and the small stories that continue to shape the way I design.

Thanks for taking the time to read my story.
Let’s stay connected.

Instagram
Linkedin
Email for new enquiries