SergioLab · Developer

Full-Stack Developer & Web Designer

De la idea al deploy

Diseño y desarrollo web a medida: e-commerce con pagos, sistemas de reserva y paneles de gestión. Madrid · toda España.

Contactar · Ver proyectos

Portfolio

Tres sistemas completos: e-commerce con IA, motor de reservas e inmobiliaria. Proyectos reales, no plantillas.

Oudh & Co — Perfumería Premium

E-COMMERCE · IA

Tienda online completa de perfumería árabe con backend e infraestructura propios: catálogo con filtros, carrito, checkout con Stripe, chatbot con IA (Claude), panel de administración y facturación automática en PDF. Base de datos PostgreSQL propia y autoalojada (sin comisiones ni dependencias de terceros).

  • Backend e infraestructura propios
  • Pasarela de pagos Stripe
  • Chatbot IA (Claude)
  • Panel admin completo

Tecnologías: Next.js 14 · PostgreSQL · Prisma · Stripe · IA

Ver caso de estudio Ver sitio

Casa del Surf — Motor de Reservas

RESERVAS · HOTEL

Plataforma de gestión completa para el primer Surf House de España (Somo, Cantabria): motor de reservas online con pago, panel para personal no técnico y sincronización anti-overbooking con OTAs (Holidu/Booking).

  • Reservas por rango de fechas
  • Pagos Stripe (depósito)
  • Panel anti-overbooking
  • Analítica de ingresos

Tecnologías: Next.js 14 · Supabase · Stripe · NextAuth

Ver caso de estudio Ver sitio

Inmobiliaria Marina Carranque

INMOBILIARIA

Portal inmobiliario con backend e infraestructura propios: catálogo con búsqueda y filtros, fichas con galería y un panel de administración donde la agencia gestiona los inmuebles y sube fotos que se optimizan solas a WebP y aparecen al instante. Migrado de WordPress a un stack propio (Next.js + PostgreSQL) autoalojado en VPS, sin comisiones ni dependencias de terceros. Cliente real en producción.

  • Backend e infraestructura propios
  • Panel para gestionar inmuebles
  • Fotos auto-optimizadas a WebP
  • Búsqueda + filtros avanzados

Tecnologías: Next.js 15 · PostgreSQL · Prisma · WebP

Ver caso de estudio Ver sitio

Servicios

Diseño y desarrollo web a medida para negocios. Incluye SEO y AEO desde el primer día.

Webs & Landing Pages

Webs corporativas y landing pages de conversión, diseñadas a medida (sin plantillas). SEO y AEO desde el día 1, accesibilidad y máxima velocidad en Core Web Vitals.

  • Diseño 100% a medida
  • SEO + AEO técnico
  • Responsive y accesible
  • Core Web Vitals en verde

E-Commerce & Pagos

Tiendas online completas con carrito, pasarela de pagos Stripe, gestión de pedidos e inventario y panel de administración propio. Con chatbot de IA opcional.

  • Checkout con Stripe
  • Panel de administración
  • Facturación automática
  • Chatbot con IA (Claude)

Sistemas a Medida

Aplicaciones de negocio: motores de reserva, paneles de gestión, dashboards de analítica e integraciones con APIs externas. Tú eres dueño de tu software y tus datos.

  • Motores de reserva
  • Paneles y dashboards
  • Integraciones API
  • Analítica de negocio

Sobre mí

Sergio Contreras — desarrollador full-stack y diseñador web. Llevo cada proyecto de principio a fin: frontend, backend, base de datos y despliegue, cuidando el rendimiento, el SEO/AEO y la conversión.

Formación

  • Máster en Data & Analytics — The Power · 2024–2026
  • Grado Superior en DAM — Desarrollo de Aplicaciones Multiplataforma · The Power · 2024–2026
  • Grado Superior en ASIR — Administración de Sistemas Informáticos en Red · C.F.P. INGLAN · 2019–2021

Por qué elegirme

  • Ágil & Directo: Comunicación clara, respuesta en menos de 24h. Sin burocracia ni intermediarios.
  • Enfocado en Resultados: Sitios que ranquean en Google y convierten visitas en clientes reales.
  • Mantenimiento Asequible: Precios competitivos y soporte permanente incluido. Sin sorpresas.
  • Sistemas & Infraestructura: ASIR + experiencia en servidores, redes y despliegue. Tu web siempre en línea.
  • Análisis de Datos: Máster en Data Analytics. Decisiones basadas en métricas, no en suposiciones.
  • Dashboard Mensual: Informe PDF con métricas reales de tu negocio. Sabes exactamente cómo va tu web.

Stack tecnológico

Frontend & Diseño

React · Next.js · JavaScript (ES6+) · HTML5 · CSS3 · Tailwind CSS · Figma

Backend & BBDD

Node.js · Express · PostgreSQL · Supabase · REST APIs

CMS, E-commerce & Pagos

WordPress · WooCommerce · Stripe · MotoPress · Resend

SEO & Conversión

SEO técnico · AEO (búsqueda con IA) · CRO · Schema.org · Core Web Vitals

Datos & Analítica

