Les images SVG se généralisent sur Internet et, d'ici quelques années, nous bénéficierons d'une expérience web globalement améliorée. Ces images, outre le fait qu'elles peuvent être agrandies sans perte de définition, ne pèsent généralement que quelques kilo-octets.
Le format SVG est un format d'image vectorielle basé sur XML pour les graphismes 2D . Ce format graphique permet d'intégrer divers effets, images, animations et fonctionnalités interactives, améliorant ainsi l'expérience utilisateur des sites web. Sa petite taille facilite l'expérimentation de ces fonctionnalités. Nous allons donc vous présenter quelques-uns des meilleurs sites web utilisant des graphismes SVG, qui pourront vous inspirer ou vous servir d'exemple concret pour la réalisation de votre prochain projet, que ce soit pour un client ou un professionnel.
Agence Walking Men
Cette agence de design numérique se distingue par un site web remarquable, grâce à l'utilisation d'images SVG et à un style visuel unique . Un site dont il est assurément question. Le curseur, transformé en un point rouge qui s'adapte à chaque élément du site, attire particulièrement le regard.
Pays populaires
Un site web au design raffiné, où les hashtags apparaissent sous forme de pop-ups discrets qui n'altèrent en rien la fluidité de la navigation. Intégrés harmonieusement aux images, ils peuvent être mis en valeur.
Adriensen
L'élément principal étant la vidéo, la manière dont les images PNG sont fusionnées avec le texte qui apparaît au fur et à mesure que l'on fait défiler la page est intéressante.
10 × 17
Un site web inspirant grâce à son concept original et ses animations fluides qui accompagnent la navigation. Il s'agit d'une avancée majeure dans le domaine du webdesign, dont 10x17, présentant 26 artistes et leurs albums préférés de 2017, est un parfait exemple.
Duotix
Il suffit de cliquer sur l'icône à trois lignes horizontales en haut à droite pour découvrir les animations subtiles et fluides qui animent le menu d'en-tête de ce site web. Un exemple parfait d'intégration d'animations sur un site web.
Cuivre & Brave
Une boutique en ligne sans fioritures au niveau des animations, mais qui constitue un autre exemple de traitement des images SVG.
roche
Rocka, venue d'Espagne, nous présente les superbes transitions de couleurs qui s'affichent lorsque vous naviguez sur ce site web à l'aide de la molette de la souris. Une expérience visuelle magnifique, riche en animations.
Paradiso
Un design web qui privilégie la simplicité pour une ergonomie optimale , tout en intégrant une touche d'ingéniosité dans certaines animations qui enrichissent l'expérience web exceptionnelle proposée par Paradiso. Il convient de souligner une fois de plus la créativité et l'élégance des animations du menu d'en-tête.
Zero
Un studio de création new-yorkais met en valeur son approche du design avec un menu latéral qui se déploie grâce à une série d'animations et d'images captivantes. Si vous recherchez un menu original pour votre site web, celui de Zero est une excellente source d'inspiration. Au survol de chaque option, ces images et animations dynamiques s'affichent.
L'architecte Paris
Son écran de chargement est fascinant, et la manière élégante dont il affiche les derniers tweets, publications Facebook ou images Instagram est véritablement unique. Ce site web repousse les limites de l'expérimentation web.
Projet Redspace
Conçu pour simuler le passage du temps dans les mégapoles chinoises, ce projet y parvient avec brio grâce à une utilisation intelligente des couleurs, notamment des fondus et des dégradés. De vastes images apparaissent et disparaissent au rythme d'animations de haute qualité, réalisées avec une grande maîtrise. C'est véritablement impressionnant.
Films Tabo Tabo
Une société de production audiovisuelle française qui met en avant ses impressionnantes capacités vidéo en permettant de passer instantanément d'une catégorie à l'autre par simple survol. Explorez chaque catégorie pour découvrir ce que signifie expérimenter avec le webdesign.
Jacques Gillen
Ce site web utilise deux couleurs principales pour créer un contraste optimal et se rendre facilement identifiable. Il se distingue également par son animation de fond en mouvement constant.
Fergie
Zen Studio nous présente ce site web d'un artiste de renommée mondiale , un exemple parfait de ce que peut être un site web : un clip vidéo interactif où votre curseur contrôle l'animation unique. À voir absolument.
exorciste
Un cabinet de conseil brésilien utilise des animations pour présenter visuellement ses différents services. Simples, mais efficaces grâce à l'utilisation du vert et du bleu sur fond blanc.
dieu
Une autre expérience visuelle basée sur le jaune et le noir , qui a un grand impact pour représenter les catastrophes.
Olivier Guilleux
Portfolio front-end présentant un éventail de compétences web qui ne laissera personne indifférent.
la clairière
Un espace de coworking où le vert est à l'honneur . Des animations captivantes mettent en valeur une typographie remarquable, qui se distingue par sa fluidité et sa précision. L'exploration de l'icône du menu est vivement recommandée.
Expériences d'assurance
Un site web agréable et décontracté qui ne prétend pas aller beaucoup plus loin que ce qui a déjà été dit.
L'état de la technologie européenne
Si vous recherchez un site web avec des menus latéraux qui se démarque des autres, jetez un œil à celui-ci : il explore une manière originale de comprendre ces espaces, leur signification et leurs animations.
kappou
Buffy Douillettes
Alpes Mléko
Une célèbre marque laitière slovaque utilise le défilement pour créer une expérience web captivante et attrayante. Intrigant, c'est le moins qu'on puisse dire.
apaisement
Le studio espagnol Herokid Studio signe le design de ce site web, qui se distingue par ses couleurs noir et jaune, et une série de vidéos illustrant l'élégance de l'expérience utilisateur.