The Brief

I wanted to create a complete SaaS website for an AI and automation product — not just a landing page, but a website that could support a real business as it grows.

The goal was to create a polished marketing experience that makes complex AI products easier to understand while giving visitors clear paths to explore features, pricing, content, and the product itself.

Design & Development

Nexus was designed and developed entirely in Framer.

Instead of designing everything separately and then moving it into development, I worked on the design and development together. This allowed me to quickly test layouts, interactions, responsive behavior, and reusable components as the website came together.

The result is a complete website system that is designed to be easy to customize and ready to use as a commercial Framer template.

The Website

The website includes:

Home
A complete SaaS marketing page with hero, key benefits, features, integrations, pricing, testimonials, FAQ, and CTA sections.

Features
A dedicated space to explain the product's capabilities in more detail.

Pricing
A clear pricing experience designed to help visitors compare plans and take action.

Blog
A CMS-powered article system for publishing and managing content.

Changelog
A CMS-powered changelog for product updates and improvements.

Contact
A dedicated contact page with an integrated form.

Legal
Privacy Policy and Terms of Service pages.

404
A custom error page to keep the experience consistent across the entire website.

CMS

I built three CMS collections to make the template easier to manage and scale:

Articles
For blog posts and educational content.

Changelog
For product updates and release notes.

Legal
For managing legal content without editing individual pages manually.

This allows the website owner to update content without rebuilding the site.

Interactions & Motion

I added subtle appear animations throughout the website to give the pages a more polished feel without making the experience distracting.

The motion is intentionally lightweight and supports the content rather than competing with it.

Responsive Development

The website was built with responsive behavior in mind from the start.

Layouts, typography, spacing, components, and content sections were adjusted to work across desktop, tablet, and mobile screens.

Rather than simply scaling the desktop layout down, each section was structured to adapt to different screen sizes.

Forms & Conversion

Nexus includes a dedicated contact experience with an integrated form.

Calls to action are placed throughout the website to give visitors clear next steps as they move through the product, features, pricing, and content.

The goal was to make the website feel like a real SaaS marketing site — not simply a collection of attractive sections.

The Result

Nexus became a complete SaaS website system built entirely in Framer.

It combines marketing pages, CMS-powered content, reusable sections, responsive layouts, interactions, forms, and supporting pages into one cohesive experience.

The project is now being developed as a commercial Framer template for AI and automation companies that want to launch a polished marketing website without starting from scratch.