Le nouveau site Ma Seedbox

Pourquoi un nouveau site ?

L’ancien site remplissait son rôle, mais il expliquait mal le service. Il fallait souvent ouvrir plusieurs pages pour comparer les offres ou comprendre ce que l’on obtenait vraiment.

Le nouveau site reprend tout depuis le début, avec la nouvelle identité visuelle de Ma Seedbox : des couleurs, une typographie et un ton cohérents sur toutes les pages.

Ce qui change pour vous

Le contenu a été réorganisé autour des questions que vous nous posez le plus souvent.

• Une page Nos offres qui compare les quatre formules côte à côte, avec un tableau détaillé et une FAQ dédiée.
• Une page À propos qui présente l’équipe, notre maison mère Harmony Hosting Innovation et nos propres datacenters.
• Une page Contact qui regroupe tous les moyens de nous joindre.
• Une page d’état de l’infrastructure pour suivre la disponibilité de nos services.
• Un blog avec des guides pour bien utiliser votre seedbox.
• Des pages dédiées aux usages les plus courants : Plex, Jellyfin, ruTorrent.

Montrer l’interface plutôt que la décrire

Le plus difficile, quand on présente une seedbox, c’est de faire comprendre à quoi elle ressemble au quotidien. Une capture d’écran devient vite illisible ou datée, et une vidéo est lourde à charger.

Nous avons donc choisi de reconstruire l’interface directement dans la page. Sous le titre de l’accueil, un aperçu de votre espace Ma Seedbox s’anime tout seul : un curseur fait défiler la liste, sélectionne un téléchargement en pause, le relance puis filtre les téléchargements actifs. Les tuiles de la grille de fonctionnalités suivent le même principe, avec un explorateur de fichiers, une liste de téléchargements et une fenêtre de réglages ruTorrent.

Stageshow, l’outil derrière ces aperçus

Pour concevoir ces interfaces de démonstration, nous nous sommes appuyés sur Stageshow, présenté sur benji.org/stageshow. Il s’agit d’une compétence pour les assistants de programmation qui les aide à produire de fausses interfaces crédibles : fenêtres d’application, curseurs animés, grilles de tuiles.

Stageshow suit une méthode en plusieurs étapes : choisir le support et le style, écrire le scénario de la démonstration, préparer le contenu de l’écran, régler les mouvements puis filmer le résultat pour le vérifier image par image. Ses scripts de contrôle repèrent les sauts d’animation et les textes qui débordent de leur cadre.

Cette méthode nous a aidés à garder des démonstrations courtes, lisibles et fidèles au vrai produit. Les aperçus restent du code classique, intégré au site comme n’importe quel autre composant, ce qui nous permet de les modifier quand l’interface évolue.

Un site rapide et respectueux

Chaque page est générée à l’avance, ce qui permet un affichage rapide. Les animations se mettent en pause si votre système demande de réduire les mouvements, et les aperçus affichent alors directement leur état final.

Côté vie privée, un bandeau vous permet d’accepter, de refuser ou de personnaliser les cookies. Votre choix est modifiable à tout moment depuis le lien Gérer les cookies en bas de chaque page.

Et ensuite ?

Votre espace client, la documentation et le forum restent accessibles aux mêmes adresses. Le site continuera d’évoluer avec de nouveaux articles et de nouvelles pages.

Une remarque, une erreur repérée ? Écrivez-nous depuis la page Contact, nous lisons tous les messages.