Framer Website Template Design for AI Supply Chain by Pedro AGBFramer Website Template Design for AI Supply Chain by Pedro AGB

Framer Website Template Design for AI Supply Chain

Pedro AGB

Pedro AGB

Project type: Framer Template Design Category: B2B SaaS · Enterprise Software Deliverable: Complete website system for an AI-native supply chain intelligence platform Live: arclight.framer.ai
Arclight is a premium Framer website template built for B2B SaaS companies, AI-native startups, and enterprise software founders. The project started from a specific observation: most SaaS templates are built for aesthetics, not for conversion. They look designed but perform like brochures, no strategic structure, no real messaging, no buyer journey.
The goal was to build a template that worked the way a real enterprise SaaS site should work, not a starting point that needs to be rebuilt, but a complete system a founder could launch with.

The Problem I Was Solving
Before writing a line of code, I spent time studying how B2B SaaS buyers actually navigate websites and what makes them convert or leave. The research was detailed:
B2B buyers form their first impression in under five seconds. If the positioning isn't immediately clear, what the product does, for whom, and what outcome it delivers, they leave without engaging.
Most SaaS templates don't solve this. They give you a hero section with a placeholder headline and a feature grid. The founder still has to figure out the strategy, the messaging hierarchy, the conversion structure. Arclight solves that before the buyer touches it.

The Brief I Set Myself
Design a complete Framer website system for a specific, real-world B2B SaaS niche, not a generic tech company, but a named category with real pain points, real enterprise buyers, and real messaging challenges.
I chose AI supply chain intelligence. A high-stakes, enterprise-grade category where the website has to earn credibility fast, procurement teams, operations leaders, and CFOs are the buyers. They don't buy on aesthetics. They buy on trust, clarity, and demonstrated understanding of their problem.
Research
I approached this the way I would a real client project.
I studied how real enterprise SaaS companies, Flexport, Coupa, project44, Altana, structure their homepages and what each section is doing in the buyer journey. I mapped the pain points B2B procurement and ops teams actually articulate: supply chain blind spots, reactive decision-making, data siloed across disconnected systems. I wrote the copy in the language they use, not the language a designer would assume they use.
I also studied the pricing page specifically. Research consistently shows that "contact for pricing" pages carry significantly higher bounce rates, and that buyers decide which plan is right for them in under thirty seconds — or they leave. Arclight's pricing section was designed around this directly: outcomes first, features second, prices visible without friction.

Technical Build
Built entirely in Framer using a component-first structure. Every repeating element, nav, pricing cards, capability cards, CTA sections, footer, is a master component. Edit once, update everywhere.
The pricing section includes a working monthly/annual toggle with slot-machine number animation. The stats section uses scroll-triggered count-up animation. The platform section uses tab navigation with four content panels. All interactive, no custom code required from the buyer.
Five pages delivered: Home (12 sections), Pricing, Contact, Legals (CMS-powered), and a branded 404. Fully responsive across desktop, tablet, and mobile.

What the Template Enables
A B2B SaaS founder who buys Arclight gets a conversion-ready website system, not a starting point. The copy is written for a real product in a real niche. The structure follows how enterprise buyers actually make decisions. The design system is disciplined enough to look expensive without requiring a designer to maintain it.
The gap Arclight closes: the time between "we need a proper website" and "we have a site we're confident sending investors and prospects to."

Skills Demonstrated
Framer · Component architecture · B2B conversion design · Market research · Positioning and messaging · Typography systems · Motion design · Responsive layout · CMS setup · Enterprise SaaS design patterns

Available for custom builds If your product needs a site built with the same strategic depth, not just design execution, I'm available for custom engagements. Starting at $1,500 for a landing page, $3,500 for a full build.
Like this project

Posted Aug 20, 2026

Designed a Framer website template for AI-native supply chain intelligence platforms.