Power BI · DAX · Qlik Sense · GA4 · Looker Studio

IA & Automatización

API de Anthropic (Claude) · MCP · Skills · Plugins · Agentes · Chatbots de ventas

Herramientas & Despliegue

Git · GitHub · Docker · Postman · Vercel · Hostinger

El proceso

01. Llamada Inicial

15 min · Sin compromiso — Empezamos con una charla rápida para entender qué necesita tu negocio. No hace falta que tengas nada preparado — yo hago las preguntas. Saldrás de esa llamada con las ideas mucho más claras.

02. Diseño y Desarrollo

A tu medida · Sin plantillas — Diseño la web desde cero según tu negocio, no con plantillas genéricas. Usamos tecnología moderna para que sea rápida, se posicione bien en Google y funcione perfectamente en móvil. Tú ves el avance en todo momento.

03. Revisión y Publicación

Tú decides · Sin sorpresas — Antes de publicar, revisamos juntos que todo está exactamente como lo quieres. Una vez lo apruebas, publicamos. Sin costes ocultos ni sorpresas de última hora. El precio acordado es el precio final.

04. Seguimiento Mensual

Datos reales · Siempre disponible — Cada mes te mando un informe con los datos reales de tu web: cuántas visitas, de dónde vienen y qué páginas funcionan mejor. Así sabes si tu inversión está dando resultado y tomamos decisiones con datos, no con suposiciones.

Testimonios

Necesitábamos un portal donde los clientes pudieran buscar propiedades con filtros y contactar directamente. El resultado superó lo esperado: rápido, fácil de gestionar y bien posicionado en Google.

Cliente, Dirección · Inmobiliaria Marina Carranque

Quería una tienda online seria, con pagos y un panel para gestionarlo todo yo mismo, sin comisiones por venta. Sergio lo entendió a la primera y entregó exactamente eso.

Cliente, Propietario · Oudh & Co

El sistema de reservas nos quitó el problema de los solapamientos entre canales y el equipo lo usa sin formación técnica. El panel es clarísimo.

Cliente, Gerencia · Casa del Surf

Casos de estudio

Detalle técnico y resultados de cada proyecto.

Oudh & Co — E-commerce de Perfumería Premium

Tienda online completa de perfumería árabe premium. El objetivo era demostrar que una pyme puede tener un e-commerce serio, sin comisiones por venta, con una experiencia de compra tan cuidada como la de las grandes marcas.

Reto: El cliente necesitaba un e-commerce completo que pudiera gestionar él mismo sin conocimientos técnicos, con pagos reales mediante tarjeta y un sistema de soporte al cliente que no requiriera personal disponible 24/7.

Solución: Se desarrolló una tienda Next.js 14 con backend propio: catálogo, variantes, pedidos, clientes y cupones sobre una base de datos PostgreSQL (Prisma como ORM), sin depender de plugins ni de servicios de terceros. Checkout nativo de Stripe (PaymentIntents + webhook) con precios calculados en servidor, panel de administración completo y un chatbot de ventas con IA (API de Claude) que responde preguntas sobre los productos, recomienda fragancias y guía al usuario hasta el carrito. Todo autoalojado en un VPS propio con Docker.

  • Checkout completo con Stripe (tarjeta, Apple Pay, Google Pay)
  • Chatbot IA que responde preguntas y guía la compra las 24h
  • Panel de administración: pedidos, productos, clientes, devoluciones
  • Facturación automática en PDF con cada pedido
  • Newsletter y gestión de cupones desde el panel
  • Analítica de ventas con gráficos en tiempo real

Ver caso de estudio completo · Ver sitio

Casa del Surf — Motor de Reservas para Alojamiento

Casa del Surf es el primer Surf House de España, en Somo (Cantabria), con 8 habitaciones. Se reemplazó su web estática por una plataforma de gestión completa: motor de reservas online con pago, panel para personal no técnico y sincronización anti-overbooking con OTAs (Holidu/Booking).

Reto: Centralizar reservas que llegaban por teléfono, OTAs y web propia evitando el doble booking, con un panel de administración extremadamente sencillo para personal no técnico.

Solución: Motor de reservas por rangos de fechas (no por stock): la disponibilidad es solapamiento de fechas, con garantía a nivel de base de datos (constraint EXCLUDE GIST) que hace imposible el overbooking. Los precios se calculan siempre en servidor —el cliente nunca envía importes— y la reserva solo se confirma en el webhook de Stripe (payment_intent.succeeded), autolimpiando los checkouts abandonados. El panel ofrece un calendario de ocupación (arrastrar para mover reservas, clic para crear reserva manual), bloqueo de fechas y gestión de habitaciones y tarifas. La sincronización iCal con Holidu es bidireccional (importa reservas de OTAs y cierra esas fechas en la web; exporta la venta directa), con aviso por email ante choques. Incluye facturación legal (numeración correlativa atómica, IVA parametrizable, rectificativas y comisión de Stripe como gasto deducible) y un dashboard de revenue management.

  • Motor de reservas por rango de fechas con disponibilidad en tiempo real
  • Pago online con Stripe (depósito o importe completo según política)
  • Panel anti-overbooking con calendario visual para el personal
  • Sincronización automática con OTAs (Holidu/Booking) vía iCal, anti doble-reserva
  • Facturación legal automática (numeración correlativa, IVA, rectificativas)
  • Dashboard de analítica de ingresos (ADR, RevPAR, ocupación, canal directo vs OTA)
  • Emails transaccionales automáticos al huésped y al alojamiento
  • Multi-idioma (7 idiomas) y SEO local

