1. Homepage (link)

I joined Notion in January 2024 and was tasked with redesigning the navigation and homepage to tell the evolving product story.

In July 2024, we launched a redesigned homepage focused on Notion's core features: Write, Plan and Organize. The updated design highlighted key UI moments through stacked screens that illustrated the breadth of Notion's use cases, from personal productivity to team collaboration. We also introduced icons illustration, wallpapers, and art direction that brought a warm, modern, editorial feel to the page, offering a new visual perspective on the product.

In September 2024, we further evolved the homepage by integrating Notion Assistant, our new AI feature. The assistant was featured prominently in the hero section and woven throughout the page to demonstrate how AI enhances the Notion experience. Aside from partnering with PMMs to craft a compelling story and a polished page, I took the initiative to animate the illustrations for both launches, bringing the page to life. Tests showed that this led to greater scroll depth.

2. Notion Faces (link)

Notion Faces is a portrait-making tool originally developed to keep up with Notion's rapidly growing team—while preserving the personality and playfulness that define our brand. It solved key challenges around production delays and visual inconsistency, offering a scalable way to maintain a cohesive yet expressive identity across internal and external touchpoints.

We later expanded the tool, opening it up to the broader Notion community and launching a full-scale marketing campaign to support the release. More than just a branding asset, Notion Faces reinforces Notion's identity as a tool for builders—creative, flexible, and deeply personal.

In collaboration with the design studio BUCK, we created a modular system of over 580 illustrated components, built to reflect the diversity of Notion's global community. The process was highly inclusive, shaped by input from affinity groups and localization teams to ensure cultural sensitivity and authentic representation. This commitment to inclusivity led to rapid adoption across all regions, reinforcing the campaign's success and impact.

My focus was on bringing the brand to life and telling its story through the marketing website and campaign, while also helping shape the product’s design and strategy. The result: a standout launch that captured 21 million impressions and drew 221,000 non-users to the landing page.

3. Design System

I contributed to the evolution of Tatami, the shared design system powering Notion's marketing and web experiences.

Tatami provides teams with a unified visual language—bridging the gap between Figma and code while embedding brand consistency directly into the design and development process. From components and tokens to spacing and rhythm, everything is modular, reusable, and built to scale.

The system reduces ambiguity, accelerates production, and creates space for better storytelling. It's accessibility-first, localization-ready, and flexible enough to support everything we publish online—from high-impact product launches to rapid, experimental content. By standardizing the essentials, Tatami allows teams to focus on what matters most: clarity, creativity, and craft.

I also designed and animated the Tatami logo (named after Tatami mats), illustrating how the system should be both firm and flexible.

4. Miscellaneous

Aside from the homepage and navigation, I took the lead in design direction for these areas of the website, working closely with the creative lead, engineers, and marketing partners to achieve an engaging and polished result:

- Homepage (link)

- Notion AI (link)

- Notion Faces (link)

- Notion Mail (link)

- Help Center (link)

- Downloads

- Customer Stories

- Blog

I work closely with the Conversion Rate Optimization (CRO) team to run various tests and hypotheses aimed at polishing user experience and improving conversion rates. By combining data-driven insights with thoughtful design experimentation, we continuously refine the experience to better meet user needs and business goals.

Besides my regular work, I enjoy taking on internal projects. Here's a poster I designed for one of our events:

1. Wild Memory Radio (link, Awwwards)

Initiated by WePresent, in collaboration with Seb Emina (Editor-in-Chief of The Happy Reader and co-creator of Global Breakfast Radio), this project was dedicated to creating a unique audio collection centered on the theme of memory.

The aim was to craft a tranquil, meaningful online space—a digital library of short recordings curated by Seb and contributed by writers, artists, musicians, and other creatives. Each piece reflected on how a particular place in the world had shaped or changed the contributor, offering insight into how personal geography can influence creative work.

The experience was designed to feel slow, intentional, and emotionally resonant—inviting visitors to listen, reflect, and explore at their own pace.

I was the interaction designer for the experience, responsible for shaping how users navigated and engaged with the audio content in a way that honored the sensitivity and depth of the stories being shared.

Check out the Awwwards Honorable Mention for more details.

2. Wild Memory Radio (cont.)

To complement the audio, we used DALL·E to explore visual imagery that gently evoked the essence of each memory. These images were designed to feel quiet and reflective, transporting listeners to serene scenes and highlighting the small, vivid moments described in the stories.

In addition to the interaction design, I also created motion prototypes for the overall experience and identity, ensuring that every transition and movement supported the emotional tone of the project.

3. Partnerships

