Saltar al contenido

Odduel

We put the odds in your favour

Ideas

Desarrollo web a medida: cómo elegir el stack, el tipo de desarrollo y la agencia

Una guía clara sobre desarrollo web: las partes de una web moderna, la elección de CMS y alojamiento, web a medida o plantilla, seguridad y qué debe darte una buena agencia.

El sitio web de Fab Mater por Odduel en el monitor de un desarrollador, con un teclado y un cuaderno de bocetos de páginas sobre el escritorio

El desarrollo web a medida es el trabajo de planificar, diseñar, construir y lanzar una web que cumpla una función para el negocio: conseguir solicitudes de contacto, vender productos, captar talento o explicar una oferta compleja. Acertar depende de tres decisiones tomadas en orden: qué tiene que hacer la web, qué stack la sostendrá durante los próximos cinco años y quién la construye. Esta guía recorre cada una con claridad, desde las partes de una web moderna hasta el CMS, el alojamiento, la seguridad y lo que debe darte una buena agencia, para que encargues tu web con criterio y no a ciegas.

¿De qué se compone el desarrollo web?

Una web de empresa parece un conjunto de páginas, pero por debajo es un pequeño sistema con capas bien diferenciadas. Conocerlas hace que cualquier presupuesto sea más fácil de leer.

  • Modelo de contenidos. Los tipos de contenido que publicas (servicios, casos de estudio, artículos, equipo, vacantes) y los campos que tiene cada uno. Un buen modelo marca la diferencia entre una web que tu equipo de marketing puede gestionar y una que necesita un desarrollador para cada cambio.
  • Gestor de contenidos (CMS). La interfaz de edición y la base de datos donde vive ese contenido.
  • Front-end. Las plantillas, los estilos y los scripts que convierten el contenido en páginas en el navegador. Aquí se ganan o se pierden el diseño, la accesibilidad y la velocidad.
  • Integraciones. Formularios, analítica, el CRM, herramientas de reservas, pagos, chat, newsletters.
  • Infraestructura. Alojamiento, dominio, certificados, copias de seguridad, monitorización.

La mayoría de los problemas que vemos en webs antiguas vienen de tratar todo esto como una sola cosa. Una web lenta suele ser un problema de front-end, no de alojamiento; una web ingobernable suele ser un problema de modelo de contenidos, no de CMS. Cuando leas una propuesta de desarrollo web, comprueba que cada capa está nombrada y que alguien responde de ella.

La forma de construir estas capas ha cambiado. En Odduel, la IA asume la producción repetitiva: componentes del sistema de diseño, código front-end, primeros borradores de textos, preparación de imágenes, pruebas y primeras versiones de las traducciones. Por eso una web a medida cuesta hoy menos y se entrega en semanas, no en meses. La estrategia, el concepto, la dirección de arte, la voz de la marca y el acabado final siguen siendo trabajo humano, y ahí es donde va el presupuesto.

¿Qué CMS conviene elegir?

El CMS decide cómo trabajará tu equipo cada día, así que merece más reflexión de la que suele recibir. Para una comparación más completa, lee nuestra guía sobre cómo elegir un CMS; aquí va la versión corta.

A grandes rasgos hay tres familias. Las plataformas de código abierto como WordPress, hoy construidas en torno a un editor de bloques nativo, cubren bien la mayoría de las webs de marketing y cuentan con el mayor número de personas capaces de mantenerlas. Los sistemas headless separan la edición de la presentación y convienen a empresas que publican en varios front-ends a la vez (una web, una app, pantallas en tienda). Los constructores alojados arrancan rápido y son baratos de mantener, pero alquilas la plataforma en lugar de ser su dueño.

Qué decidir primero

Antes de comparar productos, resuelve las preguntas que descartan opciones o las confirman:

  • ¿Quién editará la web, con qué frecuencia y con qué conocimientos?
  • ¿Necesitas más de un idioma, y tendrá cada idioma sus propias direcciones? Eso cambia la decisión del CMS más que casi cualquier otra cosa.
  • ¿Con qué sistemas tiene que comunicarse la web desde el primer día?
  • ¿Necesitas ser dueño del código y los contenidos y poder llevártelos libremente más adelante?

Qué dejar para después

Algunas decisiones parecen urgentes pero pueden esperar a una segunda fase sin coste: áreas de miembros, personalización avanzada, una arquitectura headless “por si acaso” o una docena de plugins para funciones que nadie ha pedido todavía. Un modelo de contenidos sólido deja esas puertas abiertas. Construirlas el primer día añade sobre todo presupuesto y mantenimiento.

