Octavia Carbon

A production marketing-plus-commerce website for Octavia Carbon, a Direct Air Capture company working on carbon removal. The build pairs a Next.js 14 front end with a headless commerce and CRM stack (Shopify Storefront API for e-commerce, HubSpot for lead capture, and SendGrid for email), deployed by Iano on a DigitalOcean server.

Octavia Carbon needed a public-facing site that could both explain its DAC technology to a non-technical audience and support real transactions, selling and capturing interest in its carbon-removal services, rather than a static brochure site.

Iano, a two-person marketing agency I co-founded. Both founders engineered the build.

• Next.js 14
• Tailwind CSS
• Framer Motion
• React Hooks
• Shopify Storefront API
• HubSpot CRM
• Google Analytics
• SendGrid
• DigitalOcean
• PM2

1. Chose Next.js over plain React because the site is marketing-led and needs SSR/SEO and fast first paint.
2. Chose the Shopify Storefront API (headless) over a custom commerce backend because it offloads catalog, cart, and payments to a proven platform while keeping a bespoke front end.
3. Chose HubSpot for forms/CRM over rolling our own so leads land directly in the client's existing sales pipeline.
4. Chose a DigitalOcean server with PM2 over serverless for predictable cost and full control of the deploy.

A Next.js app shell with dark/light mode and Framer Motion animations, wired to several third parties: Shopify Storefront API powers the commerce layer, HubSpot receives contact-form leads, SendGrid handles newsletter/transactional email, and Google Analytics covers tracking. Deployment was on a DigitalOcean droplet with PM2 (`pm2 reload` on each release).

• Making several independent third-party APIs (Shopify, HubSpot, SendGrid, GA) behave as one coherent experience.
• Keeping the site SEO-friendly and fast while leaning on Framer Motion animations and rich imagery.