VXCore
ARCANES TECHNOLOGY est une entreprise française spécialisée dans le développement de logiciels et de systèmes d’exploitations pour le domaine de la sécurité vidéo.
Demande client
L'équipe de VXCore a souhaité faire peau neuve graphiquement pour sa solution, à l’occasion des 20 années d’activité et associer la refonte du site à la communication prévue à cet effet.
Technologies utilisées
HTML
CSS
JavaScript
Astro
Collaboration et design
Slack
Gitlab
Figma
Clickup
Les réponses efficaces pour un client satisfait
Ce projet a posé à nos équipes un défi majeur, nécessitant adaptation, collaboration et innovation pour être relevés.
Les objectifs
- Site statique uniquement créé en HTML, CSS et JavaScript
- Réalisation et mise en ligne en moins d’un mois
- Responsive et adapté à la diffusion d'une vidéo
Hero dynamique
Un bloc Hero
en web design est une section visuellement attrayante située en haut d'une page web, généralement la première chose que les visiteurs voient. Il est conçu pour capter l'attention et présenter le message principal ou l'objectif du site. Le bloc Hero comprend souvent une grande image ou une vidéo de fond, un titre accrocheur, un sous-titre, et parfois un appel à l'action (CTA) comme un bouton. Il vise à créer une première impression forte et à orienter les utilisateurs vers les informations ou les actions clés.
VXCore a fait l'objet d'un reportage et d'une interview par une grande chaîne d’information ; il fallait mettre en avant ce reportage tout en réalisant une refonte graphique appropriée. Nous avons donc conçu un bloc Hero à contenu dynamique responsive pour pouvoir accueillir cette vidéo et un layout de page adaptatif à de multiples pages internes pour construire des blocs d’information ergonomiques.
Timeline vectorielle
20 ans, ça se fête et ça s’écrit : la timeline (chronologie) transmet les dates clés de l’histoire de la société. Elle est construite au format SVG qui préserve sa qualité à toute taille, souvent plus léger que les images bitmap surtout pour des schémas ou illustrations. Les images SVG peuvent être stylisées et animées avec CSS et JavaScript tout en restant accessibles grâce aux descriptions textuelles intégrées. Faciles à modifier, elles peuvent également être indexées par les moteurs de recherche, améliorant le référencement.
Pourquoi un site statique ?
Ce qu'on appelle un site statique est un projet web déployé à l'aide des langages front-end (côté navigateur) HTML, CSS et JavaScript sans nécessiter de langage back-end (côté serveur) tel que PHP. Cela présente plusieurs avantages, notamment en termes de performance, de sécurité et de simplicité.
Performance : Les sites statiques sont généralement plus rapides à charger car ils ne nécessitent pas de traitement côté serveur pour chaque requête. Les pages sont pré-rendues et servies telles quelles. Elles sont parfaitement indexées par les moteurs de recherche (SEO).
Sécurité : Moins de points d'entrée pour les attaques, car il n'y a pas de base de données ou de serveur d'application à compromettre.
- Simplicité : Moins de complexité dans l'architecture, ce qui facilite la maintenance et le déploiement quel que soit le type de serveur ou de CDN.
Astro : un générateur de site statique
Astro est un générateur de site statique moderne qui permet de créer des sites web rapides et optimisés. Il utilise une approche islands architecture, ce qui signifie que seules les parties interactives d'une page sont chargées en JavaScript, tandis que le reste du contenu est rendu en HTML statique. Cela permet de réduire le poids des pages et d'améliorer les performances.
En utilisant Astro, nous avons pu créer un site web léger et rapide. De plus, Astro est compatible avec de nombreux frameworks JavaScript populaires (React, Vue, Svelte, Solid), ce qui nous a permis d'intégrer facilement des composants interactifs lorsque cela était nécessaire.
Témoignage client
Le développement commercial de notre solution vidéo VXCORE nécessitait une refonte totale de nos vitrines Web, notamment avec la diffusion d'une interview pour les 20 ans de l'entreprise et avant les jeux Olympiques, où nos produits et nos compétences ont été fortement mobilisés. À cet effet, nous souhaitions une rupture complète avec les solutions Web classiques comme le déploiement et le maintien d'un CMS de type Web WordPress. La seule contrainte imposée était de pouvoir maintenir facilement le contenu, indépendamment de la mise en page.
Après quelques réunions très efficaces avec les équipes, nous avons pu définir une roadmap claire, malgré un calendrier très serré. Plusieurs points intermédiaires ont été faits, permettant de vérifier que l'avancement était conforme aux attentes. Certains aspects techniques ont même fait l'objet de partage de compétences entre nos équipes de développeurs respectives, afin d'optimiser le timing et les tâches.
Le résultat est un site Web moderne et responsive, ultra léger et très rapide au chargement, et sans utilisation de base de données intermédiaire inutile pour stocker des paramètres ou du contenu. Nos équipes disposent d'un véritable kit graphique et de plusieurs composants, leur permettant de modifier facilement le contenu et d'enrichir le site Web. Le déploiement et le maintien est extrêmement simple, car au final basé sur une architecture de fichiers statiques, totalement insensible aux différentes attaques ou intrusions externes, ce qui nous permet de vraiment nous concentrer sur notre cœur de métier.
L’architecture du projet a également été pensée pour enrichir et ajouter des composants en fonction des évolutions. ARCANES a été entièrement conquis par le professionnalisme et les capacités d'adaptation d'Alsacréations aux besoins de ses clients. Les solutions techniques proposées sont très intéressantes et reflètent une vraie expertise dans le domaine.