¿A medida o con plantilla? Qué necesitas

Una plantilla es un diseño ya hecho que rellenas con tu contenido. Una web a medida se diseña y se construye para tu contenido, tu público y tu marca. Las dos opciones son legítimas; la cuestión es qué tiene que conseguir la web.

PlantillaA medida
Coste inicialMás bajoMás alto
Tiempo hasta el lanzamientoSemanasDe semanas a unos pocos meses
Ajuste a la marcaAproximadoExacto
RendimientoA menudo lastrado por funciones que no se usanConstruida para lo que usas
Flexibilidad a largo plazoLimitada por el autor del temaTuya para cambiarla

Las plantillas sirven para la primera web de una empresa nueva con un presupuesto ajustado, o para una campaña de corta duración. Un desarrollo a medida se gana su coste cuando la web es una herramienta de venta principal, cuando la marca tiene que sentirse distinta o cuando el rendimiento y la visibilidad en buscadores importan. Una web a medida cuyo diseño UX/UI está hecho para un público y una oferta concretos suele amortizar la diferencia rápidamente.

La IA ha acortado la distancia entre ambas opciones. Como la estructura base, el código de los componentes y los casos de prueba se generan rápido, un desarrollo a medida cuesta hoy mucho menos por encima de una plantilla que antes, y las horas ahorradas se dedican al diseño, a los textos y a los detalles en los que se fijan los visitantes. Explicamos cómo funciona eso en la práctica en nuestro artículo sobre la IA en el diseño y desarrollo web.

Un ejemplo. Nothing To Eat, una marca de sándwiches de Amsterdam, necesitaba una web que llevara la identidad que habíamos diseñado para ella, sin tienda ni reservas. Construimos una web de una sola página en WordPress con su propio tema de bloques: la página son bloques normales que el cliente puede editar, el patrón de la marca recorre toda la página y no se carga nada que la página no use. El caso de estudio muestra la identidad y la web juntas.

Dos ventanas de escritorio: la web de Nothing To Eat y su caso de estudio en odduel.com, una web a medida construida sobre un tema de bloques

¿Qué alojamiento necesita una web de empresa?

El alojamiento es donde funciona la web. Las opciones van desde el alojamiento compartido (barato, saturado, imprevisible) hasta las plataformas gestionadas y los servidores virtuales que controlas tú. Para la mayoría de las webs de empresa, un alojamiento gestionado o un servidor virtual bien configurado es el término medio adecuado.

Tres cosas importan más que el precio mensual:

  1. Ubicación y velocidad. Servidores cerca de tu público, protocolos modernos como HTTP/3 y una caché bien pensada.
  2. Copias de seguridad que has probado. Una copia que nunca has restaurado es una esperanza, no un plan.
  3. Titularidad clara. La cuenta de alojamiento, el dominio y el DNS deben estar a nombre de tu empresa, no de tu desarrollador.

El alojamiento también influye, de forma indirecta, en la visibilidad en buscadores. Las respuestas lentas, las caídas frecuentes y las páginas rotas se notan en cómo tratan los buscadores un sitio. Los pequeños archivos técnicos también cuentan: una línea equivocada en el archivo robots puede ocultar una web entera a los buscadores, y una redirección que falta convierte una página bien posicionada en un error. Nuestra guía de URL amigables para SEO trata en detalle las direcciones y las redirecciones.

¿Cómo se mantiene segura una web?

La seguridad de una web es sobre todo disciplina poco vistosa, más que tecnología ingeniosa. Lo esencial:

  • Mantén actualizados el CMS, el tema y los plugins, y elimina todo lo que no se use.
  • Usa contraseñas fuertes y únicas y la verificación en dos pasos en todas las cuentas con acceso.
  • Sirve todo por HTTPS y envía cabeceras de seguridad modernas.
  • Limita los intentos de inicio de sesión y desactiva las funciones que no utilices, como XML-RPC en WordPress.
  • Reduce los envíos de formularios y los datos personales a lo que necesitas, conforme al RGPD.
  • Monitoriza la disponibilidad y los errores para enterarte de los problemas antes que los visitantes.

La mayoría de los ataques a webs de pequeñas empresas aprovechan fallos conocidos y ya corregidos en software desactualizado. Un plan de mantenimiento y soporte sale más barato que una limpieza.

Cuando una web se traslada, cambia de estructura o retira páginas, planifica una redirección 301 para cada dirección antigua. Eso forma parte de proteger la web tanto como cualquier cortafuegos: protege la visibilidad en buscadores que ya has ganado. Un rediseño web que lo olvida pierde un posicionamiento que costó años construir.

