Hay muchísimos sitios web que parecen copias, como si hubieran sido estampados con la misma plantilla digital. Pero también hay un montón de diseñadores que se arriesgan con propuestas que se alejan de la monotonía. Echa un vistazo a estos diez sitios web que plantean la navegación de una forma diferente.
1. WhaleSynth
¿Qué hacíamos antes de WhaleSynth? Para quienes querían cantar las canciones de estos mamíferos marinos, la única opción era meterse en una piscina y tararear. Algo que resulta bastante raro y difícil de explicar a tus amigos y seres queridos cuando sales del agua.
WhaleSynth pone los sonidos de las ballenas al alcance de tu mano. Puedes cambiar la especie de ballena con un solo clic, añadir otras para que se unan al coro y ajustar los pitidos y clics con el control de sonar. Cada tono se activa al hacer clic en una de las bandas de agua ondulantes, lo que sube o baja la frecuencia según la profundidad.
Aunque hay instrucciones, es muy fácil navegar simplemente trasteando con los controles. Además, es genial que no tenga un teclado de piano ni nada de lo típico de los programas de música o generación de sonido. Los controles de WhaleSynth son tan únicos y geniales como el concepto en sí.
WhaleSynth puede parecer una diversión sin sentido, pero en realidad es una forma de marketing digital. Lo sé, escépticos de internet, puedo sentir vuestras miradas de desaprobación; seguid conmigo. WhaleSynth existe gracias a MailChimp y a su imagen de marca desenfadada.
Y sí, hay un mensaje de marketing, pero es sutil. Nunca se interpone en la creación de sonidos de ballena. Y agradezcamos todos que eligieran WhaleSynth en lugar de ChimpSynth, que habría sido una experiencia mucho más estridente y menos agradable.
2. E162
E162 es una galería en línea para los estudiantes del programa de Diseño Tipográfico DSAA. Sé que a algunos les puede chocar el choque de colores, pero a veces un poco de desorden viene bien. No hay duda de que esta página refleja una estética más experimental. Coquetea con el brutalismo sin caer en el abismo de lo inutilizable.
Esta página podría haber sido un largo scroll con los trabajos de los estudiantes. En su lugar, navegas girando un cubo con el cursor o haciendo clic en uno de los números de la parte inferior, que lo hace rotar hasta una página específica. ¿Es práctico? No mucho. ¿Es fácil de usar? Eso es discutible. Pero, ¿es artístico? ¡Sí! Y eso es lo que hace que este diseño destaque. ¿Cuántos sitios web conoces que utilicen este mismo estilo de navegación?
3. Faces of Power
Dependiendo de tu postura política, puede que no veas a todos los presidentes de los Estados Unidos como rostros del poder. Vale, sé lo que estás pensando. Como bloguero, debería mantener mis opiniones políticas al margen. Pero podemos estar de acuerdo en algo: todos sabemos quién es el peor presidente.
Y ese hombre fue Martin Van Buren. ¿O no?
Bromas aparte, Faces of Power hace que la historia presidencial sea interesante para los que, como yo, nos quedábamos dormidos en clase de historia.
Estos presidentes podrían haberse organizado en una cuadrícula. Habría sido fácil, y aburrido. En su lugar, navegamos con una tira similar a una película en la parte inferior, donde cada fotograma contiene a un presidente.
Al hacer una selección, el presidente se transforma en un retrato geométrico estilizado. Puedes aprender más sobre cada uno en el menú de navegación de la derecha. Nunca te abruman con contenido, sino que te invitan a descubrir más. Aunque se trata de un enfoque de navegación poco común para una cantidad tan grande de información, nunca resulta una experiencia tediosa; es intuitiva y sencilla.
4. YS portfolio
Yen Song es una diseñadora gráfica especializada en interactividad y movimiento. Este portafolio integra ambas habilidades en una forma original de navegar por los proyectos destacados.
Es un diseño de círculos superpuestos, cada uno con proyectos relacionados con un área de especialización concreta. A medida que haces scroll, una flecha anclada al cursor apunta en la dirección en la que te mueves. Cuando haces una selección, la flecha lanza ese proyecto y abre una nueva página con los detalles.
Es divertido y parece un videojuego. Aunque el resto del portafolio sigue un diseño sólido pero estándar, es esta interfaz la que destaca entre tantos otros portafolios. Se podrían haber integrado patrones de navegación más sencillos en este diseño, pero este esfuerzo adicional y el ingenio hacen que uno se pregunte de qué otras ideas únicas es capaz Yen Song.
5. Curry Explorer
Hay tanto curry en el mundo que Curry Explorer está aquí para mostrarnos la clara distinción entre ellos y que puedas encontrar el que mejor va contigo. ¿Te gusta el curry más bien seco? ¿Quizás buscas uno que tenga un toque dulce? ¿A alguien le gusta caminar por el lado más picante de la vida? Es fácil navegar por los diferentes platos según las características del curry.
Un gran diseño web consiste en encontrar nuevas formas de presentar la información. Curry Explorer te sirve una variedad de curris con un estilo de navegación muy apetitoso.
¿Quién se apunta a un Saag Aloo?
El proceso de diseño web moderno
Descubre los procesos y herramientas detrás de los sitios web de alto rendimiento en este libro electrónico gratuito.
6. Apolo 17
Cuesta creer que el Apolo 17, la última misión tripulada a la Luna, fuera hace más de 40 años. Apolo 17 te permite experimentar este evento a través de audio, video y fotos históricas reales. Está envuelto en un diseño moderno que te hace olvidar que la misión ocurrió hace décadas.
La página de despegue tiene una línea de tiempo en la parte superior donde puedes elegir un momento de la misión. A la izquierda hay un video que se sincroniza con la transcripción de los comentarios de la NASA a medida que se desarrolla la misión. Las ventanas de estado de la misión aparecen con toda la información pertinente sobre la misión en momentos determinados.
Apolo 17 es una experiencia multimedia que captura la maravilla científica y el logro humano que supuso nuestro viaje a la Luna. Es una obra que demuestra cómo la información estática, que normalmente se encuentra en las páginas de un libro de texto, puede cobrar vida en la web. Apolo 17 te sumerge en medio de la emoción de esta misión lunar.
Y lo que es especialmente genial es la línea de tiempo en la parte superior de la página: puedes desplazarte por las horas y los minutos y hacer clic en esos momentos de la misión. Los hitos principales, como el "Descenso" y el "Regreso a la Tierra", están marcados en la línea de tiempo.
Es como avanzar y retroceder en un archivo de video. Es una elección de navegación inteligente que fomenta la curiosidad y la exploración.
Te reto a que no te emociones con cada segundo de la cuenta atrás desde la marca de los 10 segundos hasta el despegue.
7. Sitio web de Who Cares Agency
Aterrizar en esta página de Who Cares Agency es como tomar los mandos de una nave espacial alienígena. Hay un sordo zumbido ambiental que resuena como si viajaras por la galaxia. El texto parpadea como las coordenadas de un planeta lejano, con pitidos y chirridos que suenan como circuitos alienígenas.
No hay lugar para la pereza a la hora de lograr un diseño inspirado en la ciencia ficción como este. Hay tantos detalles bien elaborados, como una interfaz para seleccionar proyectos. Es fresco, divertido y cautivador.
Lo que realmente distingue a este sitio es la navegación en la página de Resultados. Es lo que imagino que sería el portafolio de Predator, de la película de Schwarzenegger de 1987, si el alienígena decidiera dejar de lado la caza de trofeos interestelares y se dedicara al diseño web. Échale un vistazo a continuación.
8. Radiooooo.com
Para quienes no están obsesionados con la música, es difícil entender a personas como yo, que sí lo están. Y lo entiendo. ¿Por qué alguien necesita una estantería de IKEA llena de discos? ¿Por qué necesito saber quién es el productor de cada álbum? ¿Y por qué tengo opiniones sobre canciones basadas únicamente en el sonido de la caja de la batería (ni me hagas hablar de "Born in the USA" de Springsteen)?
Pero, ¿cómo encontramos los fanáticos de la música a nuevos artistas? Hay muchos servicios de transmisión de audio con algoritmos para ayudarnos a descubrir música nueva, pero la cantidad de decepciones puede ser un fastidio.
Radiooooo.com ofrece una interfaz que te permite descubrir música que nunca has escuchado de una forma divertida e ingeniosa. Te invita a explorar mientras navegas por su mapa global y su línea temporal de épocas. Hay un montón de crujidos de vinilo mientras te adentras en este mundo de ritmos y sonidos.
Puedes personalizar tus búsquedas a través de la interfaz Taxi y alternar entre lento, rápido o raro; para algunos de nosotros, estos son los únicos tres géneros que importan. Es un respiro refrescante frente a esos botones aburridos que apenas han cambiado desde los tiempos de Musicmatch y RealPlayer. ¿Se me nota la edad con esta referencia?
Así que, si nunca has escuchado música brasileña de los años 30, música argelina de los 60 o música estadounidense de los años 20, todo está ahí, listo para llenar tus oídos con frecuencias desconocidas.
Ahora, discúlpame mientras organizo mi colección de discos por género, fecha de lanzamiento y alfabéticamente hasta la segunda letra.
9. Torque Editions
Algunos de los mejores diseños web simulan una experiencia del mundo real. Torque Editions es una editorial y, de fondo, aparecen diferentes obras impresas que han publicado. Al navegar por los libros, la portada se amplía, permitiéndonos verla más de cerca, como cuando una portada te llama la atención en una librería.
Al hacer clic en un libro, se muestran más detalles en un bloque introductorio que destaca toda la información importante. Sí, hay scroll jacking, pero la facilidad para explorar los títulos hace que valga la pena. Es un ejemplo de navegación única que mejora la experiencia del usuario, acercándonos al contenido en lugar de alejarnos con una experiencia tediosa y complicada.
10. Badass Films
Badass Films es una productora de vídeo con un sitio web cargado de contenido. Esto ralentiza un poco las cosas, pero la calidad del material hace que la espera merezca la pena. Y sí, cometen el pecado del scroll jacking, pero es algo que se perdona fácilmente.
Tienen muchos clientes de alto perfil, como McDonald's y Jim Beam, ¡con un anuncio protagonizado por William Dafoe! Badass Films realmente hace honor a su nombre con una impresionante lista de clientes y producciones creativas y bien ejecutadas.
Puedes explorar su lista de directores haciendo clic en sus nombres para abrir una barra lateral con clips de sus proyectos. Es una forma sencilla de navegar por su enorme catálogo de vídeos. Es una solución creativa que añade un toque de complejidad a la navegación, con el objetivo de hacer que el contenido sea accesible. Y asumir este riesgo compensa por la facilidad de uso que ofrece.
También es interesante ver anuncios pensados para diferentes públicos. ¿Sabías que en Francia hay una hamburguesa de temática leñadora llamada McTimber? También hay un anuncio con una pareja besándose que espero que nadie en la oficina haya visto en mi portátil.
Quedas avisado.
Es fácil quedarse atrapado en los mismos patrones de diseño
A veces simplemente no hay tiempo o el cliente no está dispuesto a probar algo más creativo. Pero si tienes la oportunidad, sé valiente y prueba algo nuevo. Para crecer como diseñador, debes estar dispuesto a estirar tu imaginación e ir más allá de lo habitual.
Desafíate a crear diseños libres de esos hábitos en los que te apoyas. Toma tus prácticas estándar de navegación y haz algo diferente. Puede que acabes con algo que te sorprenda y te encante.
Nos encantaría saber en qué estás trabajando en los comentarios.