Ver caso de estudio completo · Ver sitio

Inmobiliaria Marina Carranque — Portal Inmobiliario

Portal inmobiliario real, en producción para una agencia de Toledo y La Sagra. El objetivo era darle una presencia digital profesional —donde los clientes buscan y filtran propiedades directamente, sin portales de terceros que cobran comisión por lead— y, sobre todo, sacarla de las limitaciones del WordPress anterior pasándola a una infraestructura propia que controla al 100%.

Reto: La agencia necesitaba que los compradores pudieran buscar propiedades con filtros (precio, zona, tipo), ver fichas completas con galería y contactar con el agente; y que su equipo, sin perfil técnico, pudiera gestionar el catálogo y subir fotos de forma rápida y sencilla, sin depender del rendimiento ni de los plugins del WordPress previo.

Solución: Se migró el portal de WordPress/Estatik a un stack propio: frontend con Next.js 15 (App Router) renderizado en servidor desde una base de datos PostgreSQL propia (Prisma como ORM), con la búsqueda y los filtros (precio, zona, tipo, características) resueltos al instante en el cliente. La agencia gestiona los inmuebles desde un panel de administración protegido con NextAuth; al subir fotos, se convierten automáticamente a WebP y se publican al momento, sin recargas ni esperas. Todas las propiedades e imágenes del WordPress anterior se trasladaron con un script de migración a medida. Todo autoalojado en un VPS propio con Docker + Nginx Proxy Manager y HTTPS de Let's Encrypt, con backups automáticos y sin comisiones ni dependencias de terceros.

  • Catálogo con fichas completas y galería, servidas desde base de datos propia
  • Búsqueda y filtros avanzados (precio, zona, tipo, características) instantáneos
  • Panel de administración para crear y editar inmuebles sin tocar código
  • Subida de fotos con conversión automática a WebP, publicadas al instante
  • Migración completa de propiedades e imágenes desde WordPress
  • Autoalojado en VPS propio (Docker) con HTTPS y backups automáticos
  • SEO local optimizado (schema.org RealEstateAgent + sitemap)

Ver caso de estudio completo · Ver sitio

Preguntas frecuentes

¿Qué tipo de proyectos desarrollas?

Desarrollo webs corporativas y landing pages a medida, tiendas online (e-commerce) con pasarela de pagos, y sistemas de negocio como motores de reserva, paneles de administración y dashboards de analítica. Trabajo full-stack: del diseño en Figma al despliegue en producción.

¿Cuánto cuesta una página web?

El precio depende del alcance: no es lo mismo una landing page que una tienda online con pagos o un sistema de reservas a medida. Por eso preparo un presupuesto cerrado y personalizado tras una llamada inicial gratuita de 15 minutos, sin compromiso y sin sorpresas.

¿Cuánto se tarda en tener la web lista?

Una landing page suele estar lista en pocos días. Un e-commerce o un sistema de reservas completo requiere de 3 a 6 semanas según las funcionalidades. En la llamada inicial definimos un calendario realista con fechas concretas.

¿La web aparecerá en Google?

Sí. Cada proyecto incluye SEO técnico y AEO (optimización para buscadores con IA) desde el primer día: metadatos, datos estructurados (schema.org), sitemap, rendimiento optimizado y contenido pensado para posicionar. El objetivo es que tu negocio sea visible y genere clientes, no solo tráfico.

¿Puedo gestionar yo mismo los contenidos y pedidos?

Sí. Mis proyectos incluyen un panel de administración propio para que gestiones productos, reservas, pedidos o propiedades sin depender de mí ni pagar comisiones por venta. Tú eres dueño de tu web, tu software y tus datos.

¿Integras pasarelas de pago y otras herramientas?

Sí. Integro pagos con Stripe (tarjeta, Apple Pay, Google Pay), facturación automática en PDF, emails transaccionales, Google Analytics, WhatsApp y chatbots con inteligencia artificial. También conecto con APIs externas y sistemas que ya uses.

¿Ofreces mantenimiento después de entregar la web?

Sí. Ofrezco mantenimiento y soporte continuo a un precio asequible, además de un informe mensual con las métricas reales de tu negocio (visitas, conversiones y rendimiento) para que sepas siempre cómo va tu web.

¿Trabajas solo en Madrid o también en remoto?

Tengo base en Madrid, pero trabajo con clientes de toda España en remoto. Todo el proceso —reuniones, desarrollo, revisiones y entrega— se puede hacer online sin problema, esté donde esté tu negocio.

Contacto

¿Tienes un proyecto en mente? Cuéntame. Te respondo en menos de 24 horas.