Prototypes de page d’accueil · 31 octobre – 1er novembre 2026

Soixante-dix accueils en 3D

Soixante-dix façons de faire vivre « Une vision qui prend forme. » dès l’arrivée sur le site. Les quarante dernières reprennent le principe de l’Atelier : un lieu, un objet par métier, une visite par chapitre.

Plus riche sur ordinateur, avec la souris. Tout fonctionne aussi au doigt. Les images sont les projets réels du studio.

L’atelier en maquette l’après-midi, la tache de soleil de la fenêtre sur le meuble et le parquet
Jour14 h 30
L’atelier la nuit, lampes allumées, la médina et la Koutoubia éclairées dans la fenêtre
Nuit21 h 10

Nouveau · 21

L’Atelier, refait de A à Z

Le studio en maquette, au soleil réel de Marrakech, et un chapitre par métier. Par la fenêtre, une vraie médina en 3D, collée à la vitre : terrasses, paraboles, palmiers, la Koutoubia et l’Atlas enneigé.

  • Le bureau d’après les produits Apple actuels : Studio Display, Mac Studio, Magic Keyboard, iPhone 18 Pro. Safari fait défiler nos vrais sites quand vous faites défiler la page.
  • Le stylo plume écrit comme une main, l’encre sèche, et la page se tourne comme du papier : vous pouvez la prendre par le coin.
  • Notre Sony α7 III sur le plateau : maintenez pour la mise au point, relâchez, les flashs partent. Le calendrier tamponne les e-mails, la lampe vise l’affiche.
Entrer dans l’atelier

Série 3 · 31 à 70

