Pixel

Le produit

PIXEL vend des cartes de visite NFC, en PVC ou en métal (or, or rose, argent, noir). Chaque carte est liée à un profil numérique : on l'approche d'un iPhone ou d'un Android, et le profil s'ouvre ou le contact s'enregistre. Aucune application n'est nécessaire, ni d'un côté ni de l'autre.

Le marché principal est l'Arabie saoudite, donc tout est bilingue anglais / arabe. Les particuliers achètent une carte et peuvent s'abonner à PIXEL Connect pour recevoir les coordonnées des personnes rencontrées. Les entreprises ont un portail B2B pour gérer leurs employés, commander des cartes en volume et centraliser leurs leads.

Mon rôle

Je suis le CTO et le seul développeur. J'ai construit PIXEL de zéro : la plateforme web (Next.js, Prisma, authentification maison, B2B, paiements, infrastructure, landing 3D), puis l'application mobile iOS / Android et son API.

Ce que j’ai construit

• Éditeur de carte avec aperçu 3D en direct, profils publics et liens réordonnables.
• Partage par NFC ou QR code via des liens à usage unique qui expirent en 10 minutes.
• PIXEL Connect : formulaire de retour de contact, gestion des leads, suivi.
• Portail entreprise : employés, unités organisationnelles et rôles, journal d’audit des permissions, exports.
• Boutique complète : panier, codes promo, paiement Moyasar (Apple Pay, Google Pay), livraison OTO, suivi de commande.
• Génération automatique des fichiers d’impression PDF/X-4 CMJN pour l’imprimeur.
• Application Expo : cartes, contacts, scan de cartes de visite par IA, partage QR, verrouillage Face ID.
• Neuf tâches planifiées : renouvellements, paiements bloqués, résumés quotidiens, nettoyage de fichiers.

Défis techniques

• Landing 3D pilotée par le scroll : la carte (WebGL) tourne à travers six designs, un téléphone apparaît, la carte le touche. Le téléphone est en HTML, recalé sur la scène 3D à chaque image.
• Impression en arabe : opentype.js plaçait mal les voyelles arabes. L'impression utilise maintenant HarfBuzz compilé en WebAssembly, le même moteur que Chrome, pour que le PDF corresponde exactement à l'aperçu.
• Sécurité de l'API mobile : jetons séparés du web par une audience vérifiée, rotation des refresh tokens avec révocation en cas de réutilisation, 404 plutôt que 403 pour ne rien révéler.
• Scan de cartes par IA (Claude) : dix cartes de test synthétiques, coût mesuré, et mise en cache du prompt qui ramène le coût à 0,0072 $ par scan (-38 %).
• Culture d'audit : un premier audit jugeait le système « fragile ». Après correction, l'audit avant lancement ne relève plus aucun problème critique, et 22 tests « garde-fous » vérifient les règles d'architecture à chaque build.
• Déploiement : build sur la CI, migrations vérifiées sur un vrai Postgres, tests de fumée après déploiement avec retour arrière automatique.