Atelier d'architectes numériques : croquis, code et matériaux

L'Atelier Pixel

Rigueur technique & émotion visuelle

Une vision ancrée
dans le réel.

Zeltrivonexo est né d'un constat simple : le web a besoin de sobriété. Nous combattons l'obsolescence programmée des sites lourds par un manifeste unique — "Le design doit servir, pas consommer."

Notre approche privilégie le Code Nu et les architectures statiques. Pourquoi ? Pour réduire l'empreinte carbone numérique et garantir une vitesse d'exécution maximale, où que vous soyez.

Chez nous, l'accessibilité n'est pas une feature ajoutée en fin de projet. C'est le socle incontournable. C'est la garantie que le numérique reste un bien commun, utilisable par tous, quelles que soient les capacités ou les connexions.

Cycle de Vie Durable

Chaque étape est optimisée pour réduire l'impact carbone et maximiser la longévité.

Conception Développement Déploiement Pérennité
Standards Techniques

Le Code Propre
comme Standard Éthique.

Pour rassurer les CTO et garantir la pérennité, nous suivons une matrice de contraintes strictes. Pas de compromis sur la structure sémantique ou le poids des assets.

Sémantique Bloquant

HTML structuré pour les lecteurs d'écran avant d'être visuel. Chaque balise a une raison d'être.

  • Header / Main / Footer
  • ARIA Label stricts
Performance Recommandé

Aucune image ne dépasse 200kb. Compression systématique AVIF/WebP priorisée.

  • Lighthouse > 95
  • Load < 1.5s (4G)
Indépendance Optionnel

Pas de dépendance critique aux plugins tiers. Si un service ferme, votre site reste en ligne.

  • SSG (Hugo/11ty)
  • Pas de WP fragile

À ÉVITER

HTML "Div Soup"


  
...

  
...

Inaccessible, mal référencé, lourd.

NOTRE STANDARD

Structure Sémantique


  

...

Accessible, rapide, pérenne.

L'Équipe

Profils & Expertise

Directeur Créatif

Directeur Créatif

UX/UI & Architecture Brutaliste

10 ans d'expérience en agence montréalaise. Il structure l'expérience utilisateur avant même la première ligne de code.

Développeur Front-End

Développeur Front-End

Performance & Accessibilité

Contributeur Open Source. Il garantit que le code est propre, robuste et conforme aux standards WCAG 2.1 AA.

Pixel &
Forme

Synergie Binômale

Nous refusons le découpage silo. Le designer et le développeur travaillent en binôme simultanément. Cette friction créative constante évite les erreurs de main-d'œuvre et assure que la forme émane directement de la contrainte technique, et vice versa. Pas de freelancier externe pour le cœur du projet.

#DesignSystem #Cohérence #Binôme

Méthodologie

Transparence radicale du premier croquis au lancement.

Processus Verrouillé
1

Audit & Architecture

On cartographie l'information. On définit les contraintes techniques et les priorités fonctionnelles avant toute création visuelle.

Livrable : Schéma de mots + Wireframes
2

Prototypage & Système

Validation des parcours utilisateurs. Construction du Design System (couleurs, typographie, composants) pour garantir la cohérence future.

Livrable : Figma interactif + Styleguide
3

Développement & Formation

Intégration propre (SSG). Tests d'accessibilité rigoureux. Formation de vos équipes à l'administration autonome du site.

Garantie : 30 jours corrections

La Contrainte du "Tout Visible"

Nous refusons le flou. Pour éviter les délais irréalistes et les surprises de livraison, nous utilisons un tableau partagé (Notion/Trello) accessible 24/7. Chaque tâche, chaque validation, chaque bug est tracé. La robustesse de cette méthode repose sur cette transparence : le client sait ce qui est fait, ce qui est en cours, et ce qui bloque. Rien n'est caché.

Critère d'arrêt

Si une étape n'est pas validée par le client, le projet ne passe pas à la suivante. On ne speede pas la qualité.

Constellation technologique

Au-delà du code.
Un impact positif.

Neutre en Carbone

Hébergement vert obligatoire pour tous nos projets.

Local & Humain

Nous ne travaillons qu'avec des entreprises québécoises.

Gardien Numérique

Partenariat à long terme, pas un prestataire ponctuel.

Prêt à construire une base solide ?

Discutons de votre projet et de ses contraintes réelles.

Nous contacter