Formas de abordar el rediseño de un sitio web

Publicado: 2020-12-17

No es raro ver un rediseño en un sitio web determinado cada 3 a 5 años aproximadamente. Podemos ver un rediseño de diferentes maneras, pero en resumen, es "una nueva apariencia" en la que uno puede cambiar:

  1. Solo imágenes : el contenido, las páginas y todo lo demás permanece igual, pero el sitio parece más moderno ahora.
  2. Contenido e imágenes : estos serían los primeros + cambios de contenido, como páginas de destino, reordenación de artículos, nuevos tipos de datos y más.

El primero es mucho más sencillo para un diseñador, ya que no debería haber mucho contenido que deba prepararse. Lo que nos lleva a la primera fase del rediseño de un sitio web, una vez decidido por supuesto:

Crea contenido nuevo o usa el antiguo

Un diseñador necesita saber con qué contenido trabajará. Por ejemplo, ¿cuál sería el título de la página de inicio, habría subtítulos, párrafos después, tal vez una lista, un video, una imagen? Todo esto es información que el diseñador necesita para mostrar cualquier cosa.

Y esta es la primera decisión, si el contenido del sitio existente permanecerá como está o se escribirá nuevo. Si permanece igual, entonces todo lo que el cliente debe decidir (o el equipo de marketing para el caso) sería la dirección general.

Sin embargo, si se va a modificar el contenido, el diseñador tendrá que esperar a que el nuevo texto esté listo y finalizado. Una forma de presentarlo es a través de wireframes donde son solo cuadros con texto, que el diseñador solicita o sería un simple PDF con contenido por sección.

Por supuesto, una vez que todo el sitio web esté listo, el equipo editorial y de marketing tendrá la libertad de trabajar con el contenido y editarlo. Aunque tener una copia del contenido desde el día 1 también permitirá al diseñador tomar las decisiones correctas para los elementos visuales que acompañarían al contenido. Ya sea la longitud, la cantidad de títulos, listas, características, medios y más.

Decidir sobre el estilo visual

El siguiente sería "¿Cómo debería verse?" Esta parece una pregunta que el diseñador respondería, pero en realidad no es así. De hecho, esta es una pregunta que el diseñador le hace al cliente la mayoría de las veces.

La dirección visual podría ser dictada por el cambio de marca de la empresa, que podría ser para modernizar el sitio web y adaptarse a un grupo demográfico específico o simplemente podría ser un aspecto nuevo y actualizado del sitio en su conjunto. A veces, la reconstrucción del sitio web, los conceptos del diseñador, todo podía poner en marcha un cambio de marca de la empresa, no al revés. Y no siempre estamos hablando de grandes corporaciones aquí, las marcas más pequeñas también pueden inspirarse para reelaborar su empaque, presencia social y más, todo debido al trabajo del diseñador web en su nuevo sitio web.

Esta es también la fase en la que los diseñadores suelen llamar a sus productos "un concepto". Que es otra forma de decir que se trata de encontrar el lenguaje, apariencia y / o sensación correctos. Durante dicha fase, los diseños generalmente giran alrededor de la página de inicio o la vista principal del sitio / aplicación.

Dependiendo de la comisión / alcance, podrían crearse muchos conceptos. Con tales conceptos, los desarrolladores, el cliente, los equipos de marketing y los diseñadores pueden discutir cuál es el camino a seguir, qué tipo de elementos funcionan bien juntos y ¿habría algún cambio de contenido o preocupaciones técnicas?

La etapa del concepto es quizás una de las más difíciles también, porque es aquí cuando se toman la mayoría de las decisiones.

A continuación, se muestran ejemplos de preguntas que un diseñador podría necesitar responder:

  • ¿Sería una imagen pesada, los gráficos son limpios / minimalistas?
  • Si utiliza gráficos, ¿qué estilo serían?
  • ¿Qué tipo de letra se utilizará?
  • ¿Debería modernizarse el esquema de color antiguo o debería reemplazar el antiguo por uno nuevo?
  • ¿Cuán interactivo debe ser el sitio?

Dependiendo de la dirección, hay algunas cosas a considerar en los conceptos:

  • ¿La sensación original del sitio debe seguir siendo la misma? Podrían ser los esquemas de color, gráficos, reglas de tipografía y más.
  • ¿Debería introducirse una sensación completamente nueva en su lugar? Eso significaría que toda la restricción que tendría un diseñador es el contenido.

Cuando se elige un concepto (lo que podría suceder después de muchas revisiones), puede comenzar la siguiente etapa:

Cree las composiciones de diseño

Si en los pasos de toma de decisiones originales se decidió que la estructura del contenido / sitio permanecería igual, entonces el trabajo del diseñador es un poco más fácil. Todo lo que tienen que hacer es convertir el antiguo diseño en un nuevo concepto. Eso significa que generalmente puede ir página por página y reelaborar cada componente para seguir la nueva apariencia. Aquí es donde vería cambios más pequeños, como reelaboración de componentes, espaciado, tipografía, colores o cambios más grandes, como cambios de diseño, posición de elementos, orden y más.

Las partes importantes del rediseño de un sitio son las vistas únicas. Siempre que una página tenga un diseño y componentes diferentes, se debe preparar un diseño para el equipo de desarrollo. En cuanto al diseño, también es bastante fácil mostrar una ligera variación, ya que solo requeriría copiar y pegar una mesa de trabajo con un pequeño cambio en el orden / contenido, por lo que definitivamente este es un paso que no vale la pena omitir.

Cuando los diseños estén terminados, los diseñadores y el cliente deben verificarlos nuevamente, así como cualquier otra persona involucrada: marketing, ventas, desarrolladores. Este es el paso ideal final en cualquier cambio importante, porque los diseños son relativamente fáciles de volver a trabajar / cambiar en comparación con la fase de desarrollo.

La fase de desarrollo

Aquí es donde los diseñadores terminan su trabajo y entregan el proyecto al equipo de desarrollo. A partir de aquí, los diseñadores a menudo solo responden preguntas, proporcionan recursos y, en ocasiones, diseñan estados de componentes específicos que faltan en los diseños.

Idealmente, los cambios de diseño no deben realizarse durante la fase de desarrollo antes de lanzar el nuevo sitio, ya que esto a menudo resulta en un retraso en la entrega o estrés innecesario para todas las partes involucradas.

Durante el desarrollo, suele haber dos formas de abordarlo:

  1. Una nueva construcción
  2. Una reelaboración del sitio existente

En el contexto de WordPress, a menudo una nueva compilación gira en torno a la configuración de un nuevo proyecto, la importación de la base de datos del sitio anterior, la creación de un tema nuevo con una base de código limpia y la implementación del diseño desde cero. Además, en este caso, no habría código heredado aparte de los posibles complementos y la integración del tema.

Si hay una fecha límite muy ajustada, hay dos formas de lanzar a tiempo con un nuevo tema:

  1. No vayas a vivir con todo encendido. Este es el enfoque más razonable. Enumere las páginas de máxima prioridad y desarrolle solo esas. Vaya en vivo con ellos, luego implemente otras funciones y / o páginas en las semanas posteriores al lanzamiento.
  2. Opta por una versión aproximada. Esto significa que debe tener todas las páginas implementadas, pero no necesariamente editables. Incluso puede ser necesario ocultar uno o dos elementos, o corregir cualquier error debido a que se tiene poco tiempo para hacer las pruebas o simplemente porque no tuvo tiempo para corregirlos.
  3. Simplifique los elementos de la interfaz de usuario en el diseño que ocuparían la mayor parte del tiempo de los desarrolladores. Por ejemplo, eso podría ser menús de navegación complicados (escritorio y móvil), mapas / conmutadores / búsquedas, controles deslizantes o diseños complejos.

Dependiendo de las prioridades, el plazo o la calidad, el cliente debe elegir en cuál de los dos debe trabajar primero la agencia o los autónomos.

Sin embargo, si la reelaboración tiene que realizarse gradualmente durante unas pocas semanas, la agencia o el profesional independiente a menudo tendrá que reelaborar el tema existente. Aquí, los desarrolladores suelen crear una nueva hoja de estilo para el nuevo sitio que se puede migrar cuando todo está hecho y comenzar a reconstruir las plantillas existentes a partir del encabezado / pie de página.

Al reemplazar página por página e implementar actualizaciones, el sitio se vería inconsistente con el aspecto antiguo y nuevo en todas las páginas. Aunque no es un sitio web, Windows 10 es un ejemplo de esto:

Pasando a la fase en vivo

Esta es la fase tan esperada del lanzamiento. En general, la mayoría de los controles de calidad y las revisiones del sitio coinciden con los mismos pasos que la publicación en un sitio web nuevo: muchas pruebas, hacer clic en todas partes, asegurarse de que cada elemento del menú funcione, que las páginas funcionen bien, que el contenido sea bueno y que todas las integraciones son funcionales.

La principal diferencia entre un nuevo diseño y un sitio nuevo es el contenido existente, especialmente cuando ha habido cambios en la estructura del sitio. ¿Funcionarían las URL antiguas? ¿Habría contenido perdido? ¿Se han migrado todos los datos antiguos recientemente? Hay una lista bastante larga de "días de lanzamiento" para revisar, para la cual es más seguro utilizar los servicios de una buena agencia de desarrollo web.

Resumen

El rediseño de un sitio web es un proceso largo que involucra a muchas personas. También tiene muchas preguntas difíciles de responder y obstáculos técnicos que superar. Afortunadamente, la mayor parte del tiempo. Este cambio resulta muy positivo para una marca.