Refonte visuelle partielle du site securiteinfo.com

Présentation de la société securiteinfo.com

L’entreprise securiteinfo.com est basée dans l’Oise à Bonneuil en Valois. Cette société française propose depuis 2004 des solutions matérielles et des prestations de services pour protéger les données de ses clients.

Leur objectif ? Sécuriser les données des systèmes d’information des entreprises.

Quelques domaines d’intervention :

• La sécurité périmétrique,
• La création de réseaux sécurisés,
• La mise en place d’accès distants,
• La mise en place de VPN,
• La vente et la configuration de solutions anti-spam et anti-malwares,
• L’audit de réseaux et de systèmes informatiques,
• La vérification de la politique de sécurité mise en place dans les entreprises,
• Hébergements sécurisés, …

Refonte de la homapage du site securiteinfo.com

Détail de l’intervention pour le redesign de la page d’accueil

• Mise en place de la page et des assets,
• Intégration html / css, développement de la fonction PHP pour looper les écrans,
• Création d’un header fixe (logo, barre de recherche, phrase d’accroche et login),
• Compatibilité pour les navigateurs Edge, Firefox, Chrome et Safari,
• Test du responsive design sur Google Mobile-Friendly,
• Mise en place d’un fichier php pour alimenter le contenu des blocs (sections de la page) variables, hors sections spécifiques,
• Paramètres et possibilités de personnalisation des écrans : Titre, Alignement titre, Contenu, Alignement contenu, CTA Texte, CTA URL, CTA Alignement, Image, Image de fond full, Couleur de fond, Dispositions (positionnements images/textes Droite-Gauche, Gauche-Droite, Haut-Bas, Bas-Haut & ratios 1/2 – 2/3, 2/3 – 1/3 si disposition en colonnes).

Les Contraintes techniques

• Page responsive design,
• Fonctionnement optimal sous tous les systèmes d’exploitation (Mac, IOS, Android, Windows, etc) et tous les navigateurs : Edge, Firefox, Safari, Opera, Chrome,
• Fonctionnement optimal sur tous les types d’écran (portables, tablettes,ordinateur),
• Score de vitesse supérieure à 80% sur PageSpeed Insights (mobile et desktop),
• Pas d’utilisation de CMS (pas de Worpress, joola, etc),
• Utilisation d’un code propre avec du javascript récent.

Le Design

• Épuré et full screen,
• Un header toujours visible avec le logo et sa baseline, une zone de recherche (et peut être un menu),
• Des sections de page qui se suivent verticalement,
• La possibilité d’ajouter ou retirer une section par le client.

Chaque section de la page d’accueil doit pouvoir :

• Afficher un fond de couleur uni ou une image en background full screen
• Afficher du texte à gauche, et / ou centré, et / ou à droite
• Afficher une image en frontground
• Afficher un bouton vers une autre page