Lanyard
Créez des cartes de lanyard 3D interactives qui se balancent et bougent de manière réaliste. Parfait pour les cartes de visite numériques, badges d'événements et présentations de cartes uniques.
Créer un lanyardQu'est-ce qu'un Lanyard ?
Un projet Lanyard crée une carte 3D interactive suspendue à un ruban, comme un badge de conférence ou une carte d'identification. La carte se balance naturellement lorsque les visiteurs interagissent avec elle, créant une expérience captivante.
- Mouvement de balancement réaliste basé sur la physique
- Image et couleurs de carte personnalisables
- Position et échelle de l'image ajustables sur la carte
- Couleurs de ruban ajustables
- Fonctionne sur tous les appareils
Meilleurs cas d'usage
Cartes de visite numériques
Démarquez-vous avec une présentation 3D mémorable
Badges d'événements
Accréditations virtuelles de conférence ou d'événement
Cartes d'identification
Identification d'employés ou de membres
Cartes de membre
Cartes de membre de club ou d'organisation
Pass VIP
Accréditations d'accès exclusif
Pass artiste
Accréditations de coulisses ou d'artiste
Créer un Lanyard
Étape 1 : Importez ou générez l'image de la carte
Dans l'onglet Contenu, importez l'image de votre carte :
Importer une image
Glissez-déposez ou parcourez vos fichiers pour importer l'image de votre carte. Pour de meilleurs résultats, utilisez une image au format portrait, plus haute que large.
Tout l'espace qui reste autour de votre image est comblé par la couleur de fond de la carte : choisissez donc une couleur proche de votre design.
Étape 2 : Personnalisez l'apparence de la carte
Ajustez les paramètres de la carte :
- Couleur de fond de la carte : la couleur derrière votre image
- Décalage de la texture : ajustez précisément le positionnement de l'image (X et Y)
- Échelle de la texture : zoomez ou dézoomez sur votre image
Étape 3 : Personnalisez le ruban
Dans l'onglet Paramètres, changez la couleur du ruban pour qu'elle corresponde à votre marque ou au thème de votre événement.
Étape 4 : Ajoutez des liens de navigation
Utilisez l'onglet Menu pour ajouter une barre de navigation flottante avec des liens vers votre site web, vos profils sociaux ou vos coordonnées.
Paramètres du Lanyard
Couleur du ruban
Changez la couleur du ruban du lanyard. Accordez-la aux couleurs de votre marque ou de votre événement.
Arrière-plan
Définissez une couleur unie, un dégradé ou une image comme arrière-plan de la scène. Il apparaît derrière le lanyard suspendu.
Barre de navigation
Ajoutez des liens et des boutons de zoom à la barre de navigation flottante. Configurez la position, le style et la visibilité dans l'onglet Menu.
Boutons de zoom
Activez les contrôles de zoom dans la barre de navigation pour que les visiteurs puissent regarder votre carte de plus près.
Comment les visiteurs interagissent
Le lanyard répond aux interactions des visiteurs :
Glisser à la souris/au toucher
Cliquez et faites glisser la carte pour la faire se balancer. Relâchez pour la laisser se stabiliser naturellement.
Mouvement automatique
La carte se balance jusqu'à sa position au chargement de la page, puis se stabilise et attend qu'on la bouge.
Zoom
Utilisez les boutons de zoom de la barre de navigation pour examiner la carte de près.
Liens de la barre de navigation
Cliquez sur les liens de la barre de navigation pour visiter des pages externes ou afficher du contenu en modale.
Conseils pour de superbes Lanyards
- Utilisez des images haute résolution pour un affichage net de la carte
- Gardez le contenu important centré (les bords peuvent être rognés)
- Accordez la couleur du ruban à votre marque pour un rendu cohérent
- Ajoutez des liens de la barre de navigation vers votre site web, LinkedIn ou portfolio
- Utilisez le décalage et l'échelle de la texture pour cadrer votre image sur la carte
- Testez l'interaction de balancement avant de partager