Diseño web
Sitevisitan,quecompren.
Diseño y desarrollo webs con un único objetivo: que vendan más. No hago webs bonitas para ganar premios de diseño ni webs 'con mucha animación' que tardan 6 segundos en cargar. Hago webs que resuelven un problema comercial concreto: captar leads cualificados, vender producto, generar autoridad. Trabajo principalmente con Next.js (que es lo que usa esta web) y Shopify cuando el foco es ecommerce puro. Cada proyecto empieza definiendo qué mide el éxito antes de dibujar nada. Si el éxito no es medible, no lo vamos a conseguir por casualidad.
Qué incluye
Todoloquenecesitas.Niunextraquenoaporte.
Brief y arquitectura de información
Antes de diseñar nada, sesión de trabajo para definir qué páginas necesitamos, qué convierten y qué buscamos en SEO. Sin definir esto, la web acaba siendo un catálogo de 'quiénes somos' que no vende. Arquitectura pensada para el buscador y el usuario.
Diseño UX/UI con foco conversión
Wireframes primero (baja fidelidad, valida flujos). Mockups después (alta fidelidad, valida diseño). Diseño mobile-first porque el 60-80% del tráfico viene de móvil según sector. Sin diseño 'para el pitch' que después no funciona en móvil real.
Desarrollo Next.js o Shopify
Next.js para webs corporativas y landings de conversión: código propio, control total, velocidad máxima. Shopify para ecommerce puro (sin plugins que rompen cada update). WordPress solo cuando el cliente ya lo tiene y no quiere migrar (y aviso de los pros y contras).
Optimización Core Web Vitals
LCP <2.5s, INP <200ms, CLS <0.1 desde el primer día. Google usa Core Web Vitals como factor de ranking. Además, cada segundo que tu web tarda en cargar te está costando 1-3% de conversión según sector. No es opcional.
SEO técnico desde el minuto uno
Estructura semántica correcta (H1/H2/H3), meta tags por página, sitemap.xml, robots.txt, Schema.org para tu sector (Organization, LocalBusiness, Product, Article según caso), URLs limpias, canónicas bien puestas. El SEO orgánico no vive si la técnica no está.
Accesibilidad WCAG AA
Contraste correcto, navegación por teclado, aria-labels donde toca, focus states visibles. No es solo 'para no tener demandas': el 15% de la población tiene alguna discapacidad y ya son clientes potenciales. Además ayuda al SEO.
Analítica configurada
Google Analytics 4 con eventos personalizados (no solo pageview). Server-side tracking si presupuesto y complejidad lo justifican. Google Search Console verificado. Meta píxel + API si vas a hacer Meta Ads. Lo dejo funcionando antes de entregar la web.
Monitoreo 30 días post-launch
Después del lanzamiento, 30 días de monitoreo activo: bugs que aparezcan con tráfico real, ajustes de rendimiento según datos, resolución de dudas. Sin dejar la web 'terminada y adiós'. Es cuando aprendemos qué funciona con usuarios reales.
Cómo trabajo esto
Cincofases.Cerosorpresas.
01
1-2 semanas
Brief comercial + arquitectura
Sesión de trabajo de 2-3 horas para definir el objetivo comercial de la web, buyer personas, qué debe convertir cada página, arquitectura de información (qué páginas, cómo se enlazan), plan SEO base (qué keywords vamos a atacar y con qué páginas).
02
2-3 semanas
Wireframes + mockups
Wireframes en baja fidelidad para validar flujos y estructura. Después mockups de alta fidelidad con diseño final (typografía, color, imágenes). 2 rondas de feedback incluidas. Sin límite de 'cambios menores' — sí límite de 'cambios de dirección estratégica'.
03
4-8 semanas según scope
Desarrollo
Desarrollo Next.js (o Shopify) con código propio (no themes descargados). Cada componente diseñado para el proyecto. Repositorio Git compartido para que tengas control. Integraciones: CRM, pasarela de pago, analítica, chat, lo que aplique.
04
1-2 semanas
Testing + optimización
Testing de compatibilidad (Chrome, Safari, Firefox, Edge desktop y móvil), optimización de Core Web Vitals hasta pasar 100%, accesibilidad WCAG AA, corrección de bugs. Testing con usuarios reales si el proyecto lo justifica (5 personas del target real navegan y observamos).
05
1 semana + 30 días monitor
Lanzamiento + monitoreo
Lanzamiento con checklist: DNS, SSL, 301 redirects desde web vieja, Search Console verificada, sitemap enviado, analítica funcionando. 30 días de monitoreo post-launch: bugs, ajustes, dudas. Entrega de documentación y accesos.
Herramientas que uso
Con nombre y apellido. Sin humo.
Prefiero decirte exactamente qué uso a esconderme detrás de "metodología propia". Estas son las herramientas reales con las que trabajo:
- Next.js 15+ con App Router
- React 19 + TypeScript
- Tailwind CSS para diseño mantenible
- Vercel para hosting (o Cloudflare Pages si el proyecto lo justifica)
- Figma para diseño UI
- Shopify (Liquid o Hydrogen) para ecommerce
- WordPress + ACF si el cliente lo pide
- Git + GitHub para control de versiones
- Sentry para monitoreo de errores en producción
- Google Analytics 4 + Google Tag Manager (server-side según proyecto)
Cuándo NO tiene sentido
Radicalhonestidad.Prefieroperdertehoyquedecepcionarteen3meses.
Si tu web actual convierte bien. No toques lo que funciona. Analicemos primero qué convierte y por qué. Puede que solo necesites optimizar landings específicas, no rehacer todo.
Si necesitas un MVP mañana. Un template Shopify bien montado o un Framer/Webflow te dan una web decente en 1 semana. Yo hago webs a medida cuando el diferencial de calidad o rendimiento lo justifica.
Si el problema real es de tráfico. Rehacer la web sin resolver el tráfico es como abrir una tienda en un callejón sin salida. Primero definimos de dónde va a venir el tráfico (SEO, Ads, orgánico social).
Si el objetivo es una 'web bonita' sin nada que medir. Hago webs que venden y me mido por conversión, no por diseño de museo. Si buscas 'wow visual' sin comercial detrás, hay estudios de diseño especializados.
Si tu presupuesto es <3.000€. Una web a medida con Next.js, SEO técnico, integraciones y monitoreo post-launch tiene un mínimo digno. Con menos, template Shopify o Wix — sin pretender más de lo que puede dar.
Código propio, no plantillas.
Cada web es adaptada, no un tema descargado y coloreado.
Sin promesas de resultados imposibles. Cada proyecto es diferente y hablamos claro desde el minuto uno. Si no encaja, te lo digo antes de arrancar.
Preguntas frecuentes
Loquemepreguntancadasemana.
01¿Cuánto cuesta una web hecha por ti?
Landing page de conversión: desde 3.000€. Web corporativa Next.js (10-15 páginas): desde 5.500€. Ecommerce Shopify a medida: desde 6.500€. Ecommerce a medida en Next.js con integraciones complejas: desde 12.000€. Presupuesto cerrado por escrito tras brief inicial, sin sorpresas.
02¿Cuánto tarda una web?
Landing de conversión: 3-4 semanas. Web corporativa 10-15 páginas: 6-10 semanas. Ecommerce: 8-14 semanas según complejidad. Los tiempos incluyen brief, diseño, desarrollo, testing y lanzamiento. No trabajo con 'webs en 48h' porque no salen bien.
03¿Puedo actualizar la web yo mismo después?
Sí, para contenido de blog, productos y páginas 'normales' te dejo un CMS headless (Sanity, Payload o similar) donde tú y tu equipo actualizáis sin tocar código. Para cambios de estructura sí hace falta programador — igual que en cualquier web a medida.
04¿Trabajas solo con Next.js o también con WordPress/Shopify?
Prefiero Next.js porque es más rápido, más flexible y más mantenible a largo plazo. Shopify para ecommerce puro cuando el cliente no quiere complicaciones. WordPress solo si el cliente ya lo tiene y no quiere migrar (con los pros y contras claros).
05¿Qué pasa si necesito cambios después de lanzada?
Los 30 días post-launch incluyen ajustes menores y bugs sin coste extra. Después: iguala tarifas por horas (65€/h) o contrato de mantenimiento mensual (desde 250€/mes según horas incluidas). Sin sorpresas, siempre presupuesto antes de trabajar.
06¿La web va a rankear en Google desde el primer día?
SEO técnico va a estar impecable desde el minuto uno (Core Web Vitals, estructura semántica, schemas, sitemap). Pero rankear orgánicamente para keywords comerciales requiere 4-9 meses de trabajo SEO continuo. La web es la base, no el resultado.
07¿Diseñas también el logo o identidad visual?
No es mi especialidad principal, pero si necesitas identidad completa trabajo con diseñadores gráficos de confianza. También puedo adaptar una identidad ya existente y crear componentes visuales secundarios (iconos, ilustraciones, animaciones).
08¿Qué pasa con la web vieja al lanzar la nueva?
Migración con 301 redirects de las URLs importantes de la vieja a la nueva (para no perder posiciones SEO). Backup de la vieja antes de tocar nada. Coordinación con tu hosting para el cambio DNS con tiempo. Cero downtime si está bien planificado.
¿Quéquieresqueconsigatuwebnueva?Cuéntameloytedigositienesentidorehacer,optimizarodejarcomoestá.