Ya sea algo tan grande como el lanzamiento de un sitio o tan pequeño como una página nueva, existe una forma correcta de abordar un nuevo proyecto web.
Ha empezado el año y quizá quieras darle un aire nuevo a algunos aspectos de tu sitio web corporativo. Nos encanta el entusiasmo, ¡pero no te saltes la preparación! Antes de empezar, hay pasos que puedes seguir para asegurar que tu próximo proyecto vaya sobre ruedas. Hace poco hablamos con Maria Gonzalez, jefa de diseño web aquí en Webflow, para compartir cuatro prácticas recomendadas universales para cualquier equipo que se proponga hacer cambios en su sitio web.
1. Empieza con un brief estructurado
"Todo empieza siempre con un brief", dice Maria. "El brief solicita los objetivos del proyecto, el problema que intentamos resolver, las métricas, las metas y cualquier consideración de SEO que debamos tener en cuenta también".
Aunque se llame "brief" (resumen), es importante entrar en detalles suficientes. Debes definir el problema general al que se enfrenta tu cliente, pero también las carencias de tu solución actual. Luego, explica con claridad cómo la oferta que propones (este nuevo sitio web o página) resolverá el problema de tu usuario. Ese es el "qué" de tu solución.
Para responder al "cómo", describe la propuesta de valor de tu proyecto. ¿Qué problemas resolverá este nuevo sitio web para tus usuarios? ¿Cómo lo explicarías si hablaras directamente con ellos? Tus respuestas aquí pueden servir de inspiración para que tu equipo de redacción encuentre el tono y el posicionamiento adecuados para tus usuarios.
También es fundamental definir cualquier riesgo y dependencia para que las partes interesadas entiendan qué factores externos podrían afectar al éxito del proyecto. Si se articulan con antelación, puedes definir una estrategia eficaz para eliminar o anticiparte a cualquier obstáculo y evitar que pongan en peligro tu duro trabajo.
2. Dimensiona los proyectos adecuadamente y mantén informadas a las partes interesadas
Una vez que el brief esté listo, las partes interesadas deben reunirse para revisarlo y definir el alcance. Debes dimensionar tus proyectos basándote en los requisitos funcionales, la necesidad de nuevo trabajo de diseño y la carga de trabajo existente. ¿Necesitas crear recursos visuales totalmente nuevos o puedes reutilizar una plantilla con texto nuevo y algunos ajustes en los elementos creativos?
"Si solo vamos a actualizar el texto o los elementos visuales de una página, es un proyecto muy pequeño que nos lleva un día", dice Maria. Un proyecto grande —"el ejemplo clásico es una página de inicio"— sería algo totalmente nuevo, sin una plantilla existente, donde hay que crear nuevos componentes y patrones.
Si te acostumbras a reutilizar componentes a menudo (consulta el consejo n.º 3), verás que la mayoría de los proyectos se sitúan en un punto intermedio. "Supongamos que teníamos una página de Soluciones de Marketing y queremos crear una página de Soluciones de Ingeniería. Seguimos la misma plantilla establecida, pero con texto y elementos creativos nuevos", explica Maria. En situaciones así, recomienda presupuestar más tiempo para el diseño (por ejemplo, 2 semanas) que para la implementación (1 semana o menos).
Una vez definido el alcance, es esencial especificar el cronograma del proyecto en una herramienta de gestión como Asana. Esta hoja de ruta sirve como rastreador para que las partes interesadas estén informadas del progreso durante todo el ciclo de vida del proyecto.
Reinventando los equipos de desarrollo web
Descubre en nuestro ebook cómo el desarrollo visual facilita la colaboración entre equipos y libera valiosos recursos de programación.
3. Reutiliza y recicla componentes tanto como sea posible
En aras de la rapidez de entrega y la cohesión visual, debes definir y reutilizar componentes compartibles dentro de tu plataforma. En la medida de lo posible, evita "empezar de cero" y aprovecha los recursos que ya existen: componentes, plantillas, clases de estilo, etc.
Si tienes un brief de proyecto bien definido, deberías tener una comprensión clara del problema del usuario y de la solución de diseño propuesta, lo que puede guiar a los diseñadores hacia los componentes adecuados. Si es posible, incluso podrías incluir una lista de posibles componentes reutilizables en el brief o dar una idea de a qué páginas debería parecerse la nueva.
Otra ventaja de usar componentes es que pueden empoderar a tus socios interfuncionales. Maria explica: "Creamos plantillas para nuestros socios de marketing. Ahora, pueden actualizar páginas en nuestra Biblioteca de recursos, por ejemplo, sin tener que depender de ingenieros o diseñadores para todo".
4. Usa el brief de diseño como herramienta de alineación continua
A medida que empiezas el desarrollo, especialmente en un proyecto más grande, siempre surgirán preguntas que no habías previsto. Incluso si reutilizas componentes tanto como sea posible, puede que necesites crear algo nuevo donde haya una discrepancia entre lo que imaginaron los diseñadores y lo que los desarrolladores pueden implementar realmente.
En caso de duda, vuelve a consultar el brief, recomienda Maria. Céntrate en la definición del problema que intentas resolver para tus clientes. ¿Qué importancia tiene este componente concreto para resolver este problema? ¿Existe otra forma de obtener el mismo resultado sin comprometer la escalabilidad?
Por eso es tan importante compartir el brief con antelación y asegurar el compromiso de todos. Será tu fuente de verdad durante todo el proyecto: guiará a los diseñadores al ajustar wireframes, a los desarrolladores al probar nuevas versiones o hacer cambios en la interfaz, y a los redactores al pulir el contenido.
El mejor plan web es el que no deja nada al azar
Sea cual sea el proyecto web que tengas entre manos, un brief bien estructurado es la clave del éxito. Es la base para definir el alcance y mantener el rumbo hasta el lanzamiento. Además, si detectas componentes reutilizables, ahorrarás tiempo y darás al equipo de marketing más autonomía sobre el sitio: todos salen ganando.
Ahora que ya dominas lo básico, ¿quieres profundizar en cómo reinventar tus procesos y tu equipo de desarrollo web? Echa un vistazo a nuestro ebook sobre Reimaginar los equipos de desarrollo web.
