FORMA Digital est un modèle HTML expressif pour une boutique de produits numériques : kits UI, polices, icônes, graphismes, ressources 3D, audio et modèles. Le fond noir, la grande typographie, les éléments clairs et contrastés et les accents froids et sobres forment la base visuelle d'une vitrine numérique moderne.

La page d'accueil réunit un grand bloc promotionnel avec une sculpture chromée abstraite, un produit à la une interchangeable, un catalogue de huit produits de démonstration et un carrousel de sélection thématique. Dans le catalogue, la recherche et les catégories fonctionnent. Les carrousels se commandent avec des boutons et tiennent compte de la largeur de l'écran ; le changement automatique ne distrait pas le visiteur.

La page produit comprend une grande image, le prix, les caractéristiques et les onglets « À propos du produit », « Contenu » et « Licence ». La note est calculée à partir des avis affichés. Le visiteur peut choisir une note de 1 à 5, rédiger un avis et voir la note mise à jour. Le nouvel avis est enregistré dans le navigateur, et les avis de démonstration sont signalés.

Le panier permet d'ajouter, de supprimer et de modifier la quantité. La commande vérifie les champs de contact, affiche le montant total et des modes de paiement de démonstration. Une fois créée, la commande démo apparaît sur la page « Mes commandes » avec les détails et un lien vers un ZIP de démonstration. Deux commandes initiales illustrent les états « prête » et « en cours de traitement ».

Le profil permet d'enregistrer localement le nom, l'e-mail et un réglage de notifications de démonstration. La page de contact comprend une FAQ et un formulaire pour préparer le texte d'un message à copier. Aucun envoi côté serveur n'est effectué.

ÉTAPES ET PAGES

1. Accueil et catalogue - index.html.

2. Produit avec avis et note - product.html?id=interface.

3. Mes commandes - orders.html.

4. Validation de la commande - checkout.html ; achat direct : checkout.html?id=interface.

5. Profil - profile.html.

6. Contact - contact.html.

BLOCS À PRODUIT CHANGEANT

- À l'honneur aujourd'hui : bascule entre trois produits sur la page d'accueil.

- L'insolite. L'indispensable. : carrousel de la sélection sur la page d'accueil.

- Poursuivez votre collection. : recommandations dans la fiche produit.

CONTENU DU PACK

Six pages HTML, app.js, data.js et style.css communs, graphismes locaux,

un ZIP de démonstration pour la livraison, tests de calculs, instructions et description.

cover.jpg - bannière de 1600 × 1100 px.

pages-overview.jpg - aperçu des six pages, 1800 × 2200 px.

preview/01–06*.jpg - captures d'écran complètes de toutes les sections.

preview/cover-source.html et overview-source.html - maquettes modifiables des aperçus.

IMPORTANT

Il s'agit d'un modèle HTML autonome, et non d'un service de vente opérationnel ni d'un thème CMS.

Le paiement réel, l'authentification, la base de données serveur, la livraison de produits commerciaux et l'envoi de messages ne sont pas connectés. Les coordonnées de carte bancaire ne sont pas demandées ; lors d'une commande démo, aucun montant n'est débité et aucun e-mail n'est envoyé.

Les noms, prix, caractéristiques, fichiers, licences et avis initiaux sont des données de démonstration. L'archive téléchargeable forma-demo-pack.zip ne contient que huit aperçus SVG et les instructions. Les kits UI complets, les polices, les modèles 3D et l'audio des fiches ne figurent pas dans l'archive.