At WeTransfer, I worked closely with a multidisciplinary team of designers and developers to create custom, high-impact brand experiences for our advertising platform. Our focus was on collaborating directly with global brands to concept, design, and implement unique, interactive campaigns that felt native to WeTransfer's visual and editorial environment.

Two standout collaborations were with Burberry and Rimowa, both brands known for their openness to creative experimentation. With each, we explored innovative interactions and storytelling techniques to bring their respective campaigns, such as the one for the Lola bag, to life.

Another fun collaboration is an interactive ad we developed in partnership with Woolmark that leans into WebGL.

4. WeTransfer Advertising

The environmental impact of digital advertising, particularly energy consumption and CO₂ emissions, is an often overlooked but increasingly urgent issue. Not all media channels have the same carbon footprint, and the way a campaign is planned and executed can significantly affect its environmental impact.

At WeTransfer, we discovered that our platform generates lower emissions compared to many traditional digital advertising methods. This presented an opportunity to raise awareness among potential partners and help them make more sustainable media choices.

The challenge? Turning dense information and carbon data into something clear, engaging, and human. Our goal was to inform without overwhelming, and to inspire more conscious media buying decisions.

We crafted a campaign that blended storytelling, motion design, and visual play to communicate the message in a way that was both digestible and dynamic.

I led the art direction and storytelling for the campaign, ensuring that the visual language, tone, and narrative brought clarity, energy, and purpose to a complex topic.

Watch the full video

1. macOS and iOS

Apple is known for its seamless ecosystem, and while the hardware often gets the spotlight, the operating system websites carry just as much weight—if not more. These sites come with a unique set of challenges: clearly explaining new features, educating users, and making the experience feel engaging, approachable, and aligned with iOS, iPadOS, and watchOS.

Over the years, I’ve had the opportunity to contribute to multiple macOS launches, helping shape how we present each release to the world. It’s been incredibly rewarding to see how our approach to storytelling has evolved — from my first OS project, macOS Yosemite, to the recent macOS Monterey.

In addition to macOS projects, I also had the privilege of working on important iOS launches such as iOS 9, CarPlay, Apple News, and Siri.

2. MacBook Pro

As the interactive designer for the Mac product websites, including the MacBook Pro (2016 and 2021), Mac mini, and iMac, my role was to craft digital experiences that could truly reflect the power and sophistication of Apple's tools for creative professionals.

The challenge was more than just building a visually appealing website, it was about designing an experience that captured the essence of devices built to push boundaries in creativity, innovation, and performance. Our goal was to make the technology feel human, aspirational, and understandable—translating complex features into clear, intuitive storytelling.

I worked on everything from technical illustrations that demonstrated wide dynamic range audio, to hero animations that revealed the Touch Bar, to motion graphics that visualized thermal cooling. Every interaction and detail was carefully considered. These elements worked together to highlight the real-world impact of the product’s features, especially for users in design, art, and technology.

Having previously contributed to the MacBook Pro with Touch Bar, I was especially excited to work on the launch of the 14" and 16" MacBook Pro models. Powered by the groundbreaking M1 chip, these machines offered a new level of performance and reliability, making them essential tools for professionals who demand the very best.

3. Apple Pencil

As Senior Designer on the Apple Pencil project, I had the opportunity to help shape the digital story behind a tool that’s redefined how people, especially artists and creatives, engage with their iPads.

We approached the webpage not just as a product showcase, but as a canvas in itself. Instead of relying on traditional vertical scrolling, we designed a freeform, exploratory navigation system that allowed users to move in multiple directions, mirroring the open-ended creativity the Apple Pencil enables. The interaction invited people to play, explore, and create, reinforcing the simple message: Let your creativity flow.

The design emphasized hands-on discovery over linear storytelling, highlighting the Pencil’s role as a tool for boundless expression. As a user, I was especially excited to be involved in the art direction and interaction design of this product page.

4. iPad

While I primarily work on the Mac team at Apple, I occasionally contribute to other product launches, one of which was the 9.7″ iPad. This project stood out as a chance to design for a more casual, everyday audience, and I was proud of how it came together.

The layout was clean and bold, capturing both the fun and practical nature of the iPad. Unlike our Pro products, this launch was aimed at students, families, and first-time users, so the design needed to feel friendly, accessible, and easy to explore.

We put a strong focus on the mobile experience, pushing the boundaries of interaction on apple.com to ensure the story felt just as engaging on a phone as it did on a desktop.

I contributed to the interaction design and motion prototype, helping shape a product story that was approachable, playful, and true to the iPad’s everyday appeal.