Diseño web corporativo: 10 pautas para estructurar con éxito tu página web

No Comments

Diseño web corporativo: claves para una estructura que de resultados

Descubre las claves para que tu diseño web corporativo de buenos resultados

Estructurar un diseño web corporativo es uno de los pasos más importantes antes de comenzar cualquier proyecto web. Durante los 15 años que llevamos en Indosmedia realizando proyectos web hemos visto demasiadas veces que el resultado final no es el adecuado por falta de una buena estructura.

Antes de ver las 10 pautas que os vendrán genial para tener una estructura perfecta en cualquier diseño web tenemos que desmigar dos conceptos importantes. ¿A qué nos referimos con la estructura en un diseño web? ¿Qué es un diseño web corporativo?

La estructura en el diseño web corporativo

La estructura en un diseño web hace referencia a qué secciones va a tener, cómo las vamos a mostrar, de qué forma y cómo se va a mostrar. Todas estas pautas son las que hacen referencia a una estructura web. Muy relacionado con el UX (User eXperience) y cómo poder mejorar esta faceta tan importante para que la información que hay en mi web se encuentre de forma sencilla y rápida.

Por su parte, en cuanto al diseño web corporativo, toda empresa debe tener como mínimo una web o una serie de secciones online dónde explicar qué realiza, quién es, dónde están y cualquier dato que pueda incrementar la credibilidad y confiabilidad hacia sus posibles futuros clientes o futuras empresas que quieran colaborar o contratar sus productos o servicios.

¿Por dónde empezar a estructurar un diseño web corporativo perfecto?

Los primeros pasos a la hora de poder comenzar a estructurar un diseño web corporativo son los más importantes. Nosotros solemos dividirlo en 2 partes:

  • Revisión de las webs más importantes de la competencia: revisando por cercanía o por referencia en el sector cómo tienen estructuradas sus webs, qué tipo de información muestran, de qué forma lo hacen, y vamos puliendo así todos los datos para mostrar en la siguiente parte.
  • Reunión de lanzamiento con el cliente: aquí es donde le exponemos lo que hemos podido ver en las webs de la competencia y realizamos tres preguntas cruciales para tomar las primeras decisiones:
    • ¿De qué se siente más orgulloso de su empresa?
    • ¿Qué objetivos pretende alcanzar con la información que se mostrará en la página web?
    • ¿Qué le diferencia respecto a cualquier competidor?

La primera parte es más de investigación, pero en la gran mayoría de los casos te permite conocer qué mejoras le puedes ofrecer a tu cliente en la reunión de lanzamiento. También te permite ir más directo y no perder tiempo en una reunión que, si no está muy bien organizada, puede alargarse durante horas.

En la segunda parte es donde se deciden qué secciones va a incluir la web, de qué forma estaría mejor mostrar esa información y los recursos que se utilizarán para el proyecto web. De las tres preguntas importantes que se hacen al cliente, las dos primeras siempre tienen respuesta, la tercera es la que a veces cuesta más. Si el cliente es capaz de indicarnos en qué se diferencia de la competencia, no importan, nuestro diseño deberá mejorar lo que ya hemos visto de la competencia y entonces sí que habrá ya algo diferenciador.

A continuación os ponemos las partes que deberían plantearse por separado a la hora de estructurar un diseño web corporativo por orden de importancia.

Página de inicio

Lógicamente, la página de inicio es la parte más importante de todas a la hora de estructurar un diseño web corporativo. No solamente porque se trata de la URL con más visitas y la de mayor notoriedad para Google de nuestra web, sino también por culpa de los accesos desde móvil. A día de hoy los accesos desde móvil superan el 70% a los accesos desde ordenador, y esto provoca que, cuando llegamos a una web, normalmente los usuarios deslizan hacia abajo con el dedo para ver la información y difícilmente se mueven mediante el menú «hamburguesa» típico.

¿Qué significa esto y en qué me debe afectar a la hora de estructurar un diseño web corporativo?

    • Que la página de inicio deberá contener más información que antes de la llegada de los móviles.
    • El orden de importancia de la información deberá ser de arriba hacia abajo.
    • Es muy importante realizar un pequeño resumen de lo que un usuario se va a encontrar en nuestra web.