Quarante lieux construits comme l’Atelier : un objet par métier, une visite par chapitre, trois boutons dans chaque panneau

  1. 31Le RiadUn patio en maquette : zellige, fontaine qu’on touche, arcades, et sous les galeries un objet par métier, au soleil réel de Marrakech.Défiler · Clic
  2. 32La TerrasseUne terrasse sur les toits de la médina, la Koutoubia et l’Atlas à l’horizon, une pergola qui raye le sol d’ombre, du linge au vent.Glisser · Défiler
  3. 33La GalerieDeux salles blanches : chaque métier est une œuvre réelle, et les projecteurs se tournent vers celle que vous visitez.Défiler
  4. 34Le LaboUne chambre noire : agrandisseur, cuvettes, tirages au fil qui se révèlent quand vous arrivez à leur métier.Défiler · Clic
  5. 35L’ImprimerieUn atelier typographique sous les verrières : la presse à platine imprime une carte D/A à chaque clic.Clic
  6. 36La MaquetteUn studio en carton blanc au 1:5 sur une table d’architecte ; la lampe fait le soleil et suit votre pointeur.Survoler
  7. 37La BibliothèqueDes rayonnages jusqu’au plafond : l’échelle roule jusqu’au métier visité, son livre sort du rayon.Défiler
  8. 38Le PlateauUn plateau de tournage la nuit : décor, projecteurs, grue qui suit la visite, clap à chaque chapitre.Défiler
  9. 39La RégieUn studio d’enregistrement : la console et ses faders qui montent avec la page, la cabine derrière la vitre.Défiler
  10. 40La VitrineUne rue de Marrakech la nuit, une vitrine éclairée : un métier par présentoir, des passants devant la lumière.Défiler
  11. 41Le SoukUne ruelle couverte de roseaux, rayée de soleil : une échoppe par métier, de l’écrivain public au cybercafé.Défiler · Clic
  12. 42La MédinaUn derb entre de hauts murs : chaque porte sculptée s’ouvre sur la pièce d’un métier.Défiler · Clic
  13. 43La GareUn hall de gare sous verrière : le tableau des départs à palettes affiche le métier visité, un train attend.Défiler
  14. 44Le CabinetUn cabinet de curiosités : chaque métier est une pièce rare, sa vitrine s’ouvre à votre approche.Défiler
  15. 45La PosteUn bureau de poste : guichets, boîtes postales, colis aux logos de nos clients, et un tampon qui oblitère.Clic
  16. 46L’ObservatoireUne coupole ouverte sur les étoiles, une lunette qui suit le regard, trois constellations △ □ ○.Survoler
  17. 47Le PhareLa lanterne d’un phare sur la côte de Rabat : la lentille tourne, ses faisceaux balaient la mer.Défiler
  18. 48Le CinémaUne petite salle : le faisceau plein de poussière, et à l’écran le film du métier visité.Défiler
  19. 49La Maison de poupéeUne maison de poupée au 1:12 : la façade s’ouvre sur six pièces meublées en miniature.Clic · Défiler
  20. 50Le Livre animéUn livre pop-up : à chaque page, un métier se déplie dans le papier, écran et téléphone compris.Défiler
  21. 51La SerreUne serre adossée à la brique : la grille du vitrage dessine l’ombre au sol, la brume flotte entre les plantes.Défiler · Clic
  22. 52Le CaféUne terrasse de café sur une place de la médina : thé à la menthe, auvent rayé, une théière qu’on fait verser.Clic
  23. 53Le KiosqueUn kiosque à journaux : les couvertures sont nos projets, le présentoir de cartes postales tourne.Clic
  24. 54Le TableauUne salle de classe : la craie écrit chaque métier à la main sur le tableau noir, trait après trait.Défiler
  25. 55L’UsineUn atelier de fabrication : une chaîne de six postes, un bras robot qui se tourne vers le métier visité.Défiler
  26. 56Le PortUn quai à conteneurs : six conteneurs portes ouvertes, et la grue qui suit votre visite.Défiler
  27. 57L’ImmeubleUne maison de Marrakech ouverte sur la rue : un métier par étage, l’ascenseur monte avec vous.Défiler
  28. 58Le DésertUn campement à Agafay la nuit : tentes basses, feu qui crépite, lanternes, les étoiles au-dessus de l’Atlas.Défiler · Clic
  29. 59Le SalonUn salon marocain : banquettes, zellige, plâtre sculpté, et l’ombre du moucharabieh qui suit le soleil.Défiler
  30. 60La TourUne tour coupée en deux : un escalier en colimaçon, un palier par métier, un tour par chapitre.Défiler
  31. 61Les ArchivesUn mur de tiroirs d’acier : celui du métier visité s’ouvre et montre ce qu’il contient.Défiler
  32. 62L’ÉtabliUn atelier de menuisier : outils au mur, copeaux, et un rabot qui file sur la planche au clic.Clic
  33. 63Le ThéâtreUn petit théâtre : le rideau s’ouvre et la poursuite trouve sur scène l’accessoire de chaque métier.Défiler
  34. 64La BoutiqueUne boutique de nos projets : les vraies pièces faites pour nos clients, et la bouteille Sève qui tourne.Défiler
  35. 65Le LoftUn loft d’atelier : verrière d’acier, brique, mezzanine, la grille de lumière qui avance avec le soleil.Glisser · Défiler
  36. 66La CabaneUne cabane de rondins dans le Haut Atlas : un feu, et la neige qui tombe derrière la vitre.Défiler
  37. 67Le DisquaireUn disquaire : des pochettes qui sont nos projets, et une platine qui joue le disque.Clic
  38. 68Le Bureau de RabatUn bureau face à la tour Hassan et au Bouregreg, construits en 3D derrière la baie vitrée.Glisser · Défiler
  39. 69La Grande RoueUne fête foraine la nuit : la roue pleine d’ampoules amène au quai la nacelle du métier visité.Défiler
  40. 70Le LabyrintheUn labyrinthe de haies au soleil : un chemin de lumière mène de l’entrée au recoin du métier.Défiler

Série 2 · 11 à 30

