Que te ofrecemos en este blog?

En este blog encontraras un tutorial de como diseñar una web. Centrándonos sobre todo en como vamos a mostrar nuestro producto o servicio, para que resulte atractivo a nuestros potenciales clientes.

Tocaremos todos los palos, programas, posicionamiento, etc. pero repito nos centraremos en diseñar una web no en hacerla. Esto significa que estudiaremos cada detalle incluso las zonas calientes para poder comunicar nuestra idea y que el receptor la entienda perfectamente.

Unos pequeños consejos

1.- Escapa de las tediosas y aburridas presentaciones tus visitantes agradecerán algún efecto, pero no les hagas perder el tiempo con animaciones de más de 3 segundos. Si decides hacer alguna presentación
mejor que un botón saltar presentación, que aparezca ya el menú para que tu visitante pueda navegar por tu Sitio sin esperas.

2.- Olvidate de la música en el 90% de los casos molesta al visitante, si decides incluirla en vez de un botón de apagarla, pon un botón para encenderla. (Además de otros problemas de carga que se riñen con el posicionamiento)

3.- Esto es muy importante, que el diseño no este reñido con la fácil navegación, no ocultes menús, en fotos, etc. y que el menú sea muy claro y visible.

4.- En portales, o sitios grandes y de complejos menús no te cortes en duplicar botones, pónselo fácil a tu visitante.

En resumen "que los arboles dejen ver el bosque" es decir que el diseño no entoperzca la comunicación. 

Estructura de una Página

Lo primero que debemos hacer, antes de comenzar a crear una página es plantarnos ante un papel y dibujar el organigrama.
Empezando por la página principal y derivando todas sus subpaginas.

Esto es lo mas importante el esqueleto del sitio. Atención el sitio. Me refiero al sitio web que se compone de varias páginas web. Cada apartado nuevo sera una página de nuestro sitio web.

Creando el diseño

Yo os recomiendo que hagáis el diseño en un programa tipo frehan, o illustrator ya que es mas fácil ir moviendo los elementos para conseguir un diseño equilibrado y atractivo.

 

Ya que  posteriormente cuando empecemos a montar la pagina sea flash, html, etc. será mas complicado diseñar en estos soportes.

Elementos de la página principal

Es importante cuidar el diseño de nuestra página principal ya que si no esta claro lo que intentamos comunicar, es posible que el visitante entre y se vaya sin navegar en nuestro sitio web. (esto se llama porcentaje rebote)

Elementos principales de nuestro diseño web
1.-  Logo, marca (imagen de empresa)
2.-  Botonera Principal
3.-  Slogan definiendo el contenido de la página
4.-  Cuerpo de texto (texto más amplio definiendo nuestro producto o servicio)
5.-  Dirección y teléfono de contacto.

Todos estos puntos los veremos uno a uno posteriormente.

1.- El logo o marca

En innumerables ocasiones, me he encontrado con clientes que en un anuncio publicitario pequeño me piden que el logo sea lo que más destaque.
No esta mal la idea, pero analizando el tema desde un punto de vista publicitario, tenemos que tener clara una cosa EL OBJETIVO.  Si nuestro objetivo es hacer marca (Branding) si es algo positivo. Pero si lo que intentamos es promocionar, un producto o servicio, la marca seria algo secundario. Además si hablamos de empresa medianas o pequeñas deconocidas para la mayoria del puúblico, la marca siempre es algo secundario, lo principal es intentar enganchar al cliente potencial, mostrando las maravillosas cualidades de nuestro producto.

En resumen
El logo visible, que destaque lo justo en el margen superior izquierdo.

Nota a tener en cuenta:
El logo en muchas ocasiones es el que marca el diseño de nuestra web.
Con un mal logo es posible que salga un mal diseño, así que no tengáis reparos en decirle al cliente que le de un cambio total o un reestilo a la imagen de su empresa.
En ocasiones personales, he tenido clientes con un logo tan pésimo, que le he regalado un logo, permitiendo así hacer un diseño mas atractivo de su web.

2.- Botonera principal

No te complique con la botonera si no es necesario. Como ejemplo te pongo una sencilla. Las botoneras demasiado complicadas tienen muchos problemas. Piensa cuando la diseñes en el punto más importante. Que en un segundo puedas eliminar o añadir un botón (RECUERDA EL PUNTO MAS IMPORTANTE) He llegado ha hacer botoneras que para añadir o quitar un botón se necesita media hora. ejemplo 
Los botones deben ser claros localizables y su texto defina perfectamente el contenido al que te lleva. (esto no es siempre fácil, ya que hay que sintetizar todo el contenido en una palabra o como máximo dos.

Las botoneras sencillas también pueden ser complicadas, en el siguiente ejemplo os pongo una botonera en HTML actualizable por el cliente que para conseguir que todos los subapartados se visualicen una vez abiertos, realmente fue algo complicado. 

En ocasiones os encontrareis con trabajos que se complican, pero si lo que pretendeís es que los visitantes tengan facilidad a la hora de accecer a los apartados de vuestras páginas, lo mejor es empatizar con el visitante y facilitarle la navegación.

3.- Slogan definiendo el contenido de la página

No se si estaís familiarizados con el término "Porcentaje Rebote"? os esplicaré que es.
El "Porcentaje Rebote" es un parámetro que nos ofrece entre otros Google Analitic (Contador de visitas)
y nos indica si los que encuentran nuestra web se quedan o se van directamente, sin navegar por ella.
Un porcentaje rebote alto es como no tener visitas y puede ser por varios factores.
Que realmente no sea lo que el visitante este buscando, o que no le atraiga lo que le ofrecemos.

Para evitar que nuestro porcentaje rebote sea alto, existen varias fórmulas. Un titular o Slogan definiendo el contenido de la página, hará de nuestro sitio algo más atractivo.

El Slogan debe ser corto, contundente y explicativo. Existen estudios que dicen que un buen slogan vale mas que mil imágenes.  Echar un vistazo al punto uno de este enlace.  (un articulo muy interesante os lo recomiendo por segunda vez)

Aqui os dejo un slogan que creamos para una pagina web de La Coruña

4.- Cuerpo de texto

Que lio.
Pues eso Que lio. Como experto en comunicación te diría que lo bueno si breve dos veces breve, pero aqui nos peleamos con el señor google. A google le gustan las páginas llenas de contenido e incluso el posicionamiento es  mejor si una pagina tiene mas de 500 caracteres. Entonces mi consejo:
Escribe con claridad y pulcritud pero utiliza titulares y negritas para indicar a los lectores el resumen del contenido. Además estas negritas te ayudaran en el posicionamiento de tu web.