Cosmologic

This is how I imagine my own digital agency: productized website, mobile app and AI-automation packages for small businesses, in Catalan, Spanish and English.
Completed Next.js TypeScript Firebase Cosmologic

Project Overview

Cosmologic is a side project to picture how my own digital agency would look like. Built to turn “we need a website” conversations with small businesses into a clear, self-serve menu of packages instead of an open-ended quote. I designed and built the site end-to-end: the product pages, the lead-capture forms, and the outreach pipeline that feeds them.

How It’s Built

  • Next.js 14 (App Router) with locale-prefixed routing (/[lang]/...) serving Catalan, Spanish and English
  • Chakra UI + Tailwind CSS for the UI layer, with Embla Carousel and Lottie for the product/reviews sections
  • Firebase backing the lead-capture forms (Formik + Yup validation, reCAPTCHA)
  • A GDPR-style cookie consent banner with granular categories (technical vs. analytics), plus Google Analytics via @next/third-parties
  • A segmented cold-outreach pipeline behind it (email → call → LinkedIn) that routes new leads by how outdated their current site looks

Cosmologic home page (English)
Full home page of cosmologic.es/en

Status

Live in production at cosmologic.es