IDENTITÉ NUMÉRIQUE / DESIGN WEB
PROJET DE STUDIOOdd Frequency
Une petite famille conceptuelle d’instruments électroniques de bureau. Odd Frequency s’adresse aux musiciens et aux curieux qui souhaitent explorer avec des commandes physiques. Le site rapproche l’objet, explique sa connectique et laisse place à l’expérimentation sans ressembler à une application de productivité.
Une exploration indépendante d’AsturaWeb. Le design d’une expérience numérique, sans commande client.
- SECTEUR
- Instruments électroniques · Produit · Exploration sonore
- LANGUE DU SITE
- Anglais
- ÉDITION
- 2026
- PÉRIMÈTRE
- Identité, UI et direction de production
01 / LE CONTEXTE
Le son commence dans les mains.
La proposition part d’un synthétiseur compact : métal violet, potentiomètres clairs et signaux jaunes. Le produit doit se comprendre comme un instrument, pas comme une boîte mystérieuse. Photographie de studio, nomenclature cohérente et documentation accompagnent une voix directe : moins d’écran, plus de signal.
- Instrument et spécifications dans des colonnes distinctes
- Comparaison des modèles avec nomenclature cohérente
- Sound Lab explicite sur l’absence d’audio
Les visuels conservent leur langue d’origine. Le récit du projet suit la langue choisie sur AsturaWeb.
02 / LE DÉFI
Une marque expérimentale doit éveiller la curiosité sans cacher ses limites. Il fallait distinguer expression et technique : les images montrent échelle et toucher ; les colonnes de données permettent de vérifier commandes, connexions et possibilités sans fouiller des paragraphes promotionnels.
L’IDÉE
Un rail vertical numéroté organise instruments, Sound Lab, notes et support. Le gris clair évoque un établi, le violet structure et le jaune signale les actions. Les titres grotesques compacts contrastent avec les données monospaces, comme deux registres d’un même panneau physique.
03 / AU-DELÀ DE L’ACCUEIL
Un système,
au-delà du premier écran.
L’accueil met l’instrument face à sa colonne de caractéristiques. La comparaison distingue ensuite OF-01 et OF-02 par fonction, commandes et sorties. Sound Lab regroupe des presets avec nom, caractère et chemin du signal. Les formes d’onde sont une notation visuelle ; l’écoute est indiquée indisponible car le concept ne contient pas de fichiers audio. Aucune lecture inexistante n’est présentée comme fonctionnelle.
LE LANGAGE DU PROJET
Du caractère, avec justesse.
Couleur et matière
Violet encre et gris d’atelier, avec un jaune acide limité aux signaux. La précision industrielle remplace les dégradés d’esthétique gaming.
Typographie et hiérarchie
Grotesque compacte pour modèles et titres ; monospace pour ports, paramètres et indices. La différence sépare exploration et consultation.
Image et mouvement
Instrument sur une table, câbles contenus et gros plans sur le métal. Les détails relient les spécifications à des décisions matérielles reconnaissables.
04 / RESPONSIVE ET INTERACTION
Un autre écran.
La même intention.
L’index latéral devient un sélecteur horizontal numéroté. La fiche mobile privilégie image, modèle, connectique et documentation ; les spécifications restent en lignes, pas dans un tableau desktop réduit. La seconde vue développe un preset et sa connexion pour conserver le contexte avant toute commande.
DU BRIEF AU SYSTÈME
- 01Contexte
- 02Contenu
- 03Structure
- 04Direction visuelle
- 05Système UI
- 06Responsive
Développement, intégrations et validation de production relèvent d’une phase ultérieure, définie selon le périmètre réel.
05 / DIRECTION TECHNIQUE
Pensé pour envisager
la production.
Étude visuelle conceptuelle : photographies et images d’interface générées et sélectionnées pour le projet. Les sites représentés ne sont connectés à aucun service réel.
Famille de produits et documentation fictives, présentées par des images d’interface. Aucun instrument fabriqué, vente ou moteur audio connecté. L’agrandissement des images et l’exploration dans le téléphone utilisent les composants réels d’AsturaWeb.
- Direction artistique
- Design d’interfaces
- WebP adaptatif
- HTML sémantique, clavier et contraste
- Images responsive et chargement progressif
- Contenu indexable et structure SEO
Hébergement, mesure avec consentement et données structurées seraient définis à partir d’informations vérifiées et de besoins concrets.
PARLONS-EN
Un nouveau site, une refonte ou une idée encore à préciser. Écrivez-nous : nous verrons ensemble ce qui mérite d’être construit.
Parlez-nous
de votre idée.
Donner forme à mon projet
Basé dans les Asturies. Des projets à distance en Espagne, en Europe et à l’international.
Pas besoin de maîtriser la technique ni d’avoir tout décidé. Dites-nous ce que vous faites et ce que vous souhaitez améliorer. C’est notre point de départ.
Un devis sur mesure. Une proposition claire, sans engagement.
POUR LANCER LA CONVERSATION
- Ce que fait votre entreprise
- Ce que vous aimeriez améliorer
- Votre site actuel, si vous en avez un