Proceso de rediseño web: un proyecto fintech

Un buen proceso de rediseño web sigue un orden fijo: auditoría, brief, estructura, contenido y confianza, diseño, desarrollo con migración y comprobaciones de lanzamiento. Cada paso termina con una decisión que tú apruebas. Saltarse pasos es la forma en que los rediseños se retrasan y pierden tráfico orgánico. A continuación recorremos cada paso con un proyecto de rediseño para una fintech que muestra nuestro método.

El proyecto parte de un brief: una nueva web de marketing para una empresa de pagos B2B. Muestra cómo pensamos, qué produce cada etapa y dónde están las decisiones difíciles. Puedes ver las pantallas en la página del rediseño web para una fintech.

El proceso de rediseño web, de principio a fin

La mayoría de los rediseños fallan en los extremos, no en el centro. El diseño en sí rara vez es el problema. Los problemas empiezan cuando nadie acordó los objetivos, o cuando en el lanzamiento se olvidan las URL de la web antigua. Por eso nuestro proceso concentra el trabajo al principio y al final.

1. Auditoría: qué hace la web actual, para quién y por qué búsquedas posiciona.
2. Brief: objetivos, públicos, restricciones y qué significa «terminado».
3. Arquitectura de información: páginas, navegación y modelo de contenido.
4. Contenido y patrones de confianza: qué debe demostrar cada página y cómo.
5. Diseño: maquetas, revisadas en rondas de cambios cerradas.
6. Desarrollo y migración: código, redirecciones, QA y lanzamiento.

Cada etapa termina con un punto de aprobación. Nada avanza con un sí implícito. Así también mantenemos el precio cerrado: el alcance se acuerda por escrito antes del trabajo que describe.

Por qué mostramos el proceso en un solo proyecto

Las agencias suelen enseñar los rediseños con capturas de antes y después. Eso esconde el razonamiento. Preferimos mostrar el pensamiento en un proyecto que podemos describir por completo.

El brief: una empresa de pagos B2B mediana con una web de marketing anticuada. Vende a compradores de empresa prudentes, que necesitan confiar en la compañía antes de pedir siquiera una demo. Es una situación habitual en fintech, y presiona cada etapa del proceso.

Cuando un proyecto tiene analítica, entrevistas y datos de búsqueda, cada decisión se apoya en ellos. Donde faltan datos, el brief declara sus supuestos abiertamente para que puedas comprobar cada uno.

Paso 1: auditar la web actual y escribir el brief

En un proyecto real, la auditoría es donde más aprendemos. Revisamos:

• Tráfico y búsqueda: qué páginas traen visitas, por qué consultas posicionan y cuáles reciben enlaces.
• Inventario de páginas: cada URL, su función y si merece seguir existiendo.
• Rutas de conversión: cómo llega un visitante de la primera visita a pedir una demo o registrarse.
• Contenido: qué está desactualizado, duplicado o falta.
• Salud técnica: velocidad, accesibilidad, problemas con el CMS e integraciones.

Nuestro checklist de rediseño web recoge los 30 pasos que seguimos. La auditoría alimenta un brief de una página: objetivos, públicos principales, las tres cosas que la web debe dejar claras, restricciones y criterios de éxito. En este proyecto, el brief es corto y concreto, porque un brief vago produce una web vaga.

Paso 2: arquitectura de información antes que lo visual

Decidimos qué páginas existen antes de que nadie las diseñe. En una fintech, la estructura suele atender a dos lectores muy distintos. Uno es el comprador que compara productos. El otro es la persona de riesgos o cumplimiento que comprueba si es seguro trabajar con la empresa.

En este rediseño, esa división da forma a la navegación. Las páginas de producto responden a «qué hace y cuánto cuesta». Una zona de confianza propia responde a «es segura esta empresa». Ambas se enlazan entre sí, para que ningún lector llegue a un callejón sin salida.

