Granola Website Design & Framer Development by David AkanbiGranola Website Design & Framer Development by David Akanbi

Granola Website Design & Framer Development

David Akanbi

David Akanbi

Modern AI developer tools compete in one of the most crowded software categories today. With products like Cursor, Claude Code, Superset, and other AI coding assistants rapidly raising the standard for product design, first impressions have become just as important as product capabilities.

The objective of this project was to design a premium marketing experience that immediately communicates the product’s value, builds trust with technical users, and guides visitors through the platform using product-led storytelling rather than marketing-heavy copy.

My Role

As the Product Designer, I was responsible for shaping the end-to-end experience of the landing page from defining the information architecture to crafting the visual language and building the final responsive interface. My goal was to create a product-first experience that communicates the platform’s value with clarity while meeting the high expectations of a technical audience.
I led the project across strategy, user experience, interface design, visual design, and responsive implementation, ensuring every section worked together as a cohesive product narrative rather than a collection of independent marketing blocks.

Responsibilities

Product Strategy
UX Design
UI Design
Information Architecture
Visual Design
Design System
Landing Page Design
Responsive Design
Framer Development

Understanding the Audience

The landing page was designed for software engineers, technical founders, and AI-first development teams users who value efficiency, clarity, and credibility over marketing language. Unlike general consumers, this audience makes quick judgments based on how well a product communicates its capabilities, making the first impression especially important.
Rather than relying on lengthy explanations, I focused on showcasing the product through realistic interface previews, concise messaging, and a clear visual hierarchy. Every design decision was made to reduce cognitive load, build trust quickly, and help visitors understand the product’s value within the first few seconds of landing on the page.
Homepage
Homepage

Visual Direction

Inspired by the design language of today’s leading AI and developer tools, I adopted a minimalist approach where the product interface takes center stage. A neutral color palette, generous whitespace, clean typography, and subtle gradients work together to create a premium aesthetic that enhances clarity rather than competing for attention.
Every visual element was designed with intention. Large, layered product mockups showcase the platform in realistic contexts, while soft shadows, rounded corners, and muted surfaces add depth without overwhelming the interface. The layout follows a consistent rhythm, allowing each section to breathe while naturally guiding users through the product’s story. By keeping the visual language restrained and consistent, the design reinforces trust, improves readability, and ensures the product remains the focal point throughout the entire experience.

Outcome

The final outcome of this project was the design of a premium, product-led landing page homepage for an AI developer platform. The homepage was crafted to clearly communicate the product’s value, showcase its key capabilities through polished interface previews, and guide users through a structured narrative that builds trust and encourages exploration. The result is a modern, responsive homepage that aligns with the visual standards of today’s leading AI and developer-focused products while providing a strong foundation for the platform’s online presence.

Project Link Here

For Partnership And Collaboration

Whether you’re building a new product or refining an existing product, Let's lcollaborate and ship your idea to life
Like this project

Posted Jul 22, 2026

Designed and developed a product-first landing page for an AI developer platform to communicate value and build trust with a technical audience.