PIPELINEGuías
Introducir diseño web: paso a paso
El camino desde la decisión hasta el funcionamiento — en el orden que ha demostrado ser efectivo en pequeñas empresas, incluyendo los puntos donde los proyectos suelen quedarse atascados.
El diseño web se introduce nombrando primero el cuello de botella, luego delimitando a pequeña escala y solo después implementando. La implementación en sí dura de 3 a 5 semanas; un proyecto casi nunca se retrasa por la técnica, sino por falta de contenidos, accesos y decisiones.
01 — Inicio
Por dónde empezar
Identificar el cuello de botella
No lo más interesante, sino lo que consume más tiempo. Anotar durante una semana qué se repite proporciona una lista más realista que cualquier taller.
Delimitar de forma reducida
Un procedimiento, un objetivo medible. Lo que funciona se amplía — lo que no, cuesta poco.
Revisar la situación de partida
Qué contenidos, datos y accesos están disponibles. En el diseño web este es el factor que más influye en el esfuerzo y la duración.
Decidir quién es responsable
Para la implementación y para el funcionamiento posterior. Sin esta definición, cualquier sistema queda obsoleto.
Solo entonces solicitar presupuestos
Con un alcance claro, los presupuestos son comparables. Sin él, se obtienen cifras que no tienen nada que ver entre sí.
02 — Procedimiento
Los pasos en detalle
Análisis de situación
Qué hay ya de logotipo, colores, lenguaje visual, y qué de eso funciona.
Definir la dirección
Dos o tres direcciones en un tipo de página, para que la decisión se tome sobre algo concreto.
Desarrollar el sistema
De la dirección elegida surge el sistema para todos los tipos de páginas.
Entrega
Los componentes y las reglas se documentan y se entregan.
03 — Participación
Qué necesitamos de ti
- Una persona de contacto que pueda decidir — no solo derivar.
- Acceso a los sistemas involucrados, a tiempo y no el día de la puesta en marcha.
- Ejemplos reales del día a día — cuanto más desordenados, más útiles para la prueba.
- De dos a cuatro horas para coordinación, distribuidas durante la duración del proyecto.
- Una respuesta a la pregunta de qué significa el éxito. Sin ella, no se puede evaluar nada después.
04 — Cuellos de botella
En qué suele atascarse
- Contenidos y entregas. El motivo de retraso más frecuente con diferencia. Textos, imágenes, listas de precios, accesos — lo que falta, bloquea.
- Decisiones. Si no está claro quién aprueba, el proyecto espera. Una persona de contacto designada con autoridad de decisión acorta notablemente la duración.
- Accesos a sistemas externos. Obtener acceso a gestión de mercancías, centralita telefónica o CRM regularmente tarda más que la propia integración.
- Rondas de coordinación sin fin. Dos rondas de corrección son normales, cinco son señal de que el objetivo no estaba claro al principio.
05 — Preguntas
Preguntas frecuentes
¿Recibimos varios bocetos?
Dos a tres direcciones en un tipo de página. Diez variantes no ayudan a nadie — solo trasladan la decisión al cliente en lugar de tomarla.
¿Qué pasa con la accesibilidad en el diseño?
Contrastes, tamaños de fuente, representación del foco y áreas clicables los comprobamos contra WCAG 2.1 AA. En el diseño es notablemente más barato que después en la implementación.
¿Se verá bien también en el móvil?
Diseñamos primero la vista estrecha, porque ahí llega la mayor parte de los visitantes. La vista ancha es el caso más fácil, no al revés.
¿Cuántas rondas de corrección están incluidas?
Dos rondas por boceto son habituales y normalmente suficientes, porque la decisión de dirección ya se toma tras la primera presentación. Más rondas son posibles, pero alargan notablemente el plazo.
¿Necesitamos realmente diseño propio?
No obligatoriamente. Si necesitáis un sitio con cinco subpáginas y no tenéis ambiciones de marca, un sistema base limpiamente adaptado es la elección más sensata. El diseño propio vale la pena cuando debéis diferenciaros de competidores o gestionáis muchas páginas.
¿De quién son los archivos?
Vuestros. Recibís los archivos fuente y la documentación. Si más adelante trabajáis con otra persona, puede continuar con ellos.
¿Entregáis también material gráfico?
No, eso no forma parte del sistema de diseño. Pero indicamos exactamente qué tipo de imágenes se necesitan, y recomendamos fuentes adecuadas o una fotógrafa si es necesario.
06 — Continuar
Páginas relacionadas
- Diseño web — Vista general
- Diseño web — Lista de verificación
- Diseño web — Ventajas y desventajas
- Diseño web — Requisitos
- Diseño web — Por dónde empezar
- Diseño web — Funcionamiento
- Diseño web — Subvención
- Diseño web — Proceso
- Crear sitio web
- Landing page
- Rediseño de sitio web
- Todas las guías
Diseño web por región
Siguiente paso
Enviadnos unas líneas sobre vuestro proyecto.
Leemos cada consulta personalmente y respondemos de forma directa. Sin equipo comercial, sin formulario de devolución de llamada al vacío.