Wellaggio
  • Diseño web
  • Diseño tiendas online
  • Trabajos
  • Nosotros
    • La agencia
    • Lo que dicen de nosotros
    • Cómo lo hacemos
  • Kit digital
  • Kit Consulting
  • Contacto
Tag:

diseño

La importancia de las imágenes en el diseño de páginas web. Diseño web valencia

La importancia de las imágenes en el diseño web

by wellaggio 10 septiembre, 2015
written by wellaggio

En el diseño web, con especial referencia al mundo de las redes sociales y páginas web, las imágenes son de una importancia fundamental.

Tomemos por ejemplo una página web de un hotel. Desde el punto de vista técnico, la construcción de la estructura en sí misma no es tan complicado (sólo se basan en los profesionales ), Pero la dificultad viene cuando tienes que elegir las imágenes que sean capaces de comunicar al visitante en un momento esas sensaciones con el efecto«WOW».

En comparación con un texto, el cerebro humano percibe imágenes sobre 60.000 veces más rápido, casi el 90% de la información que se transmite al cerebro son visuales (de hecho en las imágenes de la red social y los videos son los que consideran más virales).

Si la imagen te impacta, es mucho más probable que prestes atención al resto del contenido, te informes de los mensajes y posteriormente hagas click en alguno de los enlaces que pueda tener el texto.

Así, por un lado el contenido textual de una página web debe estar bien equilibrado con las «palabras clave» correctas, bien formada, con títulos significativos, etc., por el otro es absolutamente imprescindible el apoyo para el diseño web de imágenes con calidad, impactantes y visualmente atractivas.

habitaciones de hotel foto

La importancia de contar con buenas imágenes también afecta a su capacidad para conseguir conversiones, de hecho, en un estudio realizado por Trivago en 2014 se estimó que una estructura con más de 20 fotos tiene un 29% más de probabilidades de ser clickado mientras que se reduce a 10% con una serie de fotos de menos de 10.

De ello se desprende que el sitio (siempre «mobile friendly» eh!) Debe construirse adecuadamente para dar cabida a:

  • fotos grandes (se recomienda al menos 2000px, escala apropiada para el móvil), sobre todo en la página principal, la llamada imagen «héroe», que debe golpear el visitante de inmediato;
  • una galería que muestre las diversas áreas del negocio, por lo menos 20 fotos;

Otro aspecto a tener en cuenta es la calidad técnica de las imágenes. La diferencia entre las imágenes de aficionados tomadas con un teléfono, tableta, por el nieto o con cámaras digitales no profesionales es obvia, por lo que es importante que estas imágenes desprendan una calidad profesional. Es posible, que un usuario, en una primera vista, no sea capaz de juzgar la calidad de las imágenes. Sin embargo a un nivel más subconsciente, está valorando no sólo la calidad de las imágenes, sino la calidad de los contenidos y la credibilidad de nuestra empresa . Se trata de la buena reputación!

Imágenes para diseño de páginas web: consejos prácticos

Algunos consejos técnicos  que deben observarse:

  • Mejor si las imágenes tienen tonos cálidos tonos de color en lugar de fríos.
  • Los escenarios deben estar suficiente y adecuadamente iluminados (una iluminación adecuada hace que una habitación sea más atractiva, por ejemplo)
  • Las imágenes deben ser brillantes con detalles nítidos.
  • No utilices ni imágenes borrosas ni tomadas con teléfonos móviles
  • Adopta la resolución adecuada y el peso de las imágenes, teniendo en cuenta los diferentes dispositivos móviles que verán la página web.

foto-hotel-habitaciones

Es obvio que hay muchos más aspectos a tener en cuenta, y también hay que considerar que existe un límite objetivo: la «materia prima» de la que podemos sacar fotos. Incluso en este caso Photoshop puede ayudar mucho …

Y ¿qué te parece? ¿Las imágenes son importantes, o juegan un papel marginal en la comunicación online? Wellaggio diseño web Low Cost Valencia.

6,9K views
ThreadsBluesky
Páginas 404. Diseño web valencia

Diseños web de páginas web 404 de error. Buenos ejemplos

by wellaggio 6 julio, 2015
written by wellaggio

Algunos ejemplos de diseños web de  página 404 que utilizan la creatividad.

1. Apartment Home Living

pagina-web-error

 

Tropieza en el error 404 cuando intenta algo que no existe. Jugaron al respecto en la página web Apartment Home Living mostrando una oveja en el baño y la frase «Usted está buscando algo que actualmente no existe.». Excelente diseño web.

 

