I designed and built the marketing website from scratch for Radiant, a desktop-only meeting notetaker for Mac that became Supernormal's 2nd brand.
Tools I used for this project
Role
Visual and web designer
Timeline
2025 to Now
Live project
See current landing page (opens in a new tab)Team
Launched in September 2025, Radiant was a bot-free meeting notetaker app for Mac with integrations and automated action items.
Radiant evolved from Supernormal's web app and launched on Framer while the original Webflow site stayed live.
My main work included CMS pages, A/B test landing pages, a mobile email-link journey, and static ads for paid campaigns.
Radiant sat between Supernormal's original notetaker meeting bot and today's desktop meeting capture app for AI Agents.
Scroll further for Radiant's full story, or visit the Supernormal case study for the wider product story.
Supernormal began as a web app with a visible meeting bot, AI summaries, and checklist action items.
Radiant became Supernormal's 2nd product, launching on its own website while Supernormal kept its original site for existing users.
Supernormal on Webflow
The optimized Webflow website stayed live for original users, so we added a Radiant hero section.
Radiant on Framer
Framer was our 1st choice for Radiant: quick to learn, multiple CMS page types, faster publishing.
I built Radiant's pages using Supernormal's existing website model as a starting point.
I then significantly improved the structure and design in collaboration with marketing and leadership.
~0
across the Radiant marketing site.
0
built for reusable templates and quick-to-publish content.
0
running for different campaign messages while ads were active.
Radiant used both Framer CMS collections and Notion tables. Marketing could edit content in bulk in Notion and prepare it quickly for CMS templates.
Framer's CMS required more technical setup.
Desktop visitors could download the Mac app directly. Mobile visitors coming from paid ads needed a way to save it for later.
Desktop visitors could download the Mac app in 1 click from the hero, navbar, and Radiant pages.
The desktop app couldn't be installed from a phone, so an email form sent a Mac install link.
Follow the mobile email journey below:
Any visitor who landed on the mobile homepage saw a Send download link button in place of a direct download button.
Visitors tapped Send download link and entered their email. Zapier passed the request to Intercom, while Statsig tracked clicks on the button.
The original email process could take up to 1 hour to send the download email. We added a dedicated email sender in the middle for instant delivery.
Intercom sent visitors the Mac download instructions, then followed up with feature tips and reminders.
Visitors opened the emailed link on a Mac to visit Radiant's homepage, download the app, and sign up.
While Radiant was an active product, the Send download link button saw an average of ~1,190 clicks per month, suggesting a promising solution for converting mobile visitors.
Eventually, we published 3 A/B test landing pages, each with different features, copy, onboarding, and FAQs, to find which campaign message converted best.
This was to determine whether we should carry the landing pages' best practices and copy over to the homepage. Here are the outcomes:
Over a 3-month period
This page focused on post-meeting email follow-ups and achieved an 11% conversion rate.
Together, the 3 A/B test landing pages drove 97% of the downloads.
Alongside the core website build, the number of pages and visuals grew, and my work extended to 8 different areas.
At launch, paid ads sent visitors to Radiant's homepage, then to campaign-specific A/B landing pages.
I designed static ads for 6 channels and 4 aspect ratios on a tight turnaround, and another teammate handled dynamic ads.
1:1 ad campaign examples for single-post placements
A few Google Ads banner campaign examples
As Radiant evolved, so did the number of visuals.
As tasks and visual needs started to grow, I began delegating visual production to a 2nd designer while overseeing the overall direction and consistency. Thus, a Figma library was created.
A few visual examples
Radiant's homepage also featured an animated Mac dock. It showed Radiant joining a user's tool stack, and its icon doubled as a 1-click download trigger.
I rebuilt the product updates page, so Radiant's email newsletter can be connected to it. CX could copy a link to any update and send customers the one relevant to a specific app issue.
The integration pages were created to explain how each tool works with Radiant, covering features, FAQs, and setup steps.
Take a look below at the hub that listed all tools, and the Lovable page.
The comparison pages were created to show why Radiant was a better choice than competing products.
A dynamic feature checklist and a draggable comparison slider let visitors see how Radiant and each competitor differed.
The use case pages were created to show how Radiant could improve work for agency teams, project managers, and freelancers.
Take a look below at how the parent and child pages look.
Rapid product and page updates outpaced site optimization, leaving Lighthouse performance scores at 32 on mobile and 51 on desktop.
I optimized components, layout, image formats, and video hosting, and reduced excess animations. The homepage and other pages improved substantially.
After the performance optimizations, Radiant's conversion rate rose by 6% within 2 weeks.
Radiant's strongest results reflected the team's work across both the website and product.
Lighthouse rose from 51 to 85 on desktop and 32 to 74 on mobile. The conversion rate rose 6% within 2 weeks of the performance optimizations.
Radiant became Supernormal's free desktop app as the product shifted toward AI Agents.
Follow the complete journey below:
Radiant launched as a standalone notetaker on Framer while the original Supernormal website stayed live on Webflow, so existing users could be brought over gradually.
As Supernormal shifted toward AI Agents, Radiant became its free desktop notetaker. It captured meetings while the Supernormal web app became the AI Agents workspace for next steps.
The Supernormal Webflow site and the Radiant Framer site were joined into 1 Framer system for a better experience.
See how the desktop app now feeds meetings into Supernormal's AI Agents.
Working on Radiant helped me understand the importance of teamwork and delegation more than ever, so here are my top 3 reflections:
Website performance matters more than a cool animation. On mobile, heavy animations can slow the site down and increase the bounce rate.
As the workload grew, it became just as important to ask for support and delegate.
A website can grow faster than its design. Thus, the priority in this project was to ship pages first and refine the design later on.
Take a look at the other projects I worked on so far.
Revamped the marketing website through Supernormal’s product evolution from an AI meeting notetaker app to an AI agents platform.
Improved the original website for a coliving space in Barcelona, created marketing content, and crafted a new Webflow site for its expansion.
Refreshed a femtech company’s brand identity and built a resources page organized into different industry categories.
