Back to Blog

From Marketing to Frontend

Low code, max effort — a no-jargon guide for marketers

April 2026 · 8 min read

Four months ago I couldn't tell you what a React component was. I knew how to run campaigns, write copy, read data and turn it into strategy. But code? That was someone else's job.

My biggest fear wasn't failing to understand syntax. It was losing my creativity. That learning to think like a developer would switch something off.

It didn't happen. The opposite did.

This is the map I wish I had on day one — not to become a developer, but to be the driver, not the passenger.

The Stack

Mental model

Think of it as opening a luxury restaurant

Every tool has one job. The restaurant owner (you) decides the concept and the menu. The starred chef (AI) uses the tools to serve the dish. You don't need to know how to cook. You need to know what you want on the plate.

01

Infrastructure

— the restaurant building itself

You don't see infrastructure, you don't feel it — it's just there. Every site needs it. Think of it as the kitchen, the gas lines, and the permits. Without it, nothing works. With it, you don't think about it again.

🏗️
Node.js·The Ground

Runs the environment. You never touch it — the AI does. It manages every tool your project depends on.

Vite·The Turbo Architect

Makes the browser update instantly when you change anything. Before Vite: 30 seconds per save. Now: real-time.

🧱
React·The Lego System

Organizes the site into reusable bricks (components). Build once, use everywhere. Change once, updates everywhere.

🎨
Tailwind CSS·The Spray Cans

One word = one style. No essays, no separate files. If the AI gets a color wrong, you change one word.

👨‍🍳
Claude Code·The Starred Chef

Works inside your project — not in a chat. Reads every file, builds what you describe with full context.

02

Superpowers

— what separates €500 from €5,000

Optional — but this is what clients point at and say "I want that." These tools create the experience, not just the structure. The difference between a site that works and a site that's remembered.

🎬
GSAP

The industry standard for web animation. Scroll-triggered reveals, cinematic sequences, precise timing. Used on 90%+ of Awwwards sites.

🧈
Lenis

That buttery smooth scroll feeling on high-end agency sites. One line to install. Instant perceived quality upgrade.

🌐
Three.js

Real 3D in the browser. Interactive objects, rotating products, 3D environments. This site's floating island runs on it.

🎮
React Three Fiber

Three.js written in React syntax. Same power, more familiar. The bridge between your stack and 3D.

💧
GLSL Shaders

Images that warp on scroll, liquid effects, film grain. Runs on the GPU. Steep curve — extraordinary results.

03

Cool Tools

— the fast shortcuts

Not as deep as going raw with Three.js, but fast and effective. Great for prototyping and clients who want something visual without a six-figure budget.

🪄
Spline

3D design in the browser, like Figma but for 3D objects. Export to web with one embed line. No Blender needed.

🤖
Omma

Describe a 3D scene in plain language, get code + models + animations generated simultaneously. Built by the Spline team.

Takeaway

I didn't become a developer. I learned something more useful: how to speak the language of code without having to speak it fluently.

I know what to ask for. I can read what the AI produces. I know when something is wrong and how to correct the direction. I know which layer of the stack a problem lives in.

In 2026, that is worth more than being able to write code from scratch.

And the creativity? It didn't disappear. It found new places to go.

You don't need to learn to cook. You need to know what you want on the plate — and be able to tell the chef exactly how to make it.

© 2026 Leonardo Cassone. All rights reserved.

Privacy Policy||

    This site uses cookies for anonymous analytics. Learn more