Sergio Suárez Prado Portfolio /web-2026· editing

Sergio Suárez Prado — Digital product development and applied AI · Madrid

I design websites, build them and ship them to production. Scroll and watch this very page being put together.

Text layer · Funnel Display 700Digital product development and applied AI · Madrid

This is how I build a website. Piece by piece, on every screen at once.

  1. Structure and headline
  2. Navigation
  3. Copy and actions
  4. Projects
  5. Style
  6. Responsive
Latency measured right now, from your browser— ms
Sergio Quest
…
Jofer Asesores
blocks external probes
Marta Pulido
…
Playa Park
…
Adrián · Taxi
…

Digital product development and applied AI · Madrid

I design websites, build them and ship them to production on Cloudflare. Digital product development and applied AI.

01 — Work

Five websites, on every screen.

Recent projects, from interface to deployment. Hover over each one to inspect it; open it to see it running.

01 · Game · interactive CV

Sergio Quest

My CV turned into a playable pixel-art RPG. Art, music and sound generated in code, an AI assistant, a guestbook and real-time multiplayer ghosts.

Client
Personal project
Deployment
Cloudflare Pages + Workers
Stack
Canvas · Workers AI · D1 · Durable Objects

In production◔ 80 · 100 · 100 · 92

02 · Corporate website

Jofer Asesores

Redesign for a 40-year-old advisory firm in Ciudad Real: “we turn noise into judgement”, with particle fields that fall into order. Custom frontend and an API on the edge.

Client
Jofer Asesores
Deployment
Cloudflare Workers
Stack
Next.js · Hono · Cloudflare Workers

In staging◔ 89 · 96 · 96 · 66

03 · Professional website

Marta Pulido

Bilingual website for a medical editor in Barcelona: services, publications, CV and photos, with its own editorial design system.

Client
Dr Marta Pulido
Deployment
Cloudflare Pages · Astro
Stack
Astro · ES / EN

Published for review◔ 83 · 100 · 100 · 69

04 · Redesign proposals

Playa Park

Two directions for a water park: the logo painted on the floor of a WebGL pool that reacts to the cursor, and a page that is a water slide.

Client
Complejo Playa Park
Deployment
Cloudflare Pages
Stack
WebGL · GSAP · Lenis

Proposal published◔ 64 · 92 · 100 · 50

05 · Three directions

Adrián · Taxi

A night road that speeds up as you scroll, an LED taximeter that actually works and a trip across La Mancha from dawn to night.

Client
Adrián Ortega, taxi driver in Ciudad Real
Deployment
Cloudflare Pages
Stack
Canvas · Pseudo-3D · Parallax

Proposal published◔ 87 · 100 · 100 · 82

02 — What I do

From idea to production, in the same hands.

01

Product and design

I define features, interfaces and flows. Clear requirements, priorities and a review of every screen.

02

Development

React, JavaScript and TypeScript, PHP and SQL. Data, forms, permissions and integrations done properly.

03

Deployment

Cloudflare Pages and Workers, D1, R2 and Durable Objects; Git and Docker. Fast, secure and no servers to babysit.

04

Applied AI

Support for analysis, development, review and documentation, and AI features inside the products themselves.

I also build internal tools

In-house applications, not publicly available.

Tasks and projects

Kanban views, tasks, habits and notes. Editors with tags and autosave, with permission reviews.

Project finances

Documents, amounts, expenses, due dates and payments per project, with data consistency checks.

Participant forms

Drafts, resuming half-finished forms and reviewing submissions through read-only reports.

03 — About

I started out fixing computers in Ciudad Real. Today I build and ship digital products.

I have been in the trade since 2015: first repairing computers and phones, setting up networks and the odd website at PCClick; then in Madrid, with a WordPress and PrestaShop marketplace, and since 2016 in Grupo SANED's IT department, across systems, web development and video.

I have worked remotely since 2020 and focused on creating and evolving applications: I define features, interfaces, data and integrations with the help of AI, and take them all the way to production. Three things matter to me: that it is clear, that it works on any screen and that it does not fall over.

If you would rather meet me by playing, my CV is also a video game: Sergio Quest ↗ (or type “quest” anywhere on this page)

What I work with

  • React
  • TypeScript
  • JavaScript
  • PHP
  • SQL
  • Astro
  • Next.js
  • Hono
  • Git
  • Docker
  • Cloudflare Pages
  • Workers
  • D1
  • R2
  • Durable Objects
  • Workers AI
  • WebGL
  • GSAP

04 — Experience

Version history

  1. 2016 — now Current

    Experience

    IT systems technician

    Grupo SANED · Madrid

    IT department: computer systems, web development and video editing. Remote since 2020, increasingly focused on digital product and applied AI.

  2. 2018

    Education

    Video editing, post-production and motion graphics

    Escuela de Diseño CEI · 180 hours

    Video and animation training that still shows in how I think about interface motion.

  3. 2016 — 2017

    Experience

    Web development

    TuGuiadelaModa · Madrid

    Built a marketplace with WordPress and PrestaShop, handled incidents and customer support.

  4. 2015 — 2016

    Experience

    IT technician

    PCClick · Ciudad Real

    Computer and mobile device repair, web development, networking and customer support.

  5. 2010 — 2012

    Education

    Vocational diploma in IT Systems and Networks

    IES Maestre de Calatrava

    The foundations: hardware, operating systems and networks.

Download CV (PDF, Spanish) ↓

05 — Contact

Shall we build the next one?

Tell me what you need: a new website, a rebuild of the one you have or a custom tool. I work remotely from Madrid.