Sites Web Elementor de mai 2022
Publié: 2022-06-13La cinquième vitrine de cette année taquine de manière alléchante les tendances changeantes du design, explore de nouveaux rebondissements sur les icônes culturelles rétro et célèbre le pouvoir sous-estimé des personnalisations subtiles. Les sites Web de May incluent une variété de studios et d'agences de création, une entreprise entrepreneuriale technologique puissante, l'un des festivals de musique d'été les plus populaires d'Océanie, un portefeuille d'expositions numériques universitaires, un salon de beauté grec sensuel, un projet de patinage de base et un site Web Montessori digne de sourire. .
Découvrez des animations mystérieuses qui ne révèlent le contenu d'un site Web vide qu'au survol, prenez des notes sur la façon d'implémenter des conceptions classiques dans des mises en page modernes, voyez comment fusionner une variété d'effets de défilement et d'animation, étudiez comment garder un air mystérieux en retenant le contenu, et découvrez le pouvoir de la couleur sur l'émotion avec des pages intérieures dédiées.
Voici votre chance de vous inspirer des sites Web méritoires de mai !
Obtenez Elementor Pro aujourd'hui
dix
Fête des chutes
par Cruickshanks Agency
Falls Music & Arts Festival est un festival de musique australien de plusieurs jours organisé chaque année dans des endroits de Victoria, de Tasmanie, de Nouvelle-Galles du Sud et d'Australie occidentale au cours de la période du Nouvel An. C'est l'un des plus grands festivals musicaux d'Océanie, réunissant certains des plus grands groupes du monde. Le festival accueille des spectacles de musique contemporaine, de la danse, de la comédie, du théâtre, du cirque, du cabaret et d'autres formes d'art. Les artistes qui jouent au festival incluent le rock, le hip hop, la musique indépendante, la musique électronique, le blues et les racines.
S'inspirant des affiches des festivals de musique, le site Web a clairement été conçu pour résonner auprès de son jeune public. La mise en œuvre d'une finition granuleuse nostalgique dans un fond dégradé donne à la page une atmosphère un peu désertique.
Falls Festival met en œuvre un grand type, un design minimaliste et un schéma réactif hautement mobile clairement destiné à son public cible mobile. Utilisant un spectre de couleurs - rose, orange, jaune et bleu - le festival évoque des sentiments d'énergie et d'excitation en ligne avec son catalogue musical.
En approfondissant ses pages intérieures, le public pourra trouver des informations sur chacun des artistes interprètes, ainsi que des liens vers chacune de leurs différentes poignées de médias sociaux. Offrant un aperçu des sons de la setlist, les téléspectateurs trouveront une liste de lecture Spotify personnalisée intégrée, y compris un effet vidéo statique vintage rétro.
Le Falls Music & Arts Festival s'adresse à son noyau démographique en utilisant une combinaison de techniques contemporaines tout en ne gardant que la scène principale du contenu. Après deux ans de silence, le Festival des chutes est à nouveau prêt à bouger.
Conception & Développement : Brett Cruickshanks – Agence Cruickshanks
Thème : Bonjour
Plugins : Elementor, Elementor Pro, Nitropack, Rank Math SEO, Insert Headers & Footers
Voir le site Web en direct
09
Ulah
de BangLUXOR
Ulah est une agence créative espagnole spécialisée dans le conseil en marque, la création d'interfaces numériques et les outils de gestion marketing pour les projets à fort impact. Ils travaillent à l'échelle mondiale avec le soutien de clients dans six pays. Leur vision vise à faire la différence dans chaque projet grâce à une stratégie réussie en accord avec les tendances actuelles du marché. Leur travail simplifie les affaires, inspire de nouveaux comportements et répond aux besoins des gens.
La première chose qui frappe le spectateur est la section des héros uniques qui est divisée de manière plutôt non conventionnelle. De la manière, il s'ouvre avec sa copie percutante faisant une grande entrée, à la façon dont emploie un rouge-orange vif et vif, le site Web offre une prise rafraîchissante pour les agences créatives souhaitant se démarquer.
Des éléments de symboles rétro animés par ordinateur tels qu'un pouce levé, un visage avec un coup de poing, des croquis de griffonnage et des animations Lottie se combinent pour donner au site Web une ambiance ludique mélangée à des finitions professionnelles de texte sans empattement, de gros caractères et d'un minimaliste plat motif. L'effet de menu hamburger astucieux de type flashback ressemble un peu à une émission de télévision à l'ancienne. On remarque également l'utilisation de plusieurs CTA, de chemins de texte et d'un logo qui ressemble à un sourire, soulignant une approche légère de cette industrie professionnelle.
Faites attention au curseur de la souris changeant dans la section des services, qui passe à l'orange, ainsi qu'à la conception Web, à l'image de marque et au marketing numérique de trois pages intelligentes. Il y a une apparence globale interactive et fluide sur le site Web, une belle utilisation des masques sur les pages intérieures et une interprétation unique d'un motif gauche-droite.
Ulah est une nouvelle approche pour se démarquer dans le paysage concurrentiel des agences de création. En combinant une finition professionnelle avec des touches de délices ludiques, l'agence montre sa main magistrale pour inspirer, ravir et livrer.
Conception & Développement : Andres Florido Delgado – BangLUXOR
Thème : Bonjour
Plugins : Elementor Pro, Dynamicooo, Addons illimités, WProcket
Voir le site Web en direct
08
Disraptors
par Amazon Media
Disraptors est un groupe de personnes d'horizons divers - VC, banques d'investissement, startups, ONG et agences spatiales. Ensemble ils se tiennent debout, divisés ils travaillent parfois sur d'autres trucs. Ils produisent une flotte diversifiée de contenus, le Disraptors Summit avec la finale du championnat européen des startups est notre fleuron. Leurs podcasts, concours de startups locales, hackathons et rencontres sans pitch sont leurs autres principaux navires.
Afficher le visage de l'un des gourous de la technologie les plus renommés au monde lors de votre événement vitrine est un coup de maître qui ne nécessite aucune explication. Avec le célèbre visage de Steve Wozniak collé sur le héros juste à côté de sa marque et de ses personnages clés, c'est un moyen stratégique de montrer les points les plus vendus du groupe sans même que le spectateur ne défile.
L'utilisation d'une police sans empattement "Chakra Petch" fait ressembler la page à des lignes de codage à l'ancienne, et le mode 13h (VGA 256 couleurs) rappelle clairement les logiciels informatiques de la fin des années 80 et du début au milieu des années 90, que le site Web public cible serait sans aucun doute fortement influencé par. On remarque également un effet d'animation pixélisé par ordinateur sur les pages intérieures.
Il y a un fort sentiment de défilement via des effets de défilement et des animations, une copie simple, une palette de couleurs futuriste et un logo inspiré d'un vélociraptor. En fait, l'ensemble du site Web est intelligemment encadré pour offrir aux vues un fort sentiment de preuve sociale grâce à des icônes de l'industrie de renom et à des partenaires célèbres.
Disraptors utilise de nombreuses animations de défilement tout à fait conformes à l'âge d'or de l'informatique qui définit l'ère, maintenant mis à jour avec une apparence et une sensation adaptées au 21e siècle.
Conception : Robin Stenczel
Développement : Amazon Media
Thème : Bonjour
Plugins : Addons Premium, Elementor PRO, ACF
Voir le site Web en direct
07
COMX
de Jordan Jenkins et Sam Carrier
COMX est une incroyable exposition de projets numériques couvrant les jeux vidéo, les technologies interactives, l'animation et l'art, tous créés par les talentueux étudiants de la School of Game Technologies de l'Université du Gloucestershire. Chaque année, les étudiants se regroupent et mettent leurs compétences à l'épreuve en créant leurs propres projets originaux, ce qui fait de COMX une expression unique des talents créatifs, techniques et coopératifs de l'université britannique.
La couleur est éclaboussée sur tout le site Web, des dégradés subtils aux sections de marquage de toiles pleine largeur vives. Les visiteurs seront également attirés par la structure esthétique des grilles de boîtes aux coins arrondis correspondant à l'aspect et à la convivialité de la page. Le site Web est lumineux, amusant, dynamique et évoque une sorte d'émerveillement enfantin.
Chacun des héros des pages respectives est décoré dans une couleur spécifique; la page Awards dans un dégradé framboise-orange, la page Teams dans une teinte myrtille-céruléenne, la page Étudiants dans un hybride sarcelle-vert aqua, la page COMX Live dans un mélange bleuâtre à violet-lavande, la Gallery dans un royal-fuchsia et mélange de roses, et la page de connexion dans une fusion de saumon et de mandarine atomique. Chacune de ces pages apporte sa propre personnalité et dégage sa propre énergie.
Des animations de texte en fondu sont utilisées sur plusieurs pages, qui se déroulent de manière transparente lors du défilement, notamment sur la page des récompenses. Chacune des équipes reçoit sa propre palette de couleurs et un espace pour détailler ses traits et qualités uniques. La conception plate du site Web permet en quelque sorte de contrôler l'ensemble du système de conception.
COMX est un exemple classique de la façon dont des couleurs magnifiques peuvent donner vie à un site Web sans submerger le spectateur, car il combine de manière experte des éléments de minimalisme, de design plat et de dégradés. COMX est là pour jouer !
Conception & Développement : Jordan Jenkins et Sam Carrier
Thème : Bonjour
Plugins : Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, ACF Frontend, Dynamic Conditions, Custom Post Type UI, Advanced Custom Fields, LoftLoader
Voir le site Web en direct
06
MESSS
par Orlando Marconi
MESSS est une agence de création et un studio brésilien composé d'une équipe de professionnels agités prêts à repenser la communication de marque de leurs clients de la manière la plus originale possible. De la stratégie à l'exécution, sur, hors et même au-delà de l'ambiance : ils promettent un dévouement total pour faire résonner largement la voix de leurs clients. Ils ont l'esprit tourné vers l'avenir mais comprennent ce dont la marque a besoin d'hier. Avec un regard très attentif et unique, ils prouvent qu'il est possible de surprendre jusque dans les détails.
Le MESSS présente deux volets : Agence + Studios, chacun avec un public cible. L'agence sert les moyennes et grandes marques qui souhaitent utiliser des "influenceurs numériques" pour tirer parti de leurs campagnes et de leurs ventes, tandis que le Studio s'adresse aux agences qui ont besoin de sociétés de production vidéo et photo pour mener à bien leur campagne.
Instillant de la crédibilité avec créativité, le site Web utilise une mise en page minimaliste avec des médias riches et dynamiques. Le site Web de l'agence montre son côté créatif à l'aide d'une vidéo d'arrière-plan pleine largeur, tandis que son homologue de studio présente son riche portefeuille. Visible sur tout le site Web, une couleur rose néon dominante est utilisée sur une variété d'éléments influencés par le logo.
Il y a une belle hiérarchie à l'intérieur des études de cas avec presque une apparence de blog. En faisant défiler jusqu'au pied de page, les téléspectateurs remarqueront une belle animation Lottie personnalisée, des lignes de dessin de style libre, des ombres roses brillantes sur les cases en survol et une étreinte du mot "désordre" lui-même.
MESSS est un site Web qui transmet de la crédibilité tout en étant créatif et flexible dans un gâchis créatif qui tombe parfaitement en place.
Conception & Développement : Orlando Marconi
Thème : Bonjour
Plugins : Elementor Pro, Crocoblock JetEngine, DynamicTags
Voir le site Web en direct
05
Salon de beauté Théa
par OFFSCALE
Thea accueille un espace chaleureux, accueillant et plein d'énergie positive, où des services de salon de beauté et des produits de haute qualité sont fournis dans la ville portuaire de Thessalonique. L'établissement grec a pour première préoccupation la satisfaction et le service de ses clients et travaille dur pour fournir les meilleurs services et produits.
La Grèce est le mot sur ce magnifique site Web qui a été embrassé par l'océan. Un thème de couleur unique enveloppe le site Web, rappelant les collines pierreuses et les eaux turquoises de Thessalonique. Apportant de nombreux éléments du riche patrimoine culturel grec, le salon les utilise comme motifs sur tout le site Web.
L'esthétique grecque classique telle que les sculptures, les icônes, les boutons et les illustrations, les icônes, les boutons, les illustrations, les images et les formes de masques inspirées à la fois de l'ancien et du nouveau sont clairement visibles. Une police océanique apaisante est également utilisée pour transmettre le message, avec la beauté féminine célébrée avec art.
Il n'y a ni points ni arêtes, tout est raffiné. L'utilisation d'une tête, d'un torse et d'une main féminins sculptés est une belle façon de mettre en valeur les soins du visage, du corps et de manucure proposés par le salon. Le salon veut clairement que sa clientèle se sente aussi somptueuse qu'une déesse mythique.
Le langage de conception unifié de Thea est aussi apaisant que les vagues de la mer Méditerranée. Tissant une ancienne tapisserie du patrimoine dans les soins de beauté d'un monde moderne, le site Web est une célébration du présent car il est un hommage à son célèbre passé antique.
Conception & Développement : Marios Natsos – OFFSCALE
Thème : Bonjour
Plugins : Elementor Pro, WP mail SMTP
Voir le site Web en direct
04
Wodo
par Shyam Singh
WODO est une équipe de penseurs passionnés et créatifs, d'entrepreneurs expérimentés et de cadres hautement qualifiés pour aider à la croissance des entreprises. Basés en Inde et travaillant avec des clients du monde entier, ils s'en tiennent aux principes fondamentaux de la conception Web créative et des campagnes numériques à haut retour sur investissement. En termes simples, ils connaissent le jeu du lancement d'une entreprise en ligne et de sa croissance vers la rentabilité. En connectant les bons points pour les entreprises de leurs clients, ils créent des solutions numériques compétentes qui ont un impact.
La conception du site Web s'inspire des directives de conception contemporaines, des animations subtiles, des micro-interactions et d'une approche axée sur le mobile. Chaque élément utilisé a été créé avec une identité de marque cohérente à l'esprit. Prenez la sphère animée, par exemple, qui utilise des reflets numériques avec un effet de carrousel.
Au fur et à mesure que le spectateur défile vers le bas, il verra un emblème interactif avec des mots en rotation. Juste au-dessus se trouve un menu triangle hamburger unique qui, au survol, change les liens d'accès rapide en noir. Il convient également de prêter attention aux lignes de grille en arrière-plan, qui ajoutent un peu de stabilité et d'ordre à la page.
L'ensemble du site Web montre ce que l'agence de création haut de gamme est en mesure d'offrir. L'utilisation d'animations Lottie et de SVG pour le logo et les icônes, ainsi qu'un noir luxueux mélangé à une palette de couleurs jaune ludique, contraste magnifiquement avec le mélange de chaos et d'ordre du site Web. Le cas échéant, les pages intérieures illustrent également l'expérience mobile sans jamais avoir à quitter le site Web. De même, les résultats des études de cas sur la page sont une belle touche.
WODO transmet magnifiquement sa vision et son message de marque clairement à travers chaque projet avec des pages intérieures détaillées et des pages principales très soignées illustrées par son utilisation du dernier cri en matière de design moderne.
Conception : Aravind Sudarsanan
Développement : Shyam Singh
Thème : Bonjour
Plugins : Elementor Pro, Jet Engine, Stéroïdes pour Elementor
Voir le site Web en direct
03
Aïurri Montessori
par Humanos Unidos
À Aiurri Montessori en Espagne, ils ont créé des espaces que les enfants peuvent sentir comme les leurs. Des espaces qui tiennent compte de leurs besoins pour se construire et où ils peuvent être libres de suivre leurs tendances naturelles et ainsi développer tout leur potentiel en suivant leur maître intérieur. La pédagogie Montessori se concentre sur le développement intégral de la personne dès sa naissance, en plaçant toute confiance dans son potentiel et en offrant un environnement bienveillant et basé sur la réalité afin que chaque enfant devienne la meilleure personne possible.
Capturant la liberté de la pédagogie Montessori, le site Web présente intelligemment un moment fluide sur une image pleine largeur dans le héros de la page. Entouré d'une couleur jaune pastel, il règne une atmosphère très calme et agréable créée par le design. Des images haute définition d'enfants engagés profitant d'une variété d'activités éducatives, ainsi que des enseignants souriants évoquent un sentiment de chaleur et de sécurité auquel les parents peuvent immédiatement se connecter.
Une grande typographie, des citations personnelles et un changement de couleur minimaliste s'unissent pour créer une sensation bienveillante et confortable, tout comme les enfants heureux et souriants. L'utilisation des espaces blancs,
Les gros caractères et les citations personnelles de Maria Montessori aident à illustrer l'approche centrée sur l'enfant de cette méthode d'enseignement.
Chacune des pages intérieures utilise une couleur pastel légèrement différente qui met en évidence une zone différente du site Web, y compris des nuances de jaune, de vert et de rose. Faites attention au logo du site Web, qui ressemble à des lettres peintes par un crayon qui célèbre à nouveau l'innocence de l'enfance.
Aiurri Montessori offre à son public cible un sentiment accueillant et stimulant de sa méthode révolutionnaire en capturant l'essence de la nature libre des salles de classe et des activités centrées sur l'enfant et dirigées par des enfants de Maria Montessori.
Conception : Benat Elizalde
Développement : Miguel Angel Herrera – Humanos Unidos
Thème : GeneratePress
Plugins : Elementor Pro, Premium Addons, WPML, Essential Addons
Voir le site Web en direct
02
Skateboard Traunstein
par Bene Hofer
Skateboarding Traunstein est un club fraîchement fondé qui est très motivé pour relancer la scène skate dans la ville allemande et ses environs. Sa mission est de créer un lieu et une communauté où chacun peut se sentir à l'aise. Ils forment une grande communauté qui veut faire une différence à Traunstein.
Fidèle à ses racines, le site Web utilise courageusement une vidéo de caméra portable comme héros en plein écran. Cela le rend accessible à la jeunesse locale. L'utilisation d'une grille asymétrique donne également au site Web une touche contemporaine.
Lorsque les visiteurs survolent le logo, il commence à tourner pendant une fraction de seconde, ce qui, une fois cliqué, nous ramène en haut de la page. La liste à venir est également non conventionnelle, qui ne révèle que des images de ce qui nous attend.
L'une des principales caractéristiques de la page est son influence sur le patinage. De la typographie brutaliste à son logo de rampe de skate, en passant par la multitude d'images et de vidéos placées partout sur le site. La couleur vient vraiment du rich media car la subtile toile au mercure met en avant le contenu.
Skateboarding Traunstein capture avec précision ses principes fondateurs consistant à obtenir le soutien d'un plus grand skate park, à organiser des concours de skate et à offrir aux nouveaux skateurs des opportunités d'accéder à des cours de skate avec une approche minimaliste qui met en toute confiance le skateboard au premier plan.
Conception & Développement : Bene Hofer
Thème : Bonjour
Plugins : Elementor Pro, Qi Addons, Curseurs personnalisés WP
Voir le site Web en direct
01
Bord ZURU
par Marc Day
ZURU Edge consiste à créer des marques perturbatrices d'une nouvelle ère dans les grandes catégories de biens de consommation. Leur équipe s'engage à créer des marques axées sur un objectif et pertinentes pour les consommateurs de la génération Y et de la génération Z. Ce sont les marques que ses clients exigent : des marques avec du cœur, un objectif et de la valeur. Basés à Auckland, en Nouvelle-Zélande, chez ZURU Edge, ils construisent les marques de demain et nous les présentons au monde, aujourd'hui.
Le héros vidéo du portfolio pleine largeur est une harmonie de couleurs éblouissante et met en valeur la vaste gamme de clients de l'agence. Il y a une touche de grandeur avec une vidéo haute définition donnant une apparence plus grande que nature à leurs capacités de marque. Pourtant, il y a aussi un sentiment d'accessibilité car des éléments de simplicité tels que le pied de page, la page de contact et l'approche minimaliste dominante complètent les fonctionnalités plus fortes du site Web.
Le design plat et minimaliste utilise de grands caractères et de grandes images, qui sont placés sur une toile noire combinée pour lui donner un aspect et une sensation contemporains. De plus, le design met en valeur les images et les vidéos qui donnent sa couleur à la page, dont la plupart sont teintées d'un filtre néon. Il y a aussi une belle utilisation d'effets de défilement subtils attirant l'attention sur le texte d'accompagnement.
Un sentiment de mystère entoure le site Web en raison de sa galerie volontairement limitée et de sa mise en page minimaliste. Par exemple, survoler les cases vides sous "Marques" révèle ses images correspondantes. De même, la page "Nos marques" du site Web propose également un teaser alléchant de son portefeuille, incitant le spectateur à cliquer. Les pages intérieures détaillées offrent un aperçu plus approfondi de chaque campagne qui suit à nouveau la même formule de conception.
Créant les marques de demain, ZURU Edge évolue avec l'énergie, la direction et le rythme du monde d'aujourd'hui ; bousculer les catégories obsolètes et les faire entrer dans le 21e siècle avec des marques motivées par l'objectif, l'innovation et les données.
Conception & Développement : Marc Day
Thème : Bonjour
Plugins : Elementor Pro, Yoast, WP Rocket
Voir le site Web en direct