2. Yowza!

pagina-web-error-2

 

 

Juegan para el 404 que genera un enlace llamado los «muertos» getyowza.com. El disco está muerto, así como la página web que intentó.

3. Marcos Kremers

pagina-web-error-3

 

 

Disfrutaba Marc Kremers con un 404 hecho de un baile del gato de la música.

4. Progetty Estudio

pagina-web-error-4

 

La nave desapareció como en el clásico juego de arcade.

5. Weareo3

pagina-web-error-5

pagina-web-error-5

 

Buen diseño web para la página de error 404 de Weareo3 se llamaba el cartón de leche, que se utiliza en Estados Unidos en las apelaciones buscar personas scompsarse. La Junta notificará al usuario que perdió un botón y lo invita a ir a casa.

6.   Bigwig Monster Medios

pagina-web-error-6

pagina-web-error-6

 

Página de error 404 con el usuario suplantado en una isla desierta pequeña y el texto «¿dónde vas?»

5,9K views
ThreadsBluesky

Busca un contenido que te interese

Suscríbete y recibe nuestra newsletter con contenidos de marketing online

[wpforms id=»27085″ title=»false»]

Categorías

  • Analítica
  • Diseño web
  • Marketing online
  • Proyectos diseno web
  • Publicidad online
  • SEO
  • Social media
  • Tutoriales

Últimos artículos

  • Diseño web: claves para crear una página efectiva y atractiva

    28 noviembre, 2023
  • Importancia del uso del color en el diseño web

    10 diciembre, 2022
  • Behance, Dribbble y otras plataformas clave del sector

    3 diciembre, 2022
  • Tik Tok VS. Instagram: Cuál te conviene en cada caso

    25 noviembre, 2022
  • Black Friday y Cyber Monday: Estrategias que no pueden faltar

    17 noviembre, 2022
  • Facebook
  • Instagram
  • Youtube
  • Email

CONTACTO | BLOG | TUTORIALES


©2025 Wellaggio Diseño web.

Los nombres, marcas comerciales, logotipos y símbolos son marcas comerciales propiedad de sus respectivas compañías.

Aviso legal. El uso de este sitio web constituye la aceptación de la Política de Privacidad.
Política de Cookies.


Neto Estudio Creativo, S.L. ha sido beneficiaria del Fondo Europeo de Desarrollo Regional cuyo objetivo es mejorar la competitividad de las Pymes y gracias al cual ha puesto en marcha un Plan de Marketing Digital Internacional con el objetivo de mejorar su posicionamiento online en mercados exteriores durante el año 2022. Para ello ha contado con el apoyo del Programa XPANDE DIGITAL de la Cámara de Comercio de Valencia.


Back To Top

Utilizamos cookies para ofrecerte la mejor experiencia en nuestra web.

Puedes aprender más sobre qué cookies utilizamos o desactivarlas en los .

Wellaggio
  • Diseño web
  • Diseño tiendas online
  • Trabajos
  • Nosotros
    • La agencia
    • Lo que dicen de nosotros
    • Cómo lo hacemos
  • Kit digital
  • Kit Consulting
  • Contacto
Wellaggio
  • Diseño web
  • Diseño tiendas online
  • Trabajos
  • Nosotros
    • La agencia
    • Lo que dicen de nosotros
    • Cómo lo hacemos
  • Kit digital
  • Kit Consulting
  • Contacto

CONTACTO | BLOG | TUTORIALES


©2025 Wellaggio Diseño web.

Los nombres, marcas comerciales, logotipos y símbolos son marcas comerciales propiedad de sus respectivas compañías.

Aviso legal. El uso de este sitio web constituye la aceptación de la Política de Privacidad.
Política de Cookies.


Neto Estudio Creativo, S.L. ha sido beneficiaria del Fondo Europeo de Desarrollo Regional cuyo objetivo es mejorar la competitividad de las Pymes y gracias al cual ha puesto en marcha un Plan de Marketing Digital Internacional con el objetivo de mejorar su posicionamiento online en mercados exteriores durante el año 2022. Para ello ha contado con el apoyo del Programa XPANDE DIGITAL de la Cámara de Comercio de Valencia.

logo-footer Wellaggio diseño web Valencia
Powered by  GDPR Cookie Compliance
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Política de cookies

Más información sobre nuestra política de cookies