Sitios web de Elementor de octubre de 2021
Publicado: 2021-11-12Este mes se unen a nosotros una consultora de Silicon Valley, una agencia de publicidad holandesa, una nueva empresa de taza de café ecológica en el Reino Unido, un sitio web de cartera único, un fabricante de bebidas de lujo de Down Under, una academia de estética médica que anhela mostrar su mejor cara, un iniciativa especial de investigación universitaria, un fabricante impecable de cubiertas para piscinas, un museo de aventuras con temática jurásica y dos agencias de marketing web increíblemente diferentes.
Hay mucho para estudiar este mes con una gran cantidad de efectos de desplazamiento y movimiento del mouse, formas de máscara claras, usos impecables de mezclas, magníficos activos de fotos y videos , obras maestras textuales combinadas con redacción magistral, fuentes e íconos personalizados, así como minimalistas y audaces . estilos de diseño, y mucho más.
¿Listo para emprender una aventura en el sitio web?
10
Cancán
por Algo Familiar
CanCan es un sistema de vasos reutilizables, de bajo consumo y gratuito creado para eliminar los desechables de un solo uso. Su aplicación y productos inteligentes les permiten seguir el ciclo de vida de una taza, rastreando con precisión el impacto positivo que están teniendo en el mundo. Habiendo vuelto a imaginar cómo las empresas reutilizan los envases de alimentos y bebidas, al compartir artículos de bajo valor, ayudan a las empresas minoristas y de hostelería a reducir el desperdicio al mismo tiempo que son más rentables y convenientes.
Lo primero que sorprende a la mayoría de las personas es el logotipo creativo de CanCan seguido de la combinación de colores brillantes del sitio web que le da un ambiente divertido.
De hecho, se utilizan los mismos colores en las imágenes visibles, combinando tanto el esquema de color como la fotografía. Junto con sus ilustraciones lineales, hace que toda la experiencia del usuario sea divertida e interesante.
Al pasar el cursor sobre el botón adhesivo naranja al lado de la barra de desplazamiento, cambia su color. Al hacer clic en él, se abre un formulario de suscripción. Del mismo modo, al hacer clic en el icono de menú con forma de más, se abre un conjunto de opciones de menú dispuestas sobre un fondo asimétrico de color naranja.
Combinando titulares serif con texto sans-serif, el sitio web de la compañía del Reino Unido es un gran ejemplo de tipografía de mejores prácticas, que describe claramente su visión ambiental en su esfuerzo por generar clientes potenciales.
Branding y diseño: Hola agencia y algo familiar
Desarrollo: algo familiar
Tema: Hola
Complementos: Google Analytics local para WordPress, SG Cachepress, Yoast SEO
Ver sitio web en vivo
09
Agencia de publicidad 2kwadraat
por Khalid Karmoudi
La agencia de publicidad 2kwadraat cree que cada marca tiene una historia que necesita ser escuchada, vista y sentida. Profundizar y buscar el derecho a existir de sus clientes es su misión. Con sede en los Países Bajos, su objetivo es hacer fanáticos de las marcas de sus clientes contando sus historias.
El eslogan de esta empresa holandesa es “Ayudamos a las marcas a avanzar”. Esto es igualmente cierto en su sitio web, que utiliza motivos de flechas de colores brillantes que simbolizan el progreso.
El uso que hace el sitio web de las animaciones de Lottie, como el ícono de la hamburguesa animada, es una delicia para la vista. Imposible de perderse debido a su esquema de color negro sobre amarillo de alto contraste, implica que el usuario debe actuar ahora.
Haciendo uso de efectos especiales de desplazamiento y efectos de seguimiento del mouse, el menú es cualquier cosa menos estático. Asimismo, las animaciones de desplazamiento de las imágenes dan la impresión de que la empresa está en constante evolución.
Lo que también es evidente es la inversión en la fotografía de retratos de los miembros del equipo de la empresa, que añade un aire de profesionalismo y sofisticación a través de su combinación de colores en blanco y negro.
El fuerte contraste de las paletas de colores negro y amarillo resalta los menús y botones de navegación del fondo y evoca formalidad combinada con creatividad. Actuando como un embudo de generación de prospectos, así como una herramienta de exposición de marca, el sitio web alcanza ambos puntos.
Diseño y desarrollo: Khalid Karmoudi
Tema: Hola
Complementos: WP Smushit, Jet Elements, Jet Blocks Master, Jet Tricks
Ver sitio web en vivo
08
Grupo TruSource
de Marea Giles, Michael Waters y Studio 678
TruSource Group es una firma de consultoría de gestión sénior con sede en el Área de la Bahía de California, que presta servicios a muchas organizaciones que van desde Fortune 100 hasta empresas con 100 empleados. Se especializan en aprovechar los recursos y procesos internos de los clientes para ofrecer resultados duraderos y son socios, colaboradores y comunicadores comprobados en todos los niveles dentro de una organización.
Esta página única presenta una gran cantidad de videos cinematográficos de alta definición integrados en un diseño minimalista que utiliza formas de máscara. Los videos contribuyen en gran medida al flujo de la página al crear una experiencia fluida para el usuario.
Las pausas entre las secciones son secciones divididas sin problemas con una tipografía grande combinada con una copia y llenas de referencias en segunda persona con conocimientos de marketing, lo que le da un toque personal. Al dejar espacios en blanco estratégicamente, permite al usuario "respirar" mientras se desplaza.
Los esfuerzos del diseñador son visibles en todas partes, desde efectos de movimiento de desplazamiento hasta motivos de diseño de paralaje y widgets de Lottie. Con un claro enfoque en la exposición de la marca, el mensaje de la empresa de Silicon Valley está bellamente capturado en una fuente delgada y delicada que solo sirve para reforzar su ambiente tecnológicamente avanzado.
Diseño: Hilary Zaid y Marea Giles
Desarrollo: Michael Waters / Estudio 678
Tema: GeneratePress
Complementos: GP Premium, Preloader Plus, The Plus Addons para Elementor
Ver sitio web en vivo
07
webandme
por María Wiedner
Maria Wiedner cree que su sitio web debe hablar por usted. ¡Su sitio web debe atraer a los clientes deseados porque usted se merece un sitio web que lo haga animar! Ella cree que las personas que trabajan por cuenta propia pueden cambiar y lograr mucho con sus pequeños proyectos. Por lo tanto, ayuda a las mujeres que trabajan por cuenta propia a crear sitios web brillantes.
Si está buscando inspiración lista para usar, el sitio web minimalista de este diseñador web dirigido a mujeres que trabajan por cuenta propia es uno para agregar a su lista.
El sitio web conoce a su audiencia, lo que se evidencia en un texto empoderador que crea entusiasmo y confianza en el diseñador. Usando su propio collage de fotos, ilustraciones y otros elementos de revistas, María muestra su chispa creativa en todo su sitio web, a veces utilizando widgets de Lottie y otras veces usando efectos de desplazamiento y movimiento del mouse. Ella presenta imágenes de sí misma en varios escenarios, como garabatos y de pie sin pretensiones frente a la cámara.
La falta de cuadrícula da una sensación de caos ordenado que habla a los empresarios que buscan un toque artístico de originalidad. Del mismo modo, el texto amarillo sobre un fondo gris combina sentimientos de sofisticación con innovación para resonar entre las mujeres que trabajan por cuenta propia.
Creado para la generación de clientes potenciales, la exposición de la marca y los blogs, el sitio web de María es un buen ejemplo de cómo compartir su mensaje mientras muestra su cartera.
Diseño y desarrollo: Maria Wiedner
Tema: Hola
Complementos: complementos premium para Elementor
Ver sitio web en vivo
06
Academia de Estética Skild
por Apasionados
Skild es una academia de aprendizaje y capacitación para profesionales de la salud que trabajan en estética médica. La empresa se fundó para elevar los estándares de educación y práctica clínica trabajando con los principales expertos en medicina estética. Al reconocer las limitaciones de la capacitación de un solo día, Skild cuenta con una academia de capacitación que combina a la perfección la teoría, la práctica y la comunidad para un aprendizaje continuo.
Para enfatizar el área de especialización de la empresa, el sitio web emplea un diseño moderno y minimalista. Esto pone la experiencia del usuario en primer lugar, lo que facilita la navegación y la reserva de cursos.
Las figuras geométricas animadas y los widgets de Lottie acentúan los detalles más importantes llamando la atención de los usuarios mientras se desplazan. Los sutiles modos de combinación contra un fondo de generosos espacios en blanco le dan al sitio web una sensación de alta gama. De hecho, el uso de formas geométricas especiales es prominente en todas las páginas del sitio, así como en el logotipo. El uso de degradados también está muy de moda y pone este sitio a la vanguardia.
Los formularios de reserva del sitio web utilizan el complemento de reserva de WooCommerce que permite a la empresa crear una plantilla de producto personalizada en la interfaz mientras mantiene una interfaz familiar en el backend, lo que permite a los médicos administrar sus cursos sin problemas.
El uso de fuentes de colores brillantes sobre un fondo blanco permite que el mensaje se lea con claridad. Aparentemente, el sitio web utiliza una sola fuente sans-serif en todos sus sitios web, tanto para los titulares como para los textos más pequeños. De hecho, el lenguaje de diseño es muy ajustado y uniforme, lo que le da un sentido de autoridad al mismo tiempo que proyecta la profesionalidad de la empresa detrás del sitio web.
Dirigida a profesionales de la salud que buscan convertirse en expertos en medicina estética, la interfaz limpia y moderna del sitio web está diseñada para hacer crecer esta red profesional de nicho, así como para reservar cursos de capacitación.
Diseño y Desarrollo: Agencia Digital Apasionados
Tema: Astra
Complementos: Jet Engine, WooCommerce, WooCommerce Bookings.
Ver sitio web en vivo
05
Aquadeck
por Grupo Pollet
Aquadeck produce cubiertas de lamas para piscinas de la más alta calidad con cuidado y artesanía. Impulsados por un conocimiento intensivo y años de experiencia, sus ingenieros buscan los mejores y más atractivos materiales, desarrollan los diseños más inteligentes y utilizan los componentes más seguros. La innovación nunca se detiene para ellos, ya que creen que los productos siempre pueden ser mejores, más inteligentes o más atractivos.
Con sede en Budel en los Países Bajos, el lema de la empresa es "Cerca... para ser perfecto", lo cual es claramente evidente en su sección de héroes. De hecho, claramente se han invertido grandes recursos tanto en fotografía como en videografía, dada la alta calidad de las imágenes en exhibición.
Este es un buen ejemplo de un diseño que ayuda a convertir un tema soso, aunque de nicho, en un sitio web interesante y visualmente atractivo. El diseño eleva toda la experiencia utilizando imágenes espectaculares, junto con diseños y fuentes modernas y contemporáneas.
Hay una clara intención de que el color del sitio web provenga de sus fotos, videos e ilustraciones animadas. El fondo es predominantemente blanco y negro, con delicados toques beige, que fijan el foco en la calidad del producto.
Alejándose de la convención moderna, el sitio web utiliza fuentes sans-serif en todo su sitio web con títulos simplemente en negrita y de mayor tamaño.
Visitar la sección de cubiertas de piscinas permite arrastrar las flechas hacia la izquierda o hacia la derecha y ver en tiempo real las piscinas abiertas o cerradas, ya sea parcial o totalmente. Los cuadros de atributos en los que se puede hacer clic ofrecen información detallada sobre los productos.
Los dibujos lineales de un mapa mundial se pueden ver en varias páginas, como la página de contacto, manteniendo las cosas en movimiento, por así decirlo. Los efectos de movimiento de desplazamiento inteligentes en todas partes agregan algo de acción a la tranquila serenidad de las imágenes.
Un sitio web que está bien hecho y ejecutado perfectamente. Este es otro excelente ejemplo de cómo un buen diseño puede afectar la percepción de un producto y la empresa detrás de él. Este es un sitio web que se ajusta a su producto como "más cercano a la perfección".
Diseño y desarrollo: Pollet Group
Tema: Hola
Complementos: Happy Elementor Addons Pro, Jet Elements, Jet Engine, WP Rocket
Ver sitio web en vivo
04
Investigación BAU
por Adriá Paz
BAU es una universidad de diseño ubicada en Barcelona y adscrita a la Universitat de Vic – Universitat Central de Catalunya, que imparte estudios oficiales de diseño dentro del Espacio Europeo de Educación Superior. BAU Research nació del convencimiento de que la investigación es una práctica inventiva que puede desarrollarse con creatividad y rigor. Comparten prácticas e ideas con la voluntad de producir nuevos significados, nuevos imaginarios, mercados más justos y vidas más sostenibles.
El azul es el color de la competencia, y qué mejor uso del color que para la sección de héroes de un departamento de investigación. El desplazamiento explica su mensaje único en texto fino sans-serif.
La sección principal incluye una combinación de diferentes efectos: desplazamiento, seguimiento del mouse y widgets fijos, y copia inteligente, particularmente con el texto tachado que "elimina" el pensamiento convencional.
El sitio web emplea un diseño moderno y minimalista, y una tipografía grande. Utiliza un menú flotante de una manera inusual: al desplazarse hacia abajo, el menú desaparece y deja la página completamente limpia, mientras que al desplazarse hacia arriba, vuelve a aparecer de inmediato.
Se utiliza una serie de modos combinados a medida que cambia a su mensaje principal de moda inclusiva. Pronto se ve un fondo de video antes de que cambie nuevamente a una fotografía de alta definición.
Al hacer clic en el menú de hamburguesas, toda la pantalla se pinta de azul para que el texto blanco superpuesto sea claramente visible. Una vez más, el uso del azul genera una sensación de confianza, paz y lealtad.
El sitio web de investigación de la universidad catalana muestra inteligentemente un boletín informativo por correo electrónico en sus pies de página, lo que maximiza su espacio para recopilar información antes de que los visitantes hagan una oferta.
Diseño y Desarrollo : Adriá Paz
Tema : Hola
Complementos: Sticky Header Effects para Elementor, ele Custom Skin Pro, WP Smushit, Complianz gdpr, WP Data Access, WP Menu Icons, Sitepress multilingual cms, Yoast SEO, W3 Total Cache
Ver sitio web en vivo
03
Bickford e hijos
por Frame Creative y Sid Puri
Bickford and Sons tiene la intención de crear una conexión emocional y confiable con su audiencia. Se han propuesto ganarse su lugar como una marca clásica moderna aprovechando la historia a través de su historia de marca de 140 años y proyectando autenticidad a través de una presentación de marca renovada para 2021. Lo logran al combinar ingredientes naturales, un legado de métodos artesanales y recetas para ofrecer sabores auténticos y excepcionales, todo creado pensando en los espíritus de sus clientes.
Siguiendo su diseño renovado este año, el fabricante de bebidas de Australia del Sur hizo todo lo posible en su nuevo sitio web. Desde el primer momento, se nos presentan sus icónicas latas que fluyen de lado a lado en su sección principal como un magnífico video de alta definición en bucle.
El resultado es un fondo de colores tranquilos con bolsillos de colores vibrantes de las latas icónicas de la marca que son agradables a la vista. Los divisores Shape exhiben limpiamente los productos de la compañía, mientras que su diseño minimalista evoca un ambiente chic muy lujoso. Hay un buen uso de efectos de desplazamiento transparentes.
El uso de una serie de varios fondos coloridos que combinan con cada producto respectivo y la combinación adicional de imágenes superpuestas crea la impresión de que puede simplemente acercarse y tomar un trago.
El uso del sitio web de una gran tipografía en mayúsculas y negrita le da un aspecto moderno. Esta es una marca que conoce a su público joven y les habla directamente al generar entusiasmo visual en torno a su producto.
Diseño: marco creativo
Desarrollo : Sid Puri
Tema : Astra
Complementos : Localizador de tiendas
Ver sitio web en vivo
02
Museo de dinosaurios de Praga
por Robin Stenczel y Amazual Media
Dinosauria Museum Prague es un mundo único que desglosa ideas sobre un museo. Permiten a los visitantes experimentar una aventura sin precedentes frente a los dinosaurios dentro de un mundo interactivo moderno. Los visitantes descubrirán la colección privada más grande de esqueletos de dinosaurios auténticos, modelos que son tan realistas que les darán escalofríos, junto con la última tecnología para su entretenimiento y educación.
La sección de héroe en sí es suficiente para inspirar a los visitantes del sitio web a convertirse en visitantes de la vida real. Usando una serie de efectos de movimiento, fuentes personalizadas e íconos coloridos, los visitantes tienen la experiencia de atravesar el tiempo hasta la era de los dinosaurios.
El sitio web se abre con un video espectacular que introduce a los visitantes al mundo de los dinosaurios y crea una sensación de profundidad como si se estuviera despegando capa tras capa. Los círculos del video también son visibles en la página del sitio web y simulan algo de otro y espectacular mundo perdido en el tiempo.
Usando hermosas imágenes de alta calidad de dinosaurios, una combinación de efectos de desplazamiento en elementos de diseño, figuras y vegetación, crea una experiencia totalmente interactiva. La ventana adhesiva también revela capa tras capa de la historia del museo y las diversas actividades disponibles.
El lienzo negro crea una atmósfera misteriosa, mientras que los colores neón resaltan. De hecho, varias páginas usan videos oscuros de alta definición, imágenes de carrusel ampliadas y formas de máscaras que se unen para crear una mística sutil.
El sitio web utiliza íconos personalizados que resaltan cada uno de sus atributos clave. También utiliza un color blanco esqueleto para su texto junto con botones y contornos verde bosque que rinden respectivamente un sutil homenaje a los fósiles del presente y las criaturas vivientes del pasado.
Las animaciones flotantes y los iconos superpuestos, así como los widgets de Lottie, también se pueden ver en varias partes del sitio web. De hecho, están sucediendo muchas cosas, pero nunca se siente abrumador. En su lugar, crea emoción y genera anticipación, exactamente lo que le gustaría que sintieran los visitantes del museo.
La República Checa es famosa por sus innumerables atracciones, y ahora Dinosauria Museum Prague ha puesto otro punto de acceso en las famosas calles empedradas del ilustre mapa de Praga.
Diseño: Robin Stenczel
Desarrollo : Amazual Media
Tema : Hola
Complementos : HappyAddons, el marco SEO, Polylang
Ver sitio web en vivo
01
fresa digital
por Shyam Singh
Digital Strawberry ofrece servicios de marketing digital de extremo a extremo. Desde el desarrollo de sitios web que coincidan con la visión del negocio de los clientes hasta el diseño gráfico de creatividades interactivas que ayudarán a conectarse con la audiencia de sus clientes, ¡ Digital Strawberry lo hace todo!
"PULSE INICIO" es cómo se recibe a los visitantes en un texto estilo píxel de color neón retro que evoca sentimientos de nostalgia. La sección de héroes de papel cuadriculado con pantallas de computadora de escritorio de la vieja escuela en movimiento, así como animaciones animadas, ilustraciones y tableros de anuncios sin duda llamará su atención y lo llevará de regreso a la era clásica de los juegos de PC.
El sitio web también combina hábilmente serif con sans-serif: una pantalla de fuente para títulos clásicos y una fuente moderna para el cuerpo del texto. También hay componentes que están encerrados dentro de marcos que simulan un navegador o un reproductor de video.
La compañía muestra sus beneficios clave rotando una palabra en una oración estática. Es un buen uso del texto giratorio de color rojo. De manera bastante poco convencional, el menú se coloca en la base de la sección del héroe, por lo que es imposible ignorarlo.
Al desplazarnos hacia abajo, nos reciben varias figuras e íconos pixelados de la cultura pop, desde Pokémon hasta Hello Kitty. El papel cuadriculado actúa como lienzo con mezclas de azul, blanco, amarillo y morado que dividen cada sección. Este es un ejemplo fantástico de un sitio web que emplea efectos de desplazamiento y movimiento del mouse para crear una apariencia llena de acción. Además, los motivos de diseño de letras grandes y colores brillantes añaden vitalidad y personalidad genuina.
El sitio web utiliza un lenguaje de diseño identificable, gifs excepcionalmente creativos, ilustraciones divertidas y animaciones que realmente no hemos visto antes. Grandes ejemplos de esto son el menú emergente y el sitio web. Los corazones cargados de Legend of Zelda son un buen saludo para los jugadores, al igual que el video del gato para los fanáticos de la cultura pop de Internet. Incluso la animación del teléfono plegable en la página de contacto es un buen toque.
El uso de imágenes de fondo, superposiciones e imágenes, junto con fuentes personalizadas, significa que los creadores realmente no dejaron ningún píxel sin remover aquí. Los colores del sitio web transmiten diversión, experiencia e incluso una sensación de optimismo. ¡Este sitio web icónico te dará una sensación de fresa digital para siempre!
Diseño y desarrollo : Shyam Singh
Tema : Hola
Complementos : motor a reacción, cargador Maz, Rank Math.
Ver sitio web en vivo