Les détails des détails : matières, lumière, son

  1. 11Le FerUn fer chauffé à blanc grave D/A dans le chêne. Braises, fumée, et l’air qui tremble au-dessus.Maintenir
  2. 12La CarteNotre carte en concept : papier noir, logo gaufré à sec, barre en dorure argent, tranche peinte. La lumière rase la matière.Incliner · Clic
  3. 13La LoupeUne page gravée comme un billet : guilloches, micro-texte, projet en taille-douce. La loupe grossit et déforme.Souris · Molette
  4. 14Le TourUn tour de potier. On modèle la terre à la main, on la cuit, puis on y appose le sceau D/A.Maintenir · Glisser
  5. 15La LanterneUne lanterne ajourée se balance et projette ses motifs sur les murs. Un clic change le motif.Souris · Clic
  6. 16La VasqueLa vasque d’un riad : l’eau répond au doigt, le zellige ondule dessous, des fleurs de jasmin flottent.Toucher
  7. 17Le TapisUn tapis de laine façon Beni Ouarain que l’on brosse à la souris. L’étiquette D/A est tissée dans un coin.Brosser
  8. 18Le NéonD/A et les trois formes en néon blanc, qui s’allument en grésillant au-dessus d’un sol mouillé.Souris · Clic
  9. 19L’ÉclipseLa lune passe devant le soleil : couronne, grains de Baily, anneau de diamant, puis le slogan dans le noir.Défiler
  10. 20Le MouvementUn mouvement de montre à l’heure réelle de Marrakech. Il se démonte, chaque pièce porte un métier.Défiler
  11. 21L’AtelierRefaitLe studio en maquette, éclairé par le vrai soleil de Marrakech. Chaque objet ouvre un métier.Survol · Clic · Heure
  12. 22Le PliageUn patron d’emballage, traits de coupe et repères compris, se plie en boîte.Défiler
  13. 23Les Lettres« D/A Studio. » en lettres pleines qu’on attrape et qu’on lance. Elles tombent, rebondissent, se rangent.Attraper · Lancer
  14. 24Le CodeLa scène rendue en caractères · / ○ △ □ ■. La lentille montre la vraie image, le code s’écrit à côté.Souris
  15. 25La PelliculeUne bande 35 mm tourne en boucle. Au survol, l’image passe à l’écran comme au projecteur.Défiler · Survol
  16. 26Le MobileUn mobile en équilibre fait des trois formes. La souris souffle, les ombres bougent au mur.Souffler
  17. 27La CordeDes cordes tendues dessinent D/A. On les pince, elles jouent une gamme hijaz.Pincer
  18. 28Les DominosDes dominos tracent D/A et les formes. Un clic lance la chaîne, la caméra suit.Clic
  19. 29La BuéeUne vitre embuée qu’on essuie pour voir les projets. La buée revient, des gouttes coulent.Essuyer
  20. 30Le TrainUn train de nuit de Marrakech à Rabat. Les gares défilent, les affiches des quais sont nos projets.Défiler

Série 1 · 01 à 10

Une idée forte par page

  1. 01La FormeUne forme chromée devient cercle, carré, triangle puis trait. Chaque forme présente un métier du studio.Défiler
  2. 02La Poussière46 000 particules écrivent D/A, les trois formes, le logo, puis le slogan. La souris les disperse.Défiler · Souris
  3. 03Le CouloirOn avance dans un couloir de projets. Les cadres que l’on franchit reprennent le cercle, le carré et le triangle.Molette · Glisser
  4. 04Le VoileUn voile de soie blanche se pose sur D/A, puis sur un cercle, un triangle et un carré. Le curseur appuie sur le tissu.Défiler · Souris
  5. 05L’EncreUne encre fluide suit la main et révèle les projets dessous. Un clic change de projet.Souris · Clic
  6. 06Le BlocUn bloc de plâtre se taille au défilement. Il en sort trois formes, puis D/A.Défiler
  7. 07Les AnneauxDes anneaux de texte, avec nos projets, nos métiers et nos villes, tournent autour du projet en cours puis s’alignent.Défiler · Souris
  8. 08La SpiraleLes projets montent en double hélice. Un brin montre le travail, l’autre le nom du projet et le métier.Molette · Survol
  9. 09L’Ombre1 600 cubes en désordre. Sous le bon angle, leur ombre écrit D/A sur le mur.Souris
  10. 10La FaçadeUne façade de tuiles en 3D pivote en vague pour passer d’un projet à l’autre.Clic · Souris