Estás leyendo la publicación: 21 diseños de sitios web móviles más inspiradores y mejores
Los sitios web optimizados para dispositivos móviles se están volviendo más importantes que nunca. Lo hemos escuchado muchas veces: optimice su sitio web para dispositivos móviles o corre el riesgo de perder una gran parte del tráfico móvil.
Con Actualización mobilegeddon de Googlelos efectos son aún más prominentes ya que la búsqueda móvil ahora toma la compatibilidad de un sitio web con dispositivos móviles como un factor de clasificación.
Si es la primera vez que escuchas este consejo y aún no has optimizado tu sitio web para dispositivos móviles, no te preocupes, tenemos una guía completa para crear un sitio web optimizado para dispositivos móviles que puedes desbloquear aquí.
Para inspirarte con el mejor diseño de sitios web móviles, aquí tienes una lista de 20 hermosos sitios web optimizados para dispositivos móviles.
21 de los ejemplos más bellos de sitios web optimizados para dispositivos móviles
Paquete de SEO
1) Nube BiQ
Nube BiQ ¡Es la última herramienta revolucionaria de SEO que aboga por la democratización de los precios! Esto significa que, en lugar de estar limitado por una suscripción mensual de alto costo, usted “¡Pague sólo por las funciones de SEO que utilice!”
Por qué es hermoso y compatible con dispositivos móviles:
• La elección y el tamaño de la fuente son fáciles de leer en pantallas móviles pequeñas
• Los botones tienen tamaños perfectos para dispositivos táctiles
• Imágenes y copias claras
• Buena cantidad de espacios en blanco
• CTA claras y obvias
• Buen uso de colores de acento
Automotor
1) Motores Tesla
tesla ha estado a la vanguardia de la industria automotriz (IMO) y es bueno saber que su sitio web no sugiere lo contrario.
Por qué es hermoso y compatible con dispositivos móviles:
• La elección y el tamaño de la fuente son fáciles de leer en pantallas móviles pequeñas.
• Los botones tienen el tamaño adecuado para dispositivos táctiles.
• La dirección de arte de las imágenes se adapta al diseño del sitio web.
• Buena cantidad de espacio en blanco.
• CTA claros y obvios.
• Buen uso de colores de acento.
Clasificación de Alexa: 1, 769
Negocio
2) Negocio Bloomberg
Bloomberg es sinónimo de negocios y probablemente esperaría de ellos un sitio web aburrido y convencional. Sin embargo, su sitio web recientemente rediseñado y renovado es hermoso pero práctico.
Por qué es hermoso y compatible con dispositivos móviles:
Bloomberg añadió mucho entusiasmo a su diseño convencional con una buena dosis de colores brillantes y fuertes. El llamativo azul aplicado a una fuente convencional similar a la Helvética aporta un toque de frescura a su diseño rígido.
También se utilizan otros colores llamativos en todo el sitio web para diferenciar las noticias de diferentes categorías. En general, gran uso de colores.
Clasificación de Alexa: 334
Ordenadores
3) CorreoChimp
CorreoChimp es una empresa que brinda servicio de marketing por correo electrónico. Una de las razones de su éxito es el excelente diseño de su sitio web y sus plantillas de correo electrónico.
Por qué es hermoso y compatible con dispositivos móviles:
Buen flujo de información, diciendo lo que necesita saber de una manera fácilmente comprensible y divertida.
Las opciones para ampliar una tarjeta para saber más sobre cada función son una muy buena idea, especialmente en dispositivos móviles donde el espacio de píxeles es limitado. UI/UX juega un papel en SEO también, por lo que hay que considerarlo.
Clasificación de Alexa: 457
4)Microsoft
microsoft es el gigante cuando se trata de computadoras. Son los mayores fabricantes de software y es justo decir que han pensado mucho en interfaz de usuario (UI) y experiencia de usuario (UX) para su sitio web móvil. Su diseño plano y diseños de estilo de tarjeta de su software se importan a su diseño web como se muestra a continuación.
Por qué es hermoso y compatible con dispositivos móviles:
En caso de que no lo hayas notado, la mayoría de los sitios web que se muestran aquí utilizan diseño plano y diseño con estilo de tarjeta. Es la última tendencia en diseño web y también es una de las más importantes.
Microsoft fue una de las grandes empresas de tecnología que inició esta tendencia y ahora casi todo el mundo está haciendo lo mismo. La razón por la que el diseño plano y los diseños con estilo de tarjeta son tan populares es que se adaptan mucho mejor a las pantallas móviles pequeñas.
Clasificación de Alexa: 31
Diseño
5) Abduzeedo
Abduzeedo es un blog sobre diseño.
Hay todo tipo de artículos para quienes quieran buscar inspiración para el diseño. También encontrarás aquí tutoriales muy útiles para las aplicaciones más utilizadas, con una selección especial de Tutoriales de Photoshop e Illustrator.
Por qué es hermoso y compatible con dispositivos móviles:
El elegante diseño de este sitio web móvil definitivamente hace honor a que su marca sea una comunidad para diseñadores y similares.
Clasificación de Alexa: 40, 030
Educación
6) Diccionario Oxford
En caso de que no tengas una aplicación de diccionario en tu teléfono y necesites buscar el significado de una palabra difícil, hay muchos sitios web a los que puedes acudir, como Merriam-webster, Collins o Cambridge Dictionary. Sin embargo, mi recomendación sería el diccionario Oxford sólo porque está ligeramente mejor diseñado para dispositivos móviles.
Por qué es hermoso y compatible con dispositivos móviles:
Obtener la definición de una palabra es muy sencillo con el diccionario de Oxford. Todo el conocimiento adicional presentado en la parte inferior de la página móvil también es lo suficientemente interesante como para mantenerte en la página para aprender más.
Incluso hay una prueba de idioma donde puedes evaluar tu dominio del inglés y ejercitar un poco tu cerebro. Estas son excelentes formas de mantener al público en su página y mejorar su puntuación de SEO.
Clasificación de Alexa: 3.067
Moda
7) Nike
Cuando se trata de diseño, Nike nunca deja de impresionar.
Por qué es hermoso y compatible con dispositivos móviles:
Nike dejó que su producto hablara más a través de imágenes brillantes. Combínalos con una copia increíble y recibirás un mensaje poderoso que grita “¡Cómprame!”
Una cosa que es única del sitio web móvil de Nike es que, para colocar dos imágenes de zapatos en una fila, voltearon las fotos de sus zapatos verticalmente para que quepan mejor en el espacio estrecho de la pantalla de un móvil. Yo llamo a eso innovador.
Clasificación de Alexa: 464
8) Sin hilos
Sin hilos es una tienda de camisetas gráficas de colaboración colectiva. Todos sus diseños de camisetas son colaborativos y elegidos por el público. Se imprimirán y venderán los diseños con los mejores puntajes votados por el público.
Por qué es hermoso y compatible con dispositivos móviles:
Threadless confía mucho en los comentarios de su comunidad. Cuanto más participe la comunidad enviando diseños, votando y puntuando diseños, mejores serán sus productos.
Los diseños de votación y puntuación son realmente fáciles con su página de votación de desplazamiento interminable. Puede perder fácilmente la noción del tiempo puntuando diseño tras diseño en su sitio web móvil.
Clasificación de Alexa: 14,745
Juegos
9) Pokémon
La mayoría de los sitios web de juegos tienen gráficos exagerados y animaciones llamativas en sus páginas de destino, que son excelentes en el escritorio, pero no tanto en los sitios web móviles. Las imágenes animadas tienen un tamaño de archivo pesado y no se pueden escalar fácilmente, por lo que no son adecuadas para dispositivos móviles.
Por qué es hermoso y compatible con dispositivos móviles:
Pokémon es uno de los favoritos entre la mayoría de las personas y su sitio web móvil también funciona muy bien en dispositivos del tamaño de la palma de la mano.
La sección Pokémon destacados es fácil de navegar, ya que puedes deslizar cada tarjeta horizontalmente para revelar otros Pokémon.
Clasificación de Alexa: 6, 144
Salud
10) Vigilantes Del Peso
Controlador de peso es una empresa que ofrece diversos productos y servicios para ayudar a la pérdida y mantenimiento del peso.
Por qué es hermoso y compatible con dispositivos móviles:
Cada pliegue de su sitio web móvil está claramente definido con fondos lisos o de colores. Los titulares son grandes y claros, definitivamente es un placer leerlos en todas las pantallas pequeñas de los móviles.
Clasificación de Alexa: 4.143
Hogar
11) Terapia De Apartamento
Terapia de apartamento es una revista de diseño de interiores.
Por qué es hermoso y compatible con dispositivos móviles:
El diseño web de Apartment Therapy es tan hermoso como sus inspiraciones para el diseño de interiores. Limpio y espacioso.
Su elección de utilizar una fuente serif también es excelente, ya que se complementa bien con todo el diseño y hace que su sitio web móvil luzca elegante.
Clasificación de Alexa: 2,119
Niños y adolescentes
12) Lego
Lego es el juguete más popular del mundo que disfrutan tanto niños como adultos. Al tener dos grupos de edad como público objetivo, deben lograr un equilibrio para atraer a ambos.
Por qué es hermoso y compatible con dispositivos móviles:
Entre los 20 sitios web móviles que aparecen aquí, Lego es el único sitio web que presenta sombras paralelas. Si pudieran ser suaves con las sombras paralelas, su sitio web se vería menos ocupado y más limpio. Aparte de las sombras paralelas, Lego no decepciona por su diseño divertido y vibrante.
Clasificación de Alexa: 1.289
Revista
13) Compañía Rápida
Fast Company es la que habla de negocios, diseño, ideas y hasta culturas. Inspiran a una nueva generación de líderes de pensamiento innovadores y creativos que están inventando activamente el futuro de los negocios.
Por qué es hermoso y compatible con dispositivos móviles:
Su sitio móvil presenta imágenes de ancho completo con titulares debajo. Diseño sencillo, limpio y eficaz. Sin tonterías, tal como les gusta a los lectores.
La fuente utilizada para los titulares es más delgada en comparación con la versión de escritorio; además, los titulares solo están en mayúscula en la primera letra de cada palabra en lugar de cada palabra en la versión de escritorio. Estos ajustes para su sitio web móvil permiten que quepan más palabras en cada línea y reducen en gran medida el espacio necesario mientras mantienen el sitio web limpio.
Clasificación de Alexa: 2.533
Música
14) MTV
Todo el mundo sabe que a MTV le encanta utilizar colores vibrantes y psicodélicos que resuenan con su marca. Afortunadamente, estos colores se mantienen al mínimo en aras de un buen diseño.
Por qué es hermoso y compatible con dispositivos móviles:
MTV es muy popular entre los adolescentes y es fácil ver por qué a través de su sitio móvil. Sus titulares son muy cortos; de hecho, la mayoría de las veces son solo palabras clave aleatorias + palabras clave aleatorias. Ni siquiera se molestan en escribir los titulares con mayúscula, porque así es como los adolescentes envían mensajes de texto a sus amigos.
Clasificación de Alexa: 4.143
Noticias
15) Machacable
Mashable es una fuente de noticias para el público más joven y, como puede ver, sus titulares y diseño están diseñados para atraer a su público objetivo.
Por qué es hermoso y compatible con dispositivos móviles:
Cuando se trata de noticias para jóvenes, compartirlas en redes sociales es un indicador importante de si vale la pena leer la noticia o no. Mashable lo hizo bien al mostrar las acciones junto con los titulares.
El desplazamiento sin fin significa que puedes buscar fácilmente noticias tras permanecer en su página móvil durante mucho más tiempo del que deberías.
Clasificación de Alexa: 278
Recreación
16) Airbnb
Airbnb es un sitio web que permite a las personas publicar, encontrar y alquilar alojamiento. Los fundadores de Airbnb son graduados en diseño y, por el aspecto de su sitio web, es obvio que han puesto mucho énfasis en la interfaz de usuario y la experiencia del usuario.
Por qué es hermoso y compatible con dispositivos móviles:
Airbnb es inteligente al utilizar grandes pliegues para acomodar fotografías atractivas de destinos de viaje para fomentar el interés. Para un sitio web móvil que tiene tantas funciones y es tan complicado, usar Airbnb es sorprendentemente fácil e intuitivo.
Clasificación de Alexa: 315
Ciencia
17) Ciencia popular
Ciencia popular es una revista mensual de temas relacionados con la ciencia y la tecnología. Su sitio web móvil es un gran ejemplo de bueno Diseño web optimizado para dispositivos móviles.
Por qué es hermoso y compatible con dispositivos móviles:
Me encanta cómo acentúan las noticias destacadas con un fondo rojo brillante como título. La mayoría de las revistas han pasado a utilizar diseños de tarjetas para cada artículo, pero no Popular Science. Cada artículo está separado por una sutil línea de puntos, pero es tan bueno como tener tarjetas.
Clasificación de Alexa: 5.197
Compras
18) Etsy
Etsy es un sitio web de comercio electrónico entre pares centrado en artículos y suministros hechos a mano o antiguos, así como en artículos únicos fabricados en fábrica.
Por qué es hermoso y compatible con dispositivos móviles:
El sitio web móvil de Etsy es hermoso con sus colores en tonos terrosos. Si le gustan las cosas antiguas y hechas a mano, tenga en cuenta que se verá obligado a gastar muchos dólares innecesarios aquí en artículos elegidos por sus editores o artículos recomendados para usted.
Clasificación de Alexa: 144
19) Sociedad6
Sociedad6 es una tienda de igual a igual para que los artistas vendan sus obras de arte.
Por qué es hermoso y compatible con dispositivos móviles:
Comprar en Society6 es realmente fácil con todos los filtros que proporciona. Comprar cosas bonitas también es fácil, ya que incluyen productos bellamente diseñados que gustan o compran más a otros consumidores. Buena estrategia comercial para vendernos más productos.
Clasificación de Alexa: 4.492
Deportes
20) Strava
Strava es como una red social para corredores y ciclistas donde pueden iniciar sesión donde han corrido o andado en bicicleta.
Por qué es hermoso y compatible con dispositivos móviles:
Al combinar imágenes completas con un diseño estilo tarjeta, su sitio web móvil nunca es aburrido y siempre es efectivo.
Clasificación de Alexa: 1.441
Así que esos son 20 de los más bellos. ejemplos de sitios web optimizados para dispositivos móviles.
Avíseme si tiene algún diseño de sitio web móvil mejor.
Esta publicación fue escrita originalmente por Zhi Yuan y publicada el 5 de octubre de 2015. Se actualizó por última vez el 18 de mayo de 2020.
Enlaces relacionados:
Winnie es una aspirante a redactora publicitaria y comercializadora de Internet en el vasto mundo del marketing digital. Ella es tan curiosa como puede ser; Buscando constantemente respuestas a sus preguntas, nunca diciendo no a nuevas experiencias. Cuando no está escribiendo, está en casa manteniéndose al día con su interminable maratón de películas y libros.
