El problema que resuelve diseño web
Tu web actual tiene años. Se hizo cuando la mayoría de las visitas llegaban desde un ordenador, y en el móvil los botones se montan unos sobre otros, el texto obliga a hacer zoom y el menú desplegable no se sabe cerrar. Cada vez que quieres cambiar un teléfono o subir una foto tienes que escribir a alguien, y ese alguien tarda.
O la web es nueva pero nadie entiende qué vendes. La portada tiene un eslogan bonito, tres iconos y un carrusel de fotos, y para saber si haces lo que el visitante busca hay que entrar en cuatro páginas. Quien llega desde Google decide en pocos segundos si se queda, y una web que no responde a «¿esto es para mí?» pierde esa visita aunque el diseño sea cuidado.
Seguir leyendo
También pasa lo contrario: la web se hizo con una plantilla comprada, con veinte plugins instalados para resolver cosas que nadie recuerda, y cada actualización da miedo. Nadie sabe quién tiene la clave del dominio, dónde está el alojamiento ni si hay copia de seguridad. Mientras todo funciona no se nota; el día que algo falla, no hay a quién llamar.
Y hay un cuarto caso, el de quien necesita algo que una plantilla no resuelve: un área privada para clientes, un buscador con filtros, una conexión con el programa de gestión o un formulario que alimente tu CRM. Ahí tirar de plugins genera una web lenta y frágil, y conviene decidir pronto si el proyecto pide desarrollo a medida.
¿Para quién es diseño web?
- Empresas que lanzan su primera web corporativa.
- Negocios con una web antigua que necesitan rediseñarla sin perder su posicionamiento.
- Equipos de marketing que necesitan un desarrollo a medida o integraciones que una plantilla no resuelve.
- Profesionales y entidades que quieren editar sus contenidos de forma autónoma.
Qué incluye diseño web
- Web corporativa y rediseñoPartimos de lo que la web tiene que conseguir (que te llamen, que pidan presupuesto, que te encuentren) y de ahí sale la estructura de páginas, no al revés.
Leer más
Si ya existe una web, se inventarían las URLs y se mira cuáles reciben visitas y enlaces antes de decidir qué se conserva, qué se une y qué se redirige. - Plataformas y desarrollo a medidaElegimos el gestor de contenidos según quién va a editar, qué funciones hacen falta y cuánto va a crecer, no por costumbre.
Leer más
Cuando una necesidad concreta exige programar, se hace a medida y conviene que quede documentado, para que no dependas de una sola persona para tocarlo. - Diseño adaptableUn criterio razonable es pensar primero en la pantalla del móvil y luego ampliar a tableta y ordenador, porque es el orden en que se pierde menos información importante.
Leer más
Conviene revisar el resultado en dispositivos y navegadores reales, no solo reduciendo la ventana del navegador de escritorio. - Contenidos y textosCada página responde a una pregunta concreta del visitante y lleva a una acción clara. Los textos se redactan o se revisan con el diseño delante, porque un titular que cambia de longitud puede romper una maqueta que parecía cerrada.
- Rendimiento web (WPO)Optimización de la velocidad de carga en tres capas: contenido (imágenes y recursos), código (CSS, JavaScript) e infraestructura del servidor (PHP, compresión, caché, protocolos modernos).
Leer más
Va incluido en el planteamiento de la web, no como parche posterior. - Accesibilidad y base técnica de SEOLo recomendable es cuidar desde el primer día la estructura de encabezados, el contraste, la navegación con teclado, las etiquetas de formulario, los metadatos editables, los canonicals y el sitemap.
Leer más
Es más barato construirlo así que corregirlo cuando la web ya está publicada. - Seguridad, copias y servidoresConfiguración segura, actualizaciones, copias de seguridad y, si lo quieres, gestión del servidor donde se aloja.
Leer más
Conviene que los accesos, el dominio y el alojamiento estén a tu nombre y documentados; se acuerda por escrito en el presupuesto.
Plataformas: WordPress, Joomla, PHP, Symfony.
Cómo enfocamos diseño web
Ver el detalle (4)La web se diseña para una acción, no para una portada · Menos plugins, menos piezas que se rompen · Contenido real desde el principio · La web es tuya y se puede mover
- La web se diseña para una acción, no para una portadaAntes de dibujar nada decidimos qué tiene que hacer el visitante: llamar, escribir, pedir cita, comprar. Esa acción manda sobre la estética.
Leer más
Una portada puede ser sobria y funcionar mejor que una espectacular que esconde el botón de contacto. - Menos plugins, menos piezas que se rompenCada extensión instalada es código ajeno que hay que actualizar y que puede entrar en conflicto con otro. Preferimos resolver con la propia plataforma o con desarrollo propio acotado, y justificar cada pieza externa que se añade.
- Contenido real desde el principioLas maquetas con «Lorem ipsum» esconden problemas: títulos que no caben, secciones sin nada que contar, fotos que no existen. Trabajamos con textos e imágenes reales o, al menos, con su longitud y formato definitivos.
- La web es tuya y se puede moverDominio, alojamiento, código y contenidos deben poder pasar a otro proveedor sin pedir permiso a nadie. Documentar accesos y estructura no es un extra: es lo que permite cambiar de proveedor si algún día te conviene.
Cómo trabajamos diseño web, paso a paso
Briefing y objetivos
Hablamos de qué debe conseguir la web, a quién se dirige, qué tienes ya (logotipo, textos, fotos, web anterior, datos de Google Analytics) y qué falta. Recibes un resumen escrito del alcance. Decides qué es imprescindible y qué puede esperar a una segunda fase.Estructura y diseño
Se propone el mapa de páginas y se diseñan las plantillas principales (portada, servicio, contenido, contacto) en versión móvil y de escritorio. Recibes los diseños para revisarlos. Decides si la dirección visual es la correcta antes de que se programe nada.Desarrollo y contenidos
Construcción sobre la plataforma elegida, carga de textos e imágenes y pruebas en distintos dispositivos y navegadores. Recibes acceso para ver la web antes de que sea pública, por ejemplo en un entorno de pruebas.Leer más
Decides los ajustes de contenido y confirmas que cada formulario llega adonde debe.Medición del rendimiento y revisión técnica
Revisión de velocidad, accesibilidad, metadatos y redirecciones antes de publicar, con los problemas encontrados y su corrección. Recibes un resumen de la revisión. Decides si algún punto pendiente bloquea la salida o puede resolverse después.Publicación y formación
Puesta en marcha, redirecciones si hay web anterior, comprobación de que Google Analytics y Search Console reciben datos y formación para que sepas editar los contenidos. Recibes la documentación y los accesos que se acuerden.Leer más
Decides cómo quieres seguir: mantenimiento por tu cuenta o con apoyo.
Errores habituales en diseño web
Ver el detalle (4)Empezar por el diseño y dejar los textos para el final · Rediseñar sin inventario de URLs · Medir la velocidad solo en el ordenador de la oficina · Dejar el dominio y el hosting a nombre de quien hizo la web
- Empezar por el diseño y dejar los textos para el finalEs el error más frecuente en proyectos que se retrasan. La web queda lista y falta lo que hay que contar en ella; se rellena con texto genérico, y ese texto es el que Google y el visitante leen primero.
- Rediseñar sin inventario de URLsSi cambian las direcciones y no se redirigen, se pierden enlaces entrantes y páginas que ya posicionaban. Es un problema evitable, pero solo si se detecta antes de publicar, no después de ver caer las visitas.
- Medir la velocidad solo en el ordenador de la oficinaUna web puede ir fina con fibra y un portátil reciente y ser pesada en un móvil con cobertura media. Las pruebas de velocidad deben hacerse con condiciones de móvil, y mirando también cómo responde la página cuando el visitante interactúa.
- Dejar el dominio y el hosting a nombre de quien hizo la webEs habitual descubrir, al cambiar de proveedor, que el dominio está registrado a nombre de la agencia anterior o de un autónomo que ya no responde. Recuperarlo puede llevar semanas y poner en riesgo el correo de la empresa.
Cuándo conviene diseño web y cuándo esperar
Conviene si…
- Vas a lanzar tu primera web y quieres que nazca con estructura, textos y base técnica bien resueltos.
- Tu web actual no se ve bien en el móvil o tarda en cargar, y los parches ya no la arreglan.
- Necesitas editar contenidos tú mismo sin depender de un programador cada vez.
- Quieres integrar la web con otros sistemas (CRM, gestión, reservas) y una plantilla no llega.
Mejor esperar si…
- Tu web funciona, se ve bien en móvil y el problema real es que no recibe visitas: ahí empieza el trabajo por SEO o publicidad, no por rediseño.
- No tienes todavía claro qué ofreces ni a quién: primero conviene definir la propuesta, porque la web solo la hará visible.
- Quieres un cambio solo estético sobre una base técnica que da problemas: se vería mejor, pero seguiría fallando.
Qué medimos en diseño web
Ver el detalle (5)Velocidad percibida y estabilidad visual · Acciones completadas · Comportamiento por dispositivo · Visibilidad orgánica tras el cambio · Errores técnicos y accesibilidad
- Velocidad percibida y estabilidad visualSe revisan los indicadores de experiencia de página de Google (carga del contenido principal, respuesta a la interacción y desplazamientos inesperados), con datos de laboratorio antes de publicar y datos de usuarios reales cuando hay suficiente tráfico.
- Acciones completadasFormularios enviados, llamadas desde el móvil, clics en correo o en el botón de presupuesto. Se configuran como eventos antes de publicar, para poder comparar con la web anterior.
- Comportamiento por dispositivoSe compara cómo se comporta el visitante en móvil, tableta y ordenador. Una diferencia grande entre dispositivos suele apuntar a un problema de diseño o rendimiento en el más flojo.
- Visibilidad orgánica tras el cambioEn una migración, se vigilan en Search Console las páginas indexadas, los errores 404 y las consultas que traían visitas, para detectar a tiempo una redirección mal resuelta.
- Errores técnicos y accesibilidadEnlaces rotos, errores de consola, fallos de formulario y problemas de contraste o de teclado, revisados antes de publicar y de nuevo pasadas unas semanas.
Qué recibes con diseño web
- Web publicada y funcionando en los dispositivos acordados.
- Panel de gestión de contenidos con una explicación de uso.
- Resumen de la revisión técnica previa a la publicación (rendimiento, accesibilidad, metadatos).
- Copia de seguridad inicial y configuración de copias periódicas.
- Documentación de accesos, estructura y plugins o dependencias utilizadas.
- Mapa de redirecciones, si había una web anterior.
- Constancia escrita de la titularidad del dominio, el alojamiento y las cuentas; se recomienda que sea tuya.
Preguntas frecuentes sobre diseño web
¿Qué plataforma me conviene, WordPress u otra?
Depende de lo que necesite tu proyecto: quién va a editar, qué funciones requiere y cuánto va a crecer. Lo valoramos contigo antes de elegir; WordPress cubre muchos casos, pero no todos.
¿Puedo editar yo los textos y las imágenes?
Sí. Se diseña de modo que los contenidos habituales se cambien desde el panel, sin tocar código. Lo que sí requiere intervención técnica, como cambiar una plantilla o añadir una función, se te explica desde el principio.
Si rediseño mi web, ¿pierdo el posicionamiento?
No tiene por qué. Se hace un inventario de las URLs actuales y se redirigen las que cambien. Aun así, un rediseño siempre supone un riesgo que conviene controlar y medir después en Search Console.
¿Cuánto cuesta y cuánto tarda una web?
Depende del número de páginas, de si hay que redactar contenidos, de las funciones y de las integraciones. No damos una cifra sin conocer el proyecto: tras el briefing recibes un presupuesto con el alcance desglosado, para que veas qué estás pagando y qué puedes quitar o aplazar. Los plazos también se acuerdan por escrito y dependen en buena medida de la rapidez con la que se entregan textos e imágenes.
¿De quién es la web cuando termina el proyecto: el código, el dominio, el alojamiento?
Lo sensato es que sean tuyos: el dominio registrado a tu nombre y los accesos documentados. Si hay desarrollo a medida, conviene acordar por escrito la cesión del código y aclarar qué componentes de terceros tienen su propia licencia. Las condiciones concretas se fijan en el presupuesto. Si algún día quieres llevarte la web a otro proveedor, no debería hacer falta el permiso del anterior.
¿Qué pasa después de publicar? ¿Quién la mantiene?
Una web necesita actualizaciones, copias y vigilancia de seguridad. Puedes encargarte tú, contratar el mantenimiento con Corunaweb o con otro proveedor; lo importante es que alguien lo tenga asignado. Condiciones y alcance, en el presupuesto por escrito. Conviene que la documentación permita cualquiera de las tres opciones.
¿Hacéis solo la parte de velocidad en una web que ya tengo?
Es posible. Partimos de una auditoría de código, recursos y servidor para saber qué mejoras compensan en tu caso, y te decimos también cuándo el límite está en la propia plataforma y no merece la pena seguir optimizando.
Contenido del equipo editorial de Corunaweb, revisado el .