La arquitectura de información también produce el modelo de contenido. Cada tipo de página recibe campos definidos, como producto, caso de uso, normativa o miembro del equipo. Eso simplifica después la configuración del CMS y mantiene las páginas coherentes cuando el equipo del cliente empieza a editarlas.

Paso 3: contenido y patrones de confianza

Los compradores de fintech no se fían de los adjetivos. Se fían de afirmaciones concretas que pueden comprobar. Por eso, para cada página clave, anotamos qué debe demostrar y con qué evidencia.

Los patrones de confianza de este rediseño incluyen:

• Una página de seguridad en lenguaje llano, que explica el tratamiento de datos, el cifrado y el control de accesos sin jerga.
• Datos regulatorios claros: licencias, registros y la entidad que los tiene, escritos como hechos y no como sellos.
• Lógica de precios visible, o al menos una explicación clara de cómo se calcula el precio y qué lo cambia.
• Personas con nombre, para que el comprador sepa con quién va a tratar.
• Formularios accesibles, con etiquetas claras, un texto de consentimiento honesto y ningún campo sorpresa.

Nada de esto es un truco visual. Son decisiones de contenido, y por eso van antes del diseño. Una página bonita que no demuestra nada sigue siendo una página débil.

Paso 4: diseño con maquetas y rondas cerradas

Con la estructura y el contenido acordados, el diseño se convierte en un trabajo enfocado. Primero diseñamos un pequeño conjunto de plantillas clave: la home, una página de producto, la zona de confianza y un artículo largo. Puedes verlas como maquetas en la página del proyecto.

Los comentarios llegan en rondas de cambios cerradas. Nuestro rediseño web incluye dos. Cada ronda reúne el feedback consolidado del equipo del cliente, para que el diseñador no persiga comentarios contradictorios. Las rondas cerradas mantienen honesto el calendario y obligan a priorizar lo importante.

¿Cuánto tarda un rediseño web?

Nuestro rediseño web suele llevar 5-6 semanas para 8 plantillas de página en un idioma. El calendario crece con el alcance: más o menos una semana más por cada 4 plantillas extra, y otra por cada idioma adicional.

Pongamos un rediseño más pequeño que este: 12 plantillas de página, 2 idiomas y una auditoría de accesibilidad. Nuestra calculadora lo valora así:

• Precio base: 9500 $, con 8 plantillas de página y migración SEO incluidas.
• 4 plantillas extra: un precio fijo por plantilla.
• Segundo idioma: un 12% del precio base y las plantillas extra.
• Auditoría de accesibilidad: 1200 $.
• Total: 13.650 $.

Es una configuración de la calculadora, así que puedes comprobar cada línea tú mismo. Sirve para ver cómo cada línea mueve el total, que es justo para lo que existe un presupuesto detallado.

Paso 5: desarrollar, migrar y lanzar sin perder tráfico

El desarrollo sigue las plantillas y el modelo de contenido acordados. Lo que protege tu negocio actual es la migración. En cada rediseño preparamos un mapa de redirecciones de cada URL antigua a su nuevo destino, conservamos los metadatos que ya posicionan y comparamos los datos de búsqueda antes y después del lanzamiento.

Por eso la migración SEO va incluida en cada rediseño que presupuestamos. Nuestra guía sobre la migración web sin perder SEO explica el método completo, con las comprobaciones de los primeros 30 días.

Antes del lanzamiento, la web pasa un checklist de QA que cubre navegadores, accesibilidad y rendimiento. El día del lanzamiento debería ser el más tranquilo del proyecto.

Planifica tu propio rediseño

Si tu web necesita un rediseño, empieza por la auditoría y el brief, incluso antes de elegir proveedor. Nuestro rediseño de página web parte de 9500 $ por 8 plantillas de página, con migración SEO incluida y dos rondas de cambios. Para la lista completa de precios y extras, consulta cuánto cuesta una página web.