29

10

Ejemplos para inspirarse (II)

Como dije hace un par de semanas, intentaré daros ejemplos para poderos inspirar, de distintas temáticas o estilos (el anterior artículo era sobre páginas web con diseños basados en el papel).
En este artículo os muestro como hacer webs con grandes imágenes de fondo que destaquen sobre todo, sin perder una buena integración con la página o el texto.

Meeta Pet

Esta web esta dedicada a la adopción de animales, para darles una oportunidad de tener una familia.
El diseño es muy ligero, pero la imagen del perro destaca ante lo demás, llamándonos primero nuestra atención (cosa que es muy positiva cuando queremos que una persona piense: "

que perro más bonito, me gustaría tener uno", y posteriormente se decida), lo que hace que al pequeño formulario para que contacten con nosotros quede un poco en segundo plano, pero es más importante que el visitante quiera "el producto" (por llamarlo de alguna forma, y teniendo en cuenta que se podría hacer de la misma forma con un producto comercial).

Protect our Waves

Está página web quiere pedir firmas para que mejoren las playas del Reino Unido, que están llenándose de basuras procedentes de los alcantarillados por el mal tratamiento que se hace con ellas. Y este diseño, a diferencia del anterior, no quiere llamar la atención de un sola imagen, sino que todo el fondo de la parte superior de la web tiene una imagen de un mar nublado con tablas de surf, lo que te da la sensación de "estar ahí" (digamos que a través de una ventana), lo que al igual que con la imagen del perro te enseña el "beneficio", en el caso anterior era las cosas positivas que te aporta un perro y en el caso de la imagen del mar te hace pensar en un día en la playa, viendo como surfea la gente o como tu mismo surfeas.

Pine Trail

Y por último esta web te ofrece aventuras con tu bici de montaña o de BMX por distintos bosques. Este tercer diseño es similar al segundo, te intentan transmitir que estas en un bosque, y que puedes correr con tu bici entre los árboles.
En este caso la imagen está emborronada, que es un recurso muy bueno por el que podemos optar para darle también protagonismo a lo que hay encima.

Resumen

Como habéis podido comprobar en los tres ejemplos hay una imagen que te hace entrar en el contexto para llegar al propósito de la web, sea cual sea.
En el primero intentan que sientas que tienes un perro y que te den ganas de tenerlo y en la segunda y la tercera te hacen estar en el sitio donde se oferta el producto (las rutas en bici) o en el mar que quieren que mejoren con una recogida de firmas.