Home ¬Ľ Web ¬Ľ Top 5: webs con una interfaz de usuario (UI) impresionante

Top 5: webs con una interfaz de usuario (UI) impresionante

Top 5: webs con una interfaz de usuario (UI) impresionante

Tu p√°gina web es tu carta de presentaci√≥n digital. Si est√°s pensando en renovar tu p√°gina web, lo m√°s probable es que est√©s buscando un dise√Īo impactante.¬†

Por eso en Yeeply hemos seleccionado 5 webs con una interfaz de usuario (UI) sorprendente. Hablamos de las √ļltimas tendencias en dise√Īo de p√°ginas web para que encuentres inspiraci√≥n para tu nuevo proyecto.¬†

5 webs con una UI impresionante

ejemplos de disenos web
Ejemplos de UI. Fuente: Rawpixel

 

Navegar por internet es la mejor manera de encontrar inspiraci√≥n para el dise√Īo de p√°ginas web. Pero es f√°cil perderse entre la inmensidad.¬†

Si buscas algunas referencias y ver por d√≥nde se mueven los dise√Īos m√°s novedosos, puedes navegar por sitios que agrupan a los profesionales del desarrollo web. Sitios como Behance, Dribbble o Awwwards sirven de escaparate de las √ļltimas tendencias en el dise√Īo de interfaz de usuario y desarrollo web.¬†

Seleccionamos para ti 5 dise√Īos con una interfaz de usuario sorprendente. No todos los ejemplos servir√°n para todo tipo de web. Pero s√≠ que pueden darte ideas que puedes incorporar a tu proyecto de dise√Īo web. ¬ŅEst√°s listo? Comenzamos el repaso.

 

ūüĎČūüŹĽ Quiz√°s te interese | Dise√Īo Web a Medida vs Plantillas Web

 

#1 Wickret 

Wickret es una landing page para presentar un banco móvil sin comisiones y que ayuda a ahorrar de forma inteligente gracias a la implementación de inteligencia artificial (IA) y que opera en los EE.UU. Como ves, no se trata del típico ejemplo de banca tradicional, así que su web tampoco podía ser la típica.

Fondos claros y una combinaci√≥n de colores vibrantes y tonos pastel la hace atractiva. Pero m√°s all√°, sorprende el c√≠rculo del cursor que activa acciones al ir desplaz√°ndolo por la p√°gina: cambian los colores de los t√≠tulos, mueve elementos del fondo, aparecen gifs al situarlo sobre los beneficios…¬†

Los elementos de motion design hacen atractiva la navegación que, pese a ello, es simple e intuitiva, e invita a descargar la app para probar el producto.

#2 Cobo

El siguiente ejemplo de interfaz de usuario novedosa es de la empresa Cobo, líder mundial en moldeo por inyección de plástico para calzado. Si una de las principales características de la empresa es la innovación, su web no podía quedarse atrás. 

 

Ya en la home sorprende una masa en movimiento que reacciona al desplazamiento y a los clics de ratón. Pero no menos novedosa, es la navegación a través de las distintas secciones de productos. 

Las im√°genes se van acoplando seg√ļn el usuario hace scroll hasta dar forma a una zapatilla deportiva. Y tambi√©n incorpora peque√Īas animaciones al ampliar los elementos de la galer√≠a de im√°genes.

Se trata de una web pensada para impactar, que tal vez no encaje con todo tipo de negocio, pero que se asocia sin duda a la innovación y vanguardia.

 

‚≠źÔłŹ Contenido relacionado | ¬ŅCu√°nto cuesta hacer una p√°gina web?

 

#3 Collage

Collage es una tienda online de dise√Īo de producto contempor√°neo. Crea objetos originales y √ļnicos, experimentando con diferentes materiales, formas, texturas y colores: accesorios decorativos y utilitarios hasta joyas.

 

Su foco en el dise√Īo de producto, se traslada tambi√©n a su sitio web. Sus clientes est√°n acostumbrados a apreciar el dise√Īo, por lo que apuestan por una navegaci√≥n rompedora, que incorpora el movimiento a textos e im√°genes, tipograf√≠as grandes y una paleta de colores arriesgada, pero que tiene un buen contraste para ser legible.

M√°s all√° de la belleza de sus productos, con esta tienda online logran transmitir el concepto de innovaci√≥n y calidad a trav√©s de la interfaz de usuario. Una uni√≥n perfecta entre el branding y el dise√Īo web.

 

‚ö°ÔłŹ Quiz√°s te interese | Los mejores ejemplos de branding digital en empresas tecnol√≥gicas

 

#4 Discovery Land Company

Discovery Land Company se especializa en la construcci√≥n de complejos residenciales de lujo, con clubes privados y resorts en todo el mundo. El entorno es decisivo, por lo que la imagen tiene un peso muy importante en la web: v√≠deos de fondo a pantalla completa, im√°genes que se ampl√≠an al hacer clic sobre ellas…

 

Centrado en la idea de la exploraci√≥n, el cursor tradicional se transforma en una rosa de los vientos que acompa√Īa en la navegaci√≥n web. En este caso, el dise√Īo tiene una navegaci√≥n m√°s convencional, con un men√ļ superior y otro alternativo de tipo hamburguesa.¬†

Pese a ello, impactan las im√°genes que te hacen desear algunos ceros de m√°s en tu cuenta para disfrutar de una de esas casas. ¬ŅNo te parece?

#5 Rogue Studio

La mejor manera de demostrar lo disruptiva que puede ser una interfaz de usuario es crearla. Rogue Studio, especializado en branding y dise√Īo digital, tiene una web rompedora con lo tradicional.¬†

 

Fondo negro, tipografías muy grandes que incorporan movimiento con el scroll, y un movimiento distinto (clic y mantener presionado) para cargar una nueva sección. 

Un men√ļ vertical a la izquierda, tipograf√≠as que giran seg√ļn hacemos un scroll horizontal para pasar de secci√≥n y el uso de colores distintos para marcar la diferencia entre proyectos distintos, son s√≥lo algunas de las se√Īas de identidad.¬†

 

Marcas asociadas a la innovaci√≥n o empresas en las que la creatividad es una se√Īa de identidad, pueden apostar por webs de este tipo de interfaz de usuario.

 

Tendencias en la interfaz de usuario 

Ahora que hemos visto varios ejemplos del uso de interfaces de usuario novedosas, veamos algunos puntos en com√ļn que hoy en d√≠a son tendencia:

  1. Protagonismo de la tipografía. La mezcla de letras sin serif con otras con serifa en titulares es ya un must. También se ven las tipografías contorneadas, (outline), que se rellenan al pasar el cursor por encima, es otro de los recursos que comienzan a verse con mayor frecuencia.
  2. Minimalismo. Nunca se fue, pero cada vez se tiende m√°s a contar m√°s con menos, apostar por webs m√°s sencillas en la que las im√°genes ganen protagonismo.
  3. Motion design. Microinteracciones y animaciones del contenido buscan sorprender al usuario y aumentar el engagement con la web.
  4. Efecto l√≠quido y fluido. Bien a trav√©s del movimiento en 3D, como en el ejemplo de la portada de Cobo, o a trav√©s de elementos que simulan manchas de l√≠quido, son algunas de las tendencias que se ven en el dise√Īo de interfaz de usuario actual.¬†

 

¬ŅPreparado para crear una interfaz de usuario TOP?

Ya ves que en el dise√Īo de p√°ginas web sigue en constante evoluci√≥n y siempre hay desarrolladores que consiguen dejarnos con la boca abierta. Si t√ļ tambi√©n quieres una web con una interfaz de usuario impresionante cuenta con Yeeply.

Contamos con los mejores profesionales certificados, con experiencia en multitud de proyectos, que están listos para comenzar cuando quieras. Si buscas el efecto WOW, deja de buscar. Cuéntanos sobre tu proyecto  y deja que nuestros expertos en desarrollo web hagan su magia.

Proyecto Web