Nuestra cuarta vitrina del año destaca lo mejor de las tendencias modernas de diseño web, combinaciones únicas de técnicas antiguas y nuevas interpretaciones de elementos clásicos que vale la pena tener en cuenta. Los sitios web de este mes incluyen organizaciones tecnológicas, una empresa de construcción industrial, una firma inmobiliaria, estudios de branding y diseño, una iniciativa educativa, una consultoría empresarial establecida y el mejor secreto guardado de una isla mediterránea.
Ve el mejor uso de animaciones Lottie, estudia cuidadosamente los efectos de desplazamiento y hover, inspírate con combinaciones de colores inteligentes, toma nota de nuevas formas de mostrar información clave, presta atención a pequeños ajustes de diseño y aprende a jugar con el poder de la personalización usando estilos globales, y mucho más.
¡Ven a ver la impresionante variedad de sitios web de abril!
10
Lumenvox
por Solid Digital
LumenVox transforma la interacción con los clientes con tecnología de reconocimiento de voz y autenticación por voz impulsada por IA. Su tecnología flexible y asequible permite a sus usuarios construir interacciones seguras de autoservicio y entre cliente-agente sin esfuerzo. Mientras que su suite completa de tecnología de reconocimiento y autenticación de voz ayuda a sus usuarios a establecer relaciones sólidas con los clientes con rapidez y seguridad.
La combinación de colores azul diamante e índigo oscuro crea un ambiente resplandeciente que evoca una vibra futurista. El estilo de color degradado causa un efecto neón utilizado en todo el sitio web, incluidas sus ilustraciones y su vibrante héroe. Es una marca clara y unificada en términos de lenguaje, colores e imágenes.
El uso de animaciones Lottie crea un ambiente animado en varias páginas de productos. Asimismo, el uso de líneas que se asemejan a una placa de circuito se utiliza para transmitir un ambiente de alta tecnología. La fuente sans serif añade al aspecto futurista general del sitio web, al igual que el uso del espacio en blanco.
LumenVox es un rayo luminoso de diseño web que brilla y deslumbra.
Diseño: Curtis Renkiewicz y Barbara Morrigan – Solid Digital
Desarrollo: Dan Wright y Libertad Madrigal
Tema: Hello
Plugins: Elementor, Elementor Pro, ElementsKit Lite, JetElements, JetEngine, JetMenu, JetSmartFilters, JetBlocks, JetPopup, JetTabs
09
Off-Site Systems
por LBD Studio
Off-Site Systems ofrece alternativas innovadoras a las técnicas de construcción tradicionales. Con años de experiencia combinada en las industrias de la construcción, tecnología, diseño y protección contra incendios, aborda directamente la creciente necesidad de sistemas de construcción energéticamente eficientes. Todos sus sistemas están diseñados para minimizar drásticamente los desechos, el tiempo y el costo, mientras mejoran los estándares y hacen la vida de sus clientes más fácil.
Una de las características más impresionantes del sitio web es su increíble velocidad de rendimiento, que solo ayuda a resaltar las ofertas de vanguardia de la organización. Los colores, las páginas y el contenido del sitio web solo continúan destacando este mensaje. Cortando a través del diseño estático hay fondos de movimiento sutiles visibles en todos los videos de héroe.
El uso de negro y amarillo a menudo significa peligro, sin embargo, aquí se usa para mezclar tecnología de alta gama con destellos de creatividad. Tanto es así que el uso de amarillo atrae la atención del espectador a los títulos y llamadas a la acción de manera efectiva, al igual que el menú claro que habla a diferentes audiencias objetivo y las sutiles animaciones de desplazamiento.
Al inspeccionar más de cerca, es claro que el logo se usa en varias máscaras de imagen, enmarcando hábilmente las imágenes de héroe. Igualmente, hay un uso inteligente de etiquetas de estilo moderno que resumen las especificaciones técnicas. También son notables los puntos calientes que muestran las características del producto, así como los ingeniosos efectos de desplazamiento para resaltar las características del producto. Los beneficios clave se muestran de manera agradable como «pestañas» similares a las etiquetas de redes sociales y palabras clave que funcionan para resumir rápidamente los puntos fuertes del producto.
Off-Site Systems está ligeramente descentrado, lo que hace que su audiencia objetivo haga una doble toma.
Diseño & Desarrollo: Liam Bonar – LBD Studio
Tema: Hello
Plugins: Elementor Pro, Imagify, WP Rocket, Autoptimize
08
Xania Real Estate
por sofresh
Todos los proyectos de XANIA se caracterizan por un lenguaje arquitectónico contemporáneo y un trabajo de construcción sofisticado en ubicaciones prestigiosas. Sus proyectos de vivienda modernos y lujosos prometen una experiencia de vida de clase extra. Esto crea no solo propiedades residenciales de alta calidad en Zúrich, sino, ante todo, un sentido de vida.
Una visión moderna, minimalista y algo rebelde del sector inmobiliario es de lo que trata este sitio web. Usando scrollytelling de manera experta, la organización emplea elementos contemporáneos y actualizados para presentar sus impresionantes propiedades. El texto es corto, conciso y claramente dirigido a su audiencia de propietarios.
El logotipo se utiliza de manera creativa en todo el sitio web, a veces actuando como una flecha, otras veces apareciendo como una brújula. También hay imágenes panorámicas de ancho completo de cada una de las ubicaciones que muestran los alrededores de cada propiedad.
El uso del video de ancho completo en el héroe es una manera fantástica de atraer al espectador, particularmente usando un ángulo de vista de pájaro que pinta un cuadro de grandeza. Con tipografía grande, fuentes sans serif y espacio en blanco, el sitio web es un excelente ejemplo de cómo utilizar el diseño web moderno para atraer a una audiencia moderna.
XANIA Real Estate es tan pintoresco como el paisaje suizo en el que se encuentra orgullosamente.
Diseño: Adriana Ortner – sofresh digital
Desarrollo: Robert Kurzmann
Tema: Hello
Plugins: Elementor Pro, Complianz Cookie Consent, MouseWheel Smooth Scroll, Rank Math SEO Pro, United Elements for Elementor, Woody Code Snippets, WP Rocket
07
Eatyjet
por Avocado
Eatyjet nació de una serie de infortunios catastróficos: una pandemia, toques de queda, cierres de hoteles y un largo deseo de tomar el primer avión a Groenlandia y caminar por los fiordos. Así comenzó la idea de empezar a crear viajes a través de una caja. El proyecto surgió con la clara idea de vivir la cultura de cada rincón del mundo a través de su comida: sabores, olores, sonidos, sensaciones y recuerdos.
Empleando una variedad de tendencias modernas como diseño plano, colores brillantes y tipografía grande, el sitio web está dirigido a una audiencia joven y conocedora de la tecnología. Con fondos en blanco que dan espacio para respirar, flechas que facilitan la navegación y texto transparente, Eatyjet evoca una apariencia y sensación contemporáneas en todas sus páginas.
Un toque agradable son los sutiles cambios en los colores de fondo: la página de inicio emplea un color naranja brillante desvanecido, la página de reservas usa un color arena ardiente, la página sobre nosotros utiliza un color rojo castaño, y la página de reservas está pintada en un color verde-azul macaw, mientras que finalmente la página de contacto está cubierta en un color azul oscuro.
Las dimensiones verticales y algo aleatorias de las imágenes están enmarcadas como imágenes de teléfonos móviles, quizás insinuando la naturaleza “Instagramable” de sus delicias. El uso de efectos de desplazamiento y menús pegajosos, mientras tanto, facilita la navegación, al igual que su página de Instagram que sigue el mismo lenguaje de marca, creando una experiencia digital multiplataforma.
Eatyjet es un delicioso abanico de sabores que combina para una experiencia de usuario que hace la boca agua.
Diseño & Desarrollo: Avocado
Tema: Hello
Plugins: Advanced Custom Fields, Cookiebot, Elementor, Elementor Pro, Sticky Header Effects for Elementor, Yoast SEO, WP-Optimize, iThemes Security
06
MSZ Lab
por Matteo Pranzini
MSZ Lab es una agencia de branding compuesta por profesionales que comparten una pasión, curiosidad, conocimiento y enfoque por el servicio al cliente. El equipo se conoció originalmente y aprendió y compartió sus experiencias en la organización de eventos, marketing, redacción, diseño, gestión de proyectos y desarrollo web. Creen que si la seguridad es nuestra fortaleza, su fortaleza es el grupo. Construir un futuro digital que tenga conexiones humanas reales y duraderas en su centro es su fuerza motriz.
“Agradable” es la palabra que viene a la mente al navegar por el exquisito sitio web de Mszlab. Una hermosa expresión de creatividad ingeniosa con matices millennial. La sección sobre nosotros, por ejemplo, emplea emojis y una línea de tiempo corta y concisa que presenta la historia de la empresa en un formato digerible.
Se utiliza una elegante fuente serif para mostrar su mensaje, mientras que un héroe de ancho completo contemporáneo combinado con una presentación de diapositivas de imágenes da una idea de los servicios de la empresa. Imágenes coloridas están bellamente dispuestas sobre un lienzo blanco que nunca se siente abrumador.
Ninguna de las páginas se siente demasiado larga, con la información siempre al alcance. La atmósfera general del sitio web se siente ligera y suave, lo que ayuda a crear una sensación algo trascendental.
Mszlab es una obra maestra de branding que se posiciona delicadamente como el punto de referencia del equilibrio en el diseño web.
Diseño & Desarrollo: Matteo Pranzini
Tema: Hello
Plugins: Elementor, Elementor Pro, UpdraftPlus – Backup/Ripristino, Premium Addons for Elementor, Facebook for WordPress, Cookie and Consent Solution for the GDPR & ePrivacy
05
Grupo Criativo
por Gabriel Dutra
Grupo Criativo es una agencia de diseño y branding que cree que no hay diseño sin una visión completa del ciclo de valor del producto. Ven a los diseñadores como los catalizadores de cambios, tanto para las partes interesadas como para los accionistas y cualquier cambio debe abarcar personas, procesos y entregables consistentes.
Este es un sitio web muy positivo que utiliza marcos de esquina como motivo en todas sus páginas. Las páginas internas de estudios de caso están altamente detalladas e informativas y cargadas de imágenes. Cada página demuestra la diversidad de los proyectos en los que está involucrada la agencia. Además, el sitio web es multilingüe, atrayendo a clientes internacionales.
La página de inicio utiliza una superposición verde filtrada y las animaciones Lottie se muestran con un punto rojo que se transforma en varias formas. De hecho, el color rojo se usa al máximo como CTA que se muestra en todo el sitio web.
El diseño de sitio web de ancho completo es un toque contemporáneo agradable, al igual que el titular animado en las páginas internas y el texto contundente, mientras que el texto en movimiento en la página de servicios es una forma atractiva de reiterar rápidamente los servicios de la empresa.
Grupo Creativo es un sitio web que muestra sutilmente sus mejores puntos optimizando el minimalismo para contar su historia detallada.
Diseño & Desarrollo: Gabriel Dutra
Tema: Hello
Plugins: Black Widgets, Honeypot for Contact Form 7, Modernaweb Plugin, WP ULike, MouseWheel SmElementor PRO, Custom post type UI, Premium Addons, Qi Addons, Wordfence Security, WebP Express, Polylang, Yoast SEO
04
Escuela21
por Banuka Studio
Escuela21 trabaja junto con organizaciones que pueden impartir una educación inclusiva, innovadora y de calidad como motor de progreso social y bienestar. A través de su programa integral de apoyo y transformación, ofrecen servicios de escuela y centro de habla y el apoyo necesario para que su proyecto educativo potencial alcance su máximo potencial.
El sitio web sigue una jerarquía tipográfica clara y estilos personalizados tanto para colores como para formas. Empleando un diseño minimalista y un espacio en blanco generoso sin abrumar la página con demasiados textos o elementos, Escuela 21 se dirige a una audiencia conocedora.
El uso de monumentos y lugares famosos de todo el mundo con un diseño de zine los une a todos, lo que se siente como un enlace global que une al mundo. De hecho, el sitio web está poblado con imágenes positivas y cada página organizacional bajo servicios tiene su propio tema de color dedicado.
El uso de clientes famosos mostrados como insignias de confianza es un buen toque, al igual que los estudios de caso detallados directamente debajo de ellos. La fuente sans serif moderna y el gran espacio en blanco es contemporáneo y se mantiene fiel a su mensaje del siglo XXI.
Escuela21 avanza con ráfagas de color y usos inteligentes de elementos modernos que ayudan a compartir su inspiradora misión.
Diseño & Desarrollo: David Fernández Graña – Banuka Studio
Tema: Hello
Plugins: Clear Cache for Me, Crocoblock, Polylang, Rank Math SEO, WP-Sweep, PublishPress Capabilities, GDPR Cookie Consent, Elementor Pro
03
Wolves Art
por Fanny Péneau
Wolves Art muestra el impresionante portafolio de Fanny Péneau, una diseñadora creativa y directora de arte en Nantes, que trabaja con empresas, startups e individuos. Péneau cubre varias áreas que van desde la creación de una carta gráfica hasta el diseño de interfaces web a través de la ilustración. Su objetivo es traducir el universo de sus clientes en imágenes atractivas. Está impulsada a crear sin cesar usando su imaginación y audacia.
Uno de los elementos más llamativos de este sitio web es su tipografía única que se siente funcionalmente moderna y clásicamente elegante al mismo tiempo. El menú también se siente diferente con todo el esquema de color invirtiéndose al pasar el cursor sobre el menú de contacto.
El fondo negro evoca una apariencia y sensación prestigiosa y de alta gama que también ayuda a dar vida a los colores. Hay una serie de efectos de desplazamiento visibles, como un cursor personalizado especial sobre las imágenes.
También son visibles los efectos de desplazamiento y zoom, junto con una tipografía claramente inspirada en el logotipo mismo. De hecho, el logotipo en sí refleja una caligrafía detallada. También hay una serie de efectos de desplazamiento empleados en todo el sitio web que lo mantienen interactivo.
Wolves Art está lleno de carácter y elementos fantásticos que lo colocan en una manada solitaria por sí solo.
Diseño: Fanny Péneau
Desarrollo: Fanny Péneau, Ronan Hello
Tema: Hello
Plugins: Yoast, ACF, Ele custom skin, Wp super cache, Site kit, Secupress
02
Visitar Guía de Isora
por Travel Productions
Guía de Isora ofrece innumerables experiencias para que disfrutes. El municipio de Guía de Isora está ubicado al suroeste de la isla de Tenerife. Es uno de los cinco municipios más grandes de Tenerife y está compuesto por 17 pueblos y aldeas que se extienden desde la costa hasta las tierras altas. Hay opciones para todos los gustos, por lo que puedes elegir según tu preferencia para hacer tu visita inolvidable.
Una bienvenida soleada es lo que reciben los visitantes en el sitio web y en la isla para la cual se construyó el sitio web. Construido para turistas, el video de ancho completo ofrece vistas panorámicas de actividades que se pueden realizar en la isla española del Mediterráneo. El eslogan escrito a mano es un buen toque ya que crea una conexión personal, haciendo que se sienta acogedor.
La siguiente sección ofrece una vista topográfica de pájaro de la isla a través de las nubes junto con un CTA que ofrece más información sobre el destino. El menú de hamburguesa Lottie también invita al espectador casi como una llamada. El pie de página, en contraste, actúa como el mar llevándose el color del mar.
Hay numerosas animaciones y características interactivas utilizadas en todo el sitio web. La página de descubrimiento emplea etiquetas de estilo de palabras clave modernas, que es una forma única de mostrar información clave, quizás inspirada en las redes sociales o etiquetas SEO. Esta es una forma efectiva de presentar rápidamente los aspectos destacados del destino.
Guía de Isora es un rayo de sol brillante que captura hermosamente esta cálida y acogedora isla que ha abierto sus puertas cautivadoras al mundo.
Diseño: Jose Toste – Travel Productions
Desarrollo: Ania Kawachi
Tema: Hello
Plugins: JetElements, Polylang, The Events Calendar Pro, WordFence, WP Rocket, Yoast SEO Premium, Simple Custom CSS, y JS
01
Resilience Development Company
por The Collective
Resilience Development Company es una empresa de formación, coaching y consultoría independiente y orientada a un propósito, con la misión de transformar vidas y lugares de trabajo. Sus programas de coaching y formación transforman la forma en que las personas viven, trabajan y se sienten con habilidades respaldadas por la ciencia y experiencias de formación inmersivas que liberan el potencial. Ofrecen una solución galardonada a los grandes problemas de estrés, pérdida de propósito y productividad que trae el cambio y el crecimiento.
Puede requerir algunos intentos, pero el sitio web realmente solo usa dos colores: índigo oscuro y naranja amargo, en varias combinaciones, intercalados con el ocasional texto blanco. La elección de imágenes es inteligente, al igual que los filtros utilizados para integrarse perfectamente con su esquema de colores.
Acorde con la vibra moderna del sitio web, la tipografía es grande, negrita y efectiva. El texto cuenta una historia coherente con un lenguaje unificado, al igual que la jerarquía textual del sitio web que se presenta en un diseño fácilmente digerible.
El texto es inteligente y atractivo, como el “¿Sí? Hablemos” y “¿No? Hablemos”, lo que indica que la empresa está lista para hablar contigo sin importar lo que pienses o en qué parte del viaje del comprador te encuentres.
La exhibición de premios y una lista respetable de clientes también es una buena manera de utilizar la prueba social muy alta en la página, lo que mantiene a los espectadores comprometidos y agrega credibilidad desde el principio. Los CTAs también están inteligentemente diseñados, ya que están estilizados como una extensión de URL.
Resilience Development Company flexiona sus fuertes brazos bicolores para sostener un sitio web que tiene un mensaje tan fuerte como su diseño sólido.
Diseño: Incaloop
Desarrollo: Brian Mann – The Collective
Tema: Hello
Plugins: JetElements, Polylang, The Events Calendar Pro, WordFence, WP Rocket, Yoast SEO Premium, Simple Custom CSS, y JS.