No tener en cuenta este último punto es el error más común que nos encontramos a la hora de estructurar un diseño web. Es básico mostrar un resumen de los que hay en mi web y, si el usuario quiere conocer más, darle opción de ir a este contenido. Normalmente el menú típico tiene esa función que, ante la visualización en móviles, pierde esta funcionalidad.

Estructurar el diseño web corporativo responsive

Es importante jugar con el diseño para ir separando cada una de las «pre-view» de las secciones que vamos a ir mostrando. La gran mayoría de las «templates» que se utilizan hoy en día juegan con cambio de fondos, blancos por imágenes. De esta forma conseguimos enseñar de una forma muy visual que estamos mostrando otro tipo de información distinto al anterior.

Menú

El menú, como decíamos anteriormente, es el encargado de mostrarnos por orden de importancia, de izquierda a derecha, lo que un usuario se va a encontrar en nuestra web.

El menú sigue teniendo importancia en los accesos a través de ordenador, pero incluso en estos formatos se está empezando a utilizar la «hamburguesa» como si se tratara de la visualización en móvil. En nuestra web estamos utilizando ya esta tendencia.

A la hora de estructurar un diseño web corporativo debemos tener en cuenta que el menú debe visualizarse en todos los dispositivos, no solo en ordenador o móvil. También hay que revisar su visualización en tablet y en portátil, ya que en muchas ocasiones no se visualizan como nos gustaría.

Es importante destacar varios aspectos a la hora de poder decidir qué mostrar en el menú:

  • Poner nombres cortos a cada sección.
  • Intentar que no sean palabras compuestas.
  • Utilizar o no utilizar iconografía: en determinadas secciones como accesos a intranets o contactos.

¿Qué os gusta más, un menú tradicional o las tendencias actuales como menús «hamburguesa»? Esperamos vuestros comentarios más abajo.

Móvil

Si ya tenemos decidido el orden de visualización por importancia en la página de inicio y en el menú, el siguiente paso es pensar en cómo se van a encontrar en los dispositivos móviles las distintas «secciones» o partes de mi web.

Ajustar las dimensiones en el diseño web corporativo

Parece muy sencillo pero, en la gran mayoría de los casos, en los diseños responsive no se tienen en cuenta determinados elementos a la hora de mostrarse.

¿Por qué es importante? hay que recordar que cerca del 80% de los accesos a mi web se van a realizar a través de móvil, no es importante, es esencial pensar en cómo se verán los distintos elementos que conforman nuestra web. Os dejamos varios ejemplos que se entienden muy bien:

  • Si tenemos un sistema de calendario de eventos que realizamos, ¿cómo se muestra en un dispositivo móvil? ¿Es factible? ¿Y útil?
  • Un grupo de entradas, ya sean noticias o artículos, decido mostrarlas de tres en tres, o de cuatro en cuatro. ¿Serán demasiadas en móvil? ¿Es preferible que se vean de una en una en estos dispositivos?
  • El mapa de Google mostrando dónde se encuentran las oficinas, ¿cómo se visualiza en un móvil?

La decisión de estructurar un diseño web tiene que ver mucho con cómo esperamos que se vaya a comportar en pantallas verticales y pequeñas, los móviles.

Historia

Esta sección es muy importante en una web corporativa si la empresa tiene un recorrido en años. No es necesario hacer un recopilatorio año a año, pero mostrar nuestra experiencia en una sección propia que pueda llamarse como nuestra empresa, donde podemos introducir mucho texto, nos permitirá dar confianza a los nuevos clientes.

También nos permitirá potenciar distintas palabras clave que se han quedado en el tintero en la página de inicio. Además, podremos incorporar aquella información que siempre hace que el usuario pase más tiempo en nuestra web y, si conseguimos que el tiempo medio suba, nuestro amigo el señor de Google nos tratará mejor.

¿Qué información podemos agregar a esta sección de «Historia» cuando estemos realizando nuestro diseño web corporativo? Os dejamos algunas ideas:

  • Inauguración y metas iniciales del negocio. Si se acompaña con fotografías de la época es mucho más atractivo.
  • Éxitos y reconocimientos que se han obtenido durante los distintos años de trayectoria.
  • Explicación de los distintos servicios que se han ido incorporando. Será importante reforzar las palabras clave para estos servicios.
  • Premios, galardones o estándares conseguidos en el tiempo.
  • Formación y experiencia adquirida.