¿Qué esperar de una agencia?

Elegir una empresa de desarrollo web es elegir a las personas con las que vas a contar durante años. Nuestro artículo sobre cómo elegir una agencia digital profundiza en la selección; esto es lo que debe darte un buen socio en un proyecto web:

  • Un alcance claro que nombre páginas, plantillas, integraciones, idiomas y lo que queda fuera.
  • Diseño antes que desarrollo, con contenido real siempre que sea posible en lugar de texto de relleno.
  • Entorno de pruebas y aprobación: una vista previa privada que puedes revisar antes de que nada se publique.
  • Titularidad: el código, los contenidos y todas las cuentas entregados a tu nombre.
  • Un lanzamiento medido: comprobaciones de velocidad, accesibilidad y posicionamiento antes del lanzamiento, no después de las quejas.
  • Soporte después del lanzamiento, con un tiempo de respuesta definido.

Pregunta cómo usan la IA. Una buena respuesta es concreta: dónde ahorra tiempo, quién revisa lo que produce y cómo se refleja el ahorro en tu presupuesto o en tus plazos. Una respuesta vaga, o ninguna, también te dice algo. En nuestra experiencia, la versión honesta es que la IA hace la producción más rápida y la revisión más importante, no menos: cada componente, cada línea de texto y cada traducción los lee una persona antes de publicarse.

Pregunta también cómo serán las primeras semanas. Un socio que sabe describir el arranque del proyecto paso a paso (con quién hablarás, qué necesita de ti, cuándo verás el primer diseño) ya lo ha hecho antes.

El portfolio de Odduel en una ventana de escritorio y la página de contacto en un móvil, con las oficinas de Barcelona y São Paulo

Preguntas frecuentes

¿Cuánto cuesta el desarrollo de una web?

Depende más del número de plantillas, integraciones e idiomas que del número de páginas. Una web de marketing pequeña y bien hecha y un e-commerce a medida se sitúan en rangos muy distintos. Nuestra guía sobre cuánto cuesta una página web explica qué mueve el precio y qué ha cambiado la IA.

¿Cuánto se tarda en desarrollar una web?

En nuestra experiencia, una web de marketing bien enfocada lleva semanas, no meses, desde el briefing aprobado hasta el lanzamiento. Como la IA se encarga de buena parte del trabajo repetitivo de construcción, más tiempo del calendario va al diseño, los contenidos y las pruebas. Los proyectos grandes se planifican por fases para que algo útil se publique pronto.

¿WordPress o un CMS headless?

Para la mayoría de las webs de marketing, WordPress con un editor de bloques nativo y un tema construido para ti es la opción sensata: tu equipo puede editarla y muchos desarrolladores pueden mantenerla. Un CMS headless se gana su coste adicional cuando el mismo contenido tiene que alimentar varios front-ends o cuando la web forma parte de un producto mayor.

¿Qué debo preguntar antes de elegir una empresa de desarrollo web?

Pregunta quién es el dueño del código y de las cuentas al final, cómo se editará el contenido, cómo prueban la velocidad y la accesibilidad, cuánto cuesta el soporte después del lanzamiento y cómo usan la IA. Pide ver una web real que hayan construido y un proceso de pruebas, no solo capturas de pantalla.

¿Necesito una web a medida o me basta con una plantilla?

Una plantilla basta para una primera web con un presupuesto ajustado o para una campaña corta. Elige una web a medida cuando la web es una herramienta de venta principal, cuando la marca tiene que ser distinta o cuando la velocidad y la visibilidad en buscadores mueven dinero de verdad. La diferencia de precio entre las dos es menor que antes.

Si estás planificando una web nueva o rehaciendo una antigua, empieza por las tres preguntas de arriba: qué tiene que hacer la web, qué la sostendrá y quién la construirá. Si quieres una agencia que se ocupe de todo, del modelo de contenidos al lanzamiento y el soporte, mira nuestro servicio de diseño y desarrollo web o cuéntanos tu proyecto.

Más artículos

Más de nuestras Ideas.

Ver todas las ideas

Contacta con nosotros

Cambiemos el resultado.

Las probabilidades no cambian solas. Si tienes algo que crear, lanzar o arreglar, cuéntanoslo y te enseñaremos cómo lo abordaríamos.

    ¿Necesitas un acuerdo de confidencialidad (NDA) antes de compartir los detalles? Empieza tu proyecto

    Escríbanos