Quill - AI Meetings Web Application

Quill is an AI-based modern meeting web application that helps users to transform their lengthy conversations into summaries and notes

Quill is an AI-based modern meeting web application that helps users to transform their lengthy conversations into summaries and notes

About the project

Quill is an AI-powered meeting assistant designed to transform conversations into actionable outcomes. It automatically generates meeting summaries, extracts key action items, and helps teams stay aligned without manual note-taking. The goal of this project was to design a high-converting landing page that clearly communicates the product’s value while maintaining a clean, modern SaaS aesthetic.

Quill is an AI-powered meeting assistant designed to transform conversations into actionable outcomes. It automatically generates meeting summaries, extracts key action items, and helps teams stay aligned without manual note-taking. The goal of this project was to design a high-converting landing page that clearly communicates the product’s value while maintaining a clean, modern SaaS aesthetic.

Date:

Client:

Quill AI

Services:

Web Design

UI/UX

Project Details

This project involves designing a modern landing page for Quill, an AI-powered meeting productivity tool. The goal was to clearly showcase how the product turns meetings into actionable outcomes while keeping the design clean and engaging. I focused on creating a strong visual hierarchy, effective CTA placement, and a smooth user flow. The design includes both dark and light themes and follows modern SaaS styles with minimal layouts, subtle gradients, and a professional look to improve clarity and conversion.

“We really liked how the hero section immediately communicates what Quill AI does. It’s clean, focused, and doesn’t overwhelm the user. It set the right tone for the rest of the product.”

Quill AI

Product Manager

Things I Did

“I designed the complete landing page from scratch, including both dark and light versions. I focused on building a clear visual hierarchy, structuring sections for better user flow, and placing CTAs strategically to improve conversion. I also designed key sections like the hero and testimonials, while maintaining consistency in typography, spacing, and overall design system to achieve a clean and modern SaaS look.”

One of the main challenges was balancing a clean, minimal design with clear communication of the AI product’s value. I also focused on making the layout engaging without overwhelming the user. Through this project, I learned the importance of strong visual hierarchy, effective CTA placement, and how small design choices can impact clarity and conversion.

Create a free website with Framer, the website builder loved by startups, designers and agencies.