Si todo ello lo vamos acompañando con imágenes reales, el objetivo está conseguido: aumentar confiabilidad y tiempo en la web.

Descubre qué elementos deben aparecer sí o sí en tu web corporativa si quieres aumentar las #ventas Click to Tweet

Equipo o personal humano

Esta sección en muchos casos suele venir en el mismo apartado que el de historia en un «típico»: «Nosotros» o el antiguo «¿Quiénes somos?».

Es importante huir de las descripciones típicas de que somos los mejores, muy profesionales, qué guapos éramos, etc. Si tenemos distintos departamentos y bastante personal podemos realizar una sección individual para mostrar el personal humano de nuestra empresa.

Además al igual que la anterior sección, los objetivos que perseguimos aquí son los de dar mucha más credibilidad y cercanía, y retener el mayor tiempo posible al usuario en nuestra web.

El tipo de información que podemos dejar aquí es fácil de sacar:

  • Fotografía asociada al nombre de cada componente del equipo. Con esto, conseguimos cercanía.
  • Cargo o una pequeña descripción de su rol dentro de la empresa.
  • Enlaces a redes sociales como LinkedIn en caso de que quiera seguirse una estrategia de Employee Branding.
  • Descripción de los distintos departamentos y sus funciones.
  • Imágenes del equipo junto o realizando actividades fuera del trabajo.

Existe una gran variedad de recursos que nos permiten ganar cercanía y provocar la curiosidad de los usuarios para conseguir captar más tiempo de permanencia en nuestra web.

Servicios

Este es uno de los apartados que necesita mayor actualización junto al que veremos a continuación. En todas las empresas se van aumentando, modificando o reestructurando servicios. De ahí la importancia de esta actualización.

En la gran mayoría de los casos, nos encontramos con páginas web corporativas donde la sección de servicios suele estar igual que cuando se realizó. Es casi imposible, salvo en algún sector muy concreto, que al ritmo que avanza la tecnología no se hayan modificado o agregado servicios.

Además, aquí es muy aconsejable realizar una página por servicios. Esto nos va a permitir explicar a fondo en qué nos diferenciamos de nuestra competencia a la hora de ofrecer ese servicio. También nos va a facilitar para trabajar palabras clave que nos posicionen en las primeras posiciones de servicios determinados, ya que un posible cliente buscará en Google el servicio que necesita, ya tiene la necesidad.

También podemos relacionar nuestros servicios con parte del equipo o personal humano que veíamos anteriormente, de esta forma reforzamos el enlazado interno.

Trabajos

Seguramente, la sección que más credibilidad puede dar a los posibles clientes. Depende mucho del sector cómo mostrar estos trabajos pero, según mi opinión, esta es la parte más importante para que alguien dé el paso a llamarte si no tiene opiniones previas.

Yo personalmente me encuentro muchas páginas web corporativas que no enseñan nunca sus trabajos y pienso… ¿Cómo harán sus trabajos? ¿Serán buenos? ¿Por qué esconden sus trabajos? ¿Tendrán vergüenza de enseñarlos? y termino diciéndome que seguro es que hay algún competidor que hace mejor esos trabajos e intento encontrarlo.

Muchas veces los clientes nos dicen que así su competencia no ven sus trabajos. Pero la verdad es que si haces mejor el trabajo que tus competidores, ¿por qué no mostrarlos?

Teniendo en cuenta que tú decides qué trabajos mostrar cuando realizas tu diseño web corporativo, no hay excusas, esta sección siempre debe existir.

Ahora que ya sabemos que debe existir sí o sí esta sección nos toca pensar cómo van a lucir mucho más nuestros trabajos. Los formatos más adecuados son las imágenes y los vídeos. Dotar de fotografía hoy en día los trabajos que se realizan es una de las partes que debe contemplar cualquier empresa. Si son fotografías profesionales mejor que mejor, si no siempre contamos con «smartphone» con increíbles cámaras que nos pueden ayudar a no quedarnos sin ese reportaje tan necesario en nuestra página web corporativa.

La importancia de reflejar nuestros trabajos en nuestro diseño web corporativo

Localización y contacto

Esta es la sección que encontramos en el 99% de los casos que visitamos una web corporativa. Aunque, a día de hoy, esta función la realiza mucho mejor Google My Business con sus fichas e incorporan alguna funcionalidad más como el «cómo llegar» mediante Google Maps. Estas búsquedas nos muestran los resultados de los distintos negocios por cercanía y también nos permiten llamar directamente.

Para poder mejorar los servicios que nos aporta Google My Business podríamos incorporar varios puntos en nuestra sección:

  • Correos electrónicos de contacto.
  • Contactos telefónicos por departamento.
  • Acceso rápido a nuestras redes sociales.
  • Acceso directo a WhatsApp y Telegram.
  • Un formulario de contacto para facilitar la comunicación.

Además, hoy en día es fácil encontrarse con sistemas de contacto mediante chat en vivo. Estos sistemas permiten que en cualquier parte de la web podamos reclamar la atención de una persona o robot mediante un chat

También debemos incorporar de Google Maps para facilitar el «cómo llegar» o que nos puedan ubicar antes de visitarnos.

Contenidos actualizados

Aquí podemos encontrar una gran variedad de secciones. Desde la típica de actualidad o noticias, pasando por el blog con contenidos sobre artículos, hasta secciones de agenda o eventos que realiza la empresa.

Son secciones muy importantes para que la web corporativa tenga contenido actualizado. Los bots de Google sabrán que modificamos nuestro contenido y siempre nos favorecerá más que si no lo hacemos. 

Este tipo de secciones tienen siempre dos objetivos muy marcados:

  • Realizar distintos artículos para trabajar diferentes palabras clave en nuestra estrategia SEO.
  • Mantener a nuestros seguidores alerta a las novedades y eventos que realizamos.

Eso sí, hay que tener mucho cuidado ya que muchas veces en vez de ayudar nos perjudican y bastante. ¿Qué debemos evitar?

  • Publicar contenido muy seguido y luego dejarlo de hacer.
  • Dejar vacíos sistemas de eventos o calendarios en el tiempo.
  • Escribir mucho al principio y nada en la actualidad.

En estas secciones es mucho más importante la cadencia que la cantidad.

Espero que este post te haya sido útil para identificar qué secciones deben aparecer sí o sí en tu diseño web corporativo.

¿Tienes alguna duda? ¡Espero tu comentario!

The following two tabs change content below.
Actualmente dirigiendo ventas y liderando los proyectos web en Indosmedia. Especializado en acompañar al cliente desde el comienzo de un proyecto hasta que alcanza el éxito. Entusiasta del marketing digital y de todos los avances tecnológicos que nos hacen mejor el día a día.

    Newsletter

    Suscribir

     

     
     

    BlogsterApp te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por BlogsterApp Ambassador, S.L. (BlogsterApp) como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar el alta a esta suscripción y remitir boletines periódicos con información y oferta prospectiva de productos o servicios propios. Legitimación: Consentimiento del interesado. Como usuario e interesado te informo que los datos que nos facilitas estarán ubicados en los servidores de AgileCRM (proveedor de email marketing de BlogsterApp) fuera de la UE en  EEUU y no esta en privacy shield: no está acogido al convenio de seguridad entre UE y EEUU (Privacy Shield), por lo que no garantiza unos niveles de seguridad adecuados en la transferencia internacional de tus datos. Aunque actualmente están implementando los cambios para cumplir con el Reglamento Europeo de protección de datos (RGPD GDPR). Al cumplimentar este formulario consientes expresamente dicha transferencia internacional de datos. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no podamos atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en administracion@blogsterapp.com así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en nuestra página web: blogsterapp.com, así como consultar nuestra política de privacidad.

    Conoce a los autores de nuestro blog

     
     
    No Comments
       

      Deja un comentario

      BlogsterApp te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por BlogsterApp, S.L. (BlogsterApp) como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. Como usuario e interesado te informo que los datos que nos facilitas estarán ubicados en los servidores de Siteground (proveedor de hosting de BlogsterApp ) dentro de la UE. Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no podamos atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en administracion@blogsterapp.com así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en nuestra página web: blogsterapp.com, así como consultar nuestra política de privacidad