La quinta exhibición de este año insinúa tentadoramente las tendencias cambiantes en el diseño, explora nuevos giros en los íconos culturales retro y celebra el poder subestimado de las personalizaciones sutiles. Los sitios web de mayo incluyen una variedad de estudios y agencias creativas, una poderosa empresa tecnológica emprendedora, uno de los festivales de música de verano más populares de Oceanía, un portafolio de exhibición digital universitario, un sensual salón de belleza griego, un proyecto de skate de base y un sitio web Montessori que te sacará una sonrisa.
Descubre animaciones misteriosas que revelan contenido vacío del sitio web solo al pasar el cursor, toma notas sobre cómo implementar diseños clásicos en diseños modernos, observa cómo combinar una variedad de efectos de desplazamiento y animación, estudia cómo mantener un aire de misterio reteniendo contenido y aprende el poder que tiene el color sobre la emoción con páginas internas dedicadas.
¡Aquí tienes la oportunidad de inspirarte con los meritorios sitios web de mayo!
10
Festival Falls
por Cruickshanks Agency
Falls Music & Arts Festival es un festival de música australiano de varios días que se celebra anualmente en ubicaciones de Victoria, Tasmania, Nueva Gales del Sur y Australia Occidental durante el período de Año Nuevo. Es uno de los festivales musicales más grandes de Oceanía, reuniendo a algunos de los actos más importantes del mundo. El festival alberga actuaciones de música contemporánea, danza, comedia, teatro, circo, cabaret y otras formas de arte. Los artistas que tocan en el festival incluyen rock, hip hop, música indie, música electrónica, blues y raíces.
Tomando una hoja de los carteles de festivales de música, el sitio web fue claramente diseñado para resonar con su audiencia más joven. Implementar un acabado granular nostálgico en un fondo degradado le da a la página una atmósfera algo desértica.
Falls Festival implementa un tipo grande, un diseño minimalista y un esquema altamente responsivo claramente dirigido a su audiencia móvil primero. Empleando un espectro de colores — rosa, naranja, amarillo y azul — el festival evoca sentimientos de energía y emoción en línea con su catálogo musical.
Profundizando en sus páginas internas, las audiencias podrán encontrar información sobre cada uno de los artistas que se presentan, así como enlaces a cada una de sus diversas redes sociales. Ofreciendo un adelanto de los sonidos de la lista de canciones, los espectadores encontrarán una lista de reproducción personalizada de Spotify incrustada, incluyendo un efecto de video estático vintage retro.
Falls Music & Arts Festival se dirige a su núcleo demográfico utilizando una combinación de técnicas contemporáneas mientras mantiene solo el escenario principal de contenido. Después de dos años de silencio, el Festival Falls está una vez más listo para rockear.
Diseño & Desarrollo: Brett Cruickshanks – Cruickshanks Agency
Tema: Hello
Plugins: Elementor, Elementor Pro, Nitropack, Rank Math SEO, Insert Headers & Footers
09
Ulah
por BangLUXOR
Ulah es una agencia creativa española enfocada en la consultoría de marcas, la creación de interfaces digitales y herramientas de gestión de marketing para proyectos de alto impacto. Trabajan a nivel global con el apoyo de clientes en seis países. Su visión se centra en marcar la diferencia en cada proyecto como resultado de una estrategia exitosa acorde con las tendencias actuales del mercado. Su trabajo simplifica los negocios, inspira nuevos comportamientos y satisface las necesidades de las personas.
Lo primero que impacta al espectador es la sección de héroe única que está dividida de manera bastante poco convencional. Desde la forma en que se abre con su texto contundente haciendo una gran entrada, hasta cómo emplea un fuerte color rojo anaranjado brillante, el sitio web ofrece una perspectiva refrescante para las agencias creativas que desean destacarse.
Elementos de símbolos retro animados por computadora, como un pulgar hacia arriba, una cara con un golpe de puño, bocetos de garabatos y animaciones Lottie se combinan para darle al sitio web una vibra juguetona mezclada con acabados profesionales de texto sans-serif, tipografía grande y un diseño minimalista plano. El ingenioso efecto de menú hamburguesa tipo flashback se siente un poco como un programa de televisión de la vieja escuela. También es notable el uso de múltiples CTAs, caminos de texto y un logo que se asemeja a una sonrisa, enfatizando un enfoque desenfadado en esta industria profesional.
Presta atención al cursor del ratón cambiante en la sección de servicios, que cambia a naranja, así como al ingenioso diseño web de tres páginas divididas, branding y marketing digital. Hay una apariencia y sensación general interactiva y fluida en el sitio web, buen uso de máscaras en las páginas internas y una toma única en un motivo de izquierda a derecha.
Ulah es un enfoque fresco para destacar en el competitivo panorama de las agencias creativas. Al combinar un acabado profesional con toques de delicias juguetonas, la agencia muestra su mano maestra para inspirar, deleitar y entregar.
Diseño & Desarrollo: Andres Florido Delgado – BangLUXOR
Tema: Hello
Plugins: Elementor Pro, Dynamicooo, Unlimited Addons, WProcket
08
Disraptors
por Amazual Media
Disraptors es un grupo de personas de diversos orígenes: VCs, bancos de inversión, startups, ONGs y agencias espaciales. Juntos se mantienen, divididos a veces trabajan en otras cosas. Producen una flota diversa de contenido, el Disraptors Summit con la Final del Campeonato Europeo de Startups es nuestro buque insignia. Sus podcasts, competiciones locales de startups, hackathons y meetups sin pitch son sus otros principales vehículos.
Mostrar el rostro de uno de los gurús tecnológicos más reconocidos del mundo en tu evento de exhibición es una jugada maestra que no necesita explicación. Con el famoso rostro de Steve Wozniak pegado en el hero justo al lado de su marca y figuras clave, esta es una manera estratégica de mostrar los puntos de venta más importantes del grupo sin que el espectador siquiera tenga que desplazarse.
Usar una fuente sans serif ”Chakra Petch” hace que la página se asemeje a líneas de codificación de la vieja escuela, y el Modo 13h (VGA 256-colores), recuerda claramente al software de computadora de finales de los 80 y principios a mediados de los 90, que sin duda influiría mucho en la audiencia objetivo del sitio web. También es notable un efecto de animación de computadora pixelada en las páginas internas.
Hay un fuerte sentido de scrollytelling a través de efectos y animaciones de desplazamiento, copia simple, un esquema de colores futurista y un logo inspirado en un velociraptor. De hecho, todo el sitio web está inteligentemente enmarcado para ofrecer a los espectadores un fuerte sentido de prueba social a través de íconos de la industria de renombre y socios famosos.
Disraptors emplea muchas animaciones de scrollytelling muy en línea con la era dorada de la computación ahora actualizada con una apariencia y sensación adecuadas para el siglo XXI.
Diseño: Robin Stenczel
Desarrollo: Amazual Media
Tema: Hello
Plugins: Premium Addons, Elementor PRO, ACF
07
COMX
por Jordan Jenkins y Sam Carrier
COMX es una increíble exhibición de proyectos digitales que abarcan videojuegos, tecnologías interactivas, animación y arte, todos creados por los talentosos estudiantes de la Escuela de Tecnologías de Juegos de la Universidad de Gloucestershire. Cada año, los estudiantes se agrupan y ponen a prueba sus habilidades creando sus propios proyectos originales, lo que lleva a que COMX se convierta en una expresión única de los talentos creativos, técnicos y cooperativos de la universidad del Reino Unido.
El color se salpica por todo el sitio web, desde sutiles degradados hasta lienzos de ancho completo y vivos que marcan secciones. Los visitantes también se sentirán atraídos por la estructura estética de las rejillas de cajas con esquinas redondeadas que coinciden con la apariencia y sensación general suave de la página. El sitio web es brillante, divertido, vibrante y evoca una especie de asombro infantil.
Cada uno de los héroes de las respectivas páginas está decorado en un color específico; la página de Premios en un degradado frambuesa-naranja, la página de Equipos en un tono arándano-cerúleo, la página de Estudiantes en un híbrido verde aqua-teal, la página de COMX Live en una mezcla azulada a lavanda púrpura, la Galería en una mezcla de fucsia real y rosa, y la página de Inicio de sesión en una fusión de salmón y mandarina atómica. Cada una de estas páginas aporta su propia personalidad y emite su propia energía.
Se utilizan animaciones de texto que se desvanecen en varias páginas, que fluyen sin problemas al desplazarse, sobre todo en la página de Premios. Cada uno de los equipos tiene su propio esquema de colores y se le da espacio para detallar sus rasgos y cualidades únicas. El diseño plano del sitio web de alguna manera funciona para mantener todo el sistema de diseño bajo control.
COMX es un ejemplo de libro de texto de cómo los colores hermosos pueden dar vida a un sitio web sin abrumar al espectador, ya que combina expertamente elementos de minimalismo, diseño plano y degradados. ¡COMX está aquí para jugar!
Diseño & Desarrollo: Jordan Jenkins y Sam Carrier
Tema: Hello
Plugins: Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, ACF Frontend, Dynamic Conditions, Custom Post Type UI, Advanced Custom Fields, LoftLoader
06
MESSS
por Orlando Marconi
MESSS es una agencia creativa y estudio brasileño compuesto por un equipo de profesionales inquietos listos para repensar la comunicación de marca de sus clientes de la manera más original posible. Desde la estrategia hasta la ejecución, en, fuera e incluso más allá de la atmósfera: prometen total dedicación para hacer que las voces de sus clientes resuenen lejos y ancho. Tienen sus mentes en el futuro pero entienden lo que la marca necesita desde ayer. Con una mirada muy atenta y única, demuestran que es posible sorprender hasta en los detalles.
MESSS presenta dos aspectos: Agencia + Estudios, cada uno con un público objetivo. La Agencia sirve a marcas medianas y grandes que quieren usar “influencers digitales” para potenciar sus campañas y ventas, mientras que el Estudio está dirigido a agencias que necesitan empresas de producción de video y fotografía para completar su campaña.
Instalando credibilidad con creatividad, el sitio web utiliza un diseño minimalista con medios ricos y vibrantes. El sitio web de la agencia muestra su lado creativo usando un video de fondo de ancho completo, mientras que su contraparte del estudio muestra su rico portafolio. Visible en todo el sitio web hay un color rosa neón dominante utilizado en una variedad de elementos influenciados por el logo.
Hay una buena jerarquía dentro de los estudios de caso con una apariencia y sensación casi de blog. Desplazándose hacia el pie de página, los espectadores notarán una agradable animación personalizada de Lottie, líneas de dibujo freestyle, sombras rosadas brillantes sobre las cajas al pasar el cursor, y una aceptación de la palabra “desorden” en sí misma.
MESSS es un sitio web que transmite credibilidad mientras sigue siendo creativo y flexible en un desorden creativo que encaja perfectamente.
Diseño & Desarrollo: Orlando Marconi
Tema: Hello
Plugins: Elementor Pro, Crocoblock JetEngine, DynamicTags
05
Salón de Belleza Thea
por OFFSCALE
Thea alberga un espacio cálido y acogedor lleno de energía positiva, donde se brindan servicios y productos de salón de belleza de altos estándares en la ciudad portuaria de Tesalónica. El establecimiento griego tiene como su primera preocupación la satisfacción y el servicio de sus clientes y trabaja arduamente para proporcionar los mejores servicios y productos.
Grecia es la palabra en este magnífico sitio web que ha sido besado por el océano. Un tema de color único envuelve el sitio web, recordando las colinas pedregosas y las aguas turquesas de Tesalónica. Incorporando muchos elementos del rico patrimonio cultural griego, el salón usa estos como motivos en todo el sitio web.
Las estéticas clásicas griegas como esculturas, iconos, botones e ilustraciones, imágenes y formas de máscara inspiradas tanto en lo antiguo como en lo nuevo son claramente visibles. También se usa una fuente oceánica relajante para transmitir el mensaje, con la belleza femenina celebrada artísticamente.
No hay puntos ni bordes, todo está refinado. El uso de una cabeza, torso y mano femenina esculpida es una hermosa manera de resaltar los tratamientos faciales, corporales y de manicura que ofrece el salón. El salón claramente quiere que su clientela se sienta tan lujosa como una diosa mítica.
El lenguaje de diseño unificado de Thea es tan relajante como las olas del mar Mediterráneo. Tejiendo un antiguo tapiz de herencia en los tratamientos de belleza del mundo moderno, el sitio web es una celebración del presente tanto como un homenaje a su famoso pasado antiguo.
Diseño & Desarrollo: Marios Natsos – OFFSCALE
Tema: Hello
Plugins: Elementor Pro, WP mail SMTP
04
Wodo
por Shyam Singh
WODO es un equipo de pensadores apasionados y creativos, emprendedores experimentados y ejecutivos altamente capacitados para ayudar al crecimiento empresarial. Con sede en India y trabajando con clientes de todo el mundo, se adhieren a los fundamentos del diseño web creativo y campañas digitales de alto ROI. En pocas palabras: conocen el juego de lanzar un negocio en línea y hacerlo crecer hasta la rentabilidad. Al conectar los puntos correctos para los negocios de sus clientes, crean soluciones digitalmente competentes que son impactantes.
El diseño del sitio web está inspirado en las directrices de diseño contemporáneo, animaciones sutiles, micro-interacciones y un enfoque móvil primero. Cada elemento utilizado fue creado con una identidad de marca cohesiva en mente. Tome la esfera animada, por ejemplo, que usa destacados numéricos con un efecto de carrusel.
A medida que el espectador se desplaza hacia abajo, verá un emblema interactivo con palabras giratorias. Justo encima hay un menú de triángulo de hamburguesa único que, al pasar el cursor, cambia los enlaces de acceso rápido a negro. También vale la pena prestar atención a las líneas de cuadrícula en el fondo, que añaden un poco de estabilidad y orden a la página.
Todo el sitio web demuestra lo que la agencia creativa de alta gama es capaz de ofrecer. Usando animaciones Lottie y SVGs para el logo e iconos, así como un lujoso negro mezclado con un esquema de color amarillo juguetón, contrasta hermosamente la mezcla de caos y orden del sitio web. Donde las páginas internas relevantes también demuestran la experiencia móvil sin necesidad de salir del sitio web. Asimismo, los resultados de los estudios de caso en la página son un buen toque.
WODO transmite hermosamente su visión y mensaje de marca claramente a través de cada proyecto con páginas internas detalladas y páginas principales altamente pulidas ejemplificadas por su uso de lo último en diseño moderno.
Diseño: Aravind Sudarsanan
Desarrollo: Shyam Singh
Tema: Hello
Plugins: Elementor Pro, Jet Engine, Steroids for Elementor
03
Aiurri Montessori
por Humanos Unidos
En Aiurri Montessori de España han creado espacios que los niños pueden sentir como propios. Espacios que tienen en cuenta sus necesidades para construirse a sí mismos y donde pueden ser libres para seguir sus tendencias naturales y así desarrollar todo su potencial siguiendo a su maestro interior. La pedagogía Montessori se centra en el desarrollo integral de la persona desde el nacimiento, colocando toda la confianza en su potencial y ofreciendo un entorno cariñoso y basado en la realidad para que cada niño se convierta en la mejor persona que pueda ser.
Capturando la libertad de la pedagogía Montessori, el sitio web presenta inteligentemente un momento fluido en una imagen de ancho completo en el héroe de la página. Rodeado por un color pastel amarillo, se crea una atmósfera muy tranquila y agradable gracias al diseño. Imágenes de alta definición de niños comprometidos disfrutando de una variedad de actividades educativas, así como maestros sonrientes, evocan una sensación de calidez y seguridad con la que los padres pueden conectarse de inmediato.
Gran tipografía, citas personales y un cambio de color minimalista se unen para crear una sensación de cuidado y acogimiento, al igual que los niños felices y sonrientes. El uso del espacio en blanco,
la gran tipografía y las citas personales de Maria Montessori ayudan a ilustrar el enfoque centrado en el niño de este método de enseñanza.
Cada una de las páginas internas emplea un color pastel ligeramente diferente que resalta una área distinta del sitio web, incluyendo tonos de amarillo, verde y rosa. Presta atención al logotipo del sitio web, que parece estar pintado con crayón, lo que nuevamente celebra la inocencia de la infancia.
Aiurri Montessori ofrece a su público objetivo una sensación acogedora y de cuidado de su método revolucionario al capturar la esencia de la naturaleza libre de las aulas y actividades centradas en el niño y dirigidas por el niño de Maria Montessori.
Diseño: Beñat Elizalde
Desarrollo: Miguel Angel Herrera – Humanos Unidos
Tema: GeneratePress
Plugins: Elementor Pro, Premium Addons, WPML, Essential Addons
02
Skateboarding Traunstein
por Bene Hofer
Skateboarding Traunstein es un club recién fundado que está muy motivado para revitalizar la escena del skate en la ciudad alemana y sus alrededores. Su misión es crear un lugar y una comunidad donde todos se sientan cómodos. Son una gran comunidad que quiere marcar la diferencia en Traunstein.
Fiel a sus raíces, el sitio web utiliza valientemente un video de cámara en mano como su héroe de pantalla completa. Esto lo hace sentir accesible para la juventud local. El uso de una cuadrícula asimétrica también le da al sitio web una sensación contemporánea.
Cuando los visitantes pasan el cursor sobre el logotipo, este comienza a girar por un segundo, lo que, al hacer clic, nos lleva de nuevo a la parte superior de la página. También es poco convencional la lista de próximos eventos, que solo al pasar el cursor revela imágenes de lo que está por venir.
Una de las características clave de la página es su influencia en el skate. Desde la tipografía brutalista hasta su logotipo de rampa de skate, pasando por la gran cantidad de imágenes y videos colocados en todo el sitio web. El color realmente proviene de los ricos medios mientras que el sutil lienzo mercurio resalta el contenido.
Skateboarding Traunstein captura con precisión sus principios fundacionales de ganar apoyo para un parque de skate más grande, organizar concursos de skate y proporcionar oportunidades para que los nuevos skaters accedan a lecciones de skate con un enfoque minimalista que empuja con confianza el skateboarding al frente.
Diseño & Desarrollo: Bene Hofer
Tema: Hello
Plugins: Elementor Pro, Qi Addons, WP Custom Cursors
01
ZURU Edge
por Marc Day
ZURU Edge se trata de crear marcas disruptivas de nueva era en grandes categorías de bienes de consumo tradicionales. Su equipo está comprometido a construir marcas con propósito que sean relevantes para los consumidores Millennial y Gen Z. Estas son las marcas que sus clientes demandan: marcas con corazón, propósito y valor. Con sede en Auckland, Nueva Zelanda, en ZURU Edge están construyendo las marcas del mañana y las estamos llevando al mundo, hoy.
El video de héroe de portafolio de ancho completo es una deslumbrante armonía de color y muestra la vasta gama de clientes de la agencia. Hay un toque de grandiosidad con un video de alta definición que da una apariencia y sensación de mayor escala a sus capacidades de marca. Sin embargo, también hay una sensación de accesibilidad ya que elementos de simplicidad como el pie de página, la página de contacto y el enfoque minimalista predominante complementan las características más llamativas del sitio web.
El diseño plano y minimalista utiliza grandes tipografías e imágenes grandes, que se colocan sobre un lienzo negro combinado para darle una apariencia y sensación contemporánea. Además, el diseño enfatiza las imágenes y videos que proporcionan el color a la página, la mayoría de los cuales están teñidos con un filtro de neón. También hay un buen uso de efectos de desplazamiento sutiles que llaman la atención sobre el texto acompañante.
Una sensación de misterio rodea el sitio web debido a su galería intencionalmente limitada y su diseño minimalista. Por ejemplo, al pasar el cursor sobre las cajas vacías bajo “Marcas” se revelan sus imágenes correspondientes. De manera similar, la página “Nuestras Marcas” del sitio web también ofrece un tentador adelanto de su portafolio, atrayendo al espectador a hacer clic. Las páginas internas detalladas ofrecen una visión más profunda de cada campaña que nuevamente siguen la misma fórmula de diseño.
Creando las marcas del mañana, ZURU Edge se mueve con la energía, dirección y ritmo del mundo de hoy; interrumpiendo categorías obsoletas y llevándolas al siglo XXI con marcas impulsadas por propósito, innovación y datos.
Diseño & Desarrollo: Marc Day
Tema: Hello
Plugins: Elementor Pro, Yoast, WP Rocket
