Fonctionnalités de ce design

• Le nom de votre studio s’élève comme un paysage 3D en temps réel dessiné en courbes de niveau, ajusté automatiquement à tout nom de 5 à 12 lettres (sur deux lignes sur téléphone)
• Une sonde topographique sous le pointeur : l’altitude en direct et toute la courbe de niveau à cette hauteur tracée sur le terrain ; appuyer et glisser soulève une crête qui se résorbe d’elle-même, un clic envoie une onde (sur téléphone, appui long)
• Un défilement cinématographique : la caméra quitte votre nom, la nuit descend de l’horizon et quatre projets phares se jouent comme des paysages vivants avec des points cotés nommés
• Un index des travaux avec filtres et tri où le survol d’un titre fait tourner ce projet en direct derrière la liste
• Une page pour chaque projet : l’œuvre en direct avec trois curseurs et trois styles de ligne, une fiche technique, des images du processus, des images, des crédits et le projet suivant
• Une page à propos où votre portrait devient une carte topographique, plus services, outils, clients, distinctions, presse et remerciements
• Un formulaire de contact qui arrive dans votre boîte mail via Netlify, avec e-mail, téléphone, adresse du studio et vos coordonnées
• Conçu pour la vitesse : fluide sur les ordinateurs portables courants, un mode plus léger pour les ordinateurs lents, une carte fixe sans WebGL et une version calme pour les visiteurs qui préfèrent moins de mouvement
• Toutes les images de projets de la démo (couvertures, images et images du processus) sont dessinées par le moteur du site lui-même ; je les remplace par votre propre travail : captures d’écran, photos d’installations ou images de films

Idéal pour

• Creative developers et creative technologists
• Artistes numériques, génératifs et de données
• Studios WebGL, interactifs et d’installations

Pages et sections

• Accueil : un court carton titre avec votre nom, puis le nom de votre studio s’élève du sol comme un paysage vivant dessiné en courbes de niveau. Les visiteurs l’arpentent à la souris (une sonde lit l’altitude et trace la courbe de niveau à cette hauteur), appuient et glissent pour soulever une crête qui se résorbe d’elle-même et cliquent pour envoyer une onde dans le sol. Au défilement, la caméra quitte votre nom, la nuit descend de l’horizon et quatre projets phares se jouent comme des paysages vivants avec des points cotés nommés ; à la fin, votre nom revient au crépuscule sous Envoyez un brief
• Travaux : tous les projets dans un index épuré avec filtres par type et tri ; au survol ou au focus d’un titre, ce projet tourne en direct derrière la liste
• Projet : une page pour chaque projet avec l’œuvre en plein écran, trois de ses vrais réglages sur des curseurs et trois styles de ligne à changer, une fiche technique avec les faits, le brief, l’approche et le résultat, des images du processus, des images, des crédits et le projet suivant
• À propos : votre portrait lu comme une altitude et dessiné comme une carte topographique, puis votre histoire, vos services, vos outils, vos clients, vos distinctions, la presse et des remerciements à vos collaborateurs
• Contact : un formulaire de brief avec le type de projet et les délais, qui arrive dans votre boîte mail, plus e-mail, téléphone, adresse du studio et vos coordonnées marquées par une balise d’anneaux ; à l’envoi du brief, une onde parcourt le terrain