¿Cómo puedo mejorar estas páginas secundarias sin un rediseño radical?

Cuando es difícil averiguar qué cambiar en un diseño, en realidad no ha definido qué es lo que está mal. Que está mal mi ser obvio. Por qué está mal es donde encuentras las respuestas a "¿Cómo soluciono esto?" Identificar exactamente un problema (tanto en la vida como en el diseño) te da su solución.

En este caso, hay mucho que arreglar, pero el gran y evidente problema es que el diseño y la jerarquía de la información no tienen conexión entre sí. Esa enorme caja verde enfermiza es visualmente el elemento más importante de la pantalla. Es tan dominante que llama la atención, ¡pero lo único que contiene es un titular que ocupa menos de una cuarta parte del cuadro! Dos barras laterales completas contienen un párrafo redundante cada una. Los principales elementos de navegación de la página de inicio están comprimidos en un desorden diminuto, ilegible y desalineado.

Mientras tanto, deshazte de la barra lateral izquierda y expande el div de contenido. Use la barra lateral derecha para todos esos cuadrados temáticos, si están enamorados de ellos, dos en horizontal o una sola pila. Ningún párrafo de texto tonto. Deshazte de la espantosa caja amarillo verdosa. Simule un encabezado grande y agradable para cada una de las divisiones de contenido principal de su página secundaria, tal vez de la siguiente manera:

Alinee el navegador superior a la izquierda. El ojo no lo capta cuando está alineado correctamente, por lo que se siente incómodo y parece un error.

Trate de convencer al cliente de que no es necesario encerrar cada elemento de la página y la página misma en un conjunto de cajas chinas. La información no se soltará ni correrá descontroladamente por el sitio, causando caos en subtítulos inocentes y ahuyentando a los visitantes. Permanecerá donde está puesto.

Aligera las cosas. El esquema deprimentemente oscuro se suma a la ofensa de boxear todo.

Recicle (como en mantillo) las imágenes de stock. Con frecuencia son ambiguos, como el de la página de testimonios: ¿se supone que representa a la empresa oa los clientes? ¿Son las personas reales, usted y yo sabemos que no lo son, pero el visitante promedio no lo hará, o no? Como mínimo, use imágenes inequívocas o (como en mi ejemplo) imágenes que no pretendan ser reales.

La mejor solución: trae un diseñador con el que puedas trabajar. ¿Seguro que pueden permitirse uno? Hay muchos elementos más pequeños que también deben arreglarse para que todo se vea profesional, que un diseñador abordará como algo natural. Le sugiero a su cliente que sus clientes, y los clientes que están buscando, esperen un sitio de alto nivel. Es parte de ser creíble y poder cobrar mucho dinero por sus servicios.

Rellenar su navegación en la esquina superior derecha realmente desvía la atención de lo que quizás sea la parte más importante del sitio, la navegación. Asegúrese de que su navegación sea consistente en todas sus páginas. Organice páginas similares en una página general que enumere subpáginas similares (p. ej., en servicios comerciales y de traducción, puede tener enlaces a "idiomas modernos" y "capacitación comercial"). Elabore un mapa del sitio y agregue una mejor navegación para indicar al usuario en qué sección del sitio se encuentra. (por ejemplo, ¿están mirando una página bajo "noticias", "soporte empresarial" o "clientes"...?)

Establece dónde quieres que esté tu navegación (inicio, programación, formación, etc). Recomiendo a lo largo del lado izquierdo.

A menos que tenga contenido dedicado especial que desee distinguir, no necesita tantas columnas como necesita.

Siga con un diseño de 2 columnas: la columna izquierda para la navegación, la columna derecha para el contenido del encabezado/cuerpo.

Puede fusionar el contenido que se encuentra actualmente en la columna inferior derecha (p. ej., Brindamos capacitación integral[...]) con el encabezado como subtítulo para dar contexto a cada sección.

Puede tomar lo que está actualmente en la columna izquierda y reemplazarlo con el cuadro de navegación, actualmente en la columna superior derecha. Asegúrese de diseñarlo de modo que sea un enlace por fila para que un visitante pueda distinguir fácilmente cada enlace. Actualmente, el cuadro de navegación parece una especie de decoración. En cuanto al contenido que no está en la columna de la izquierda, puede agregarlo al cuerpo del texto, como una introducción a lo que quiere hablar en esa sección (al igual que para el encabezado, pero antes de todo el cuerpo del texto).

Intente trabajar con capas div en lugar de tablas estáticas, le brinda mucha más flexibilidad en términos de formato.

Identifique su resolución de pantalla ideal y luego utilícela para ver con cuánto espacio tiene para trabajar.