Mockup securiteinfo Iphone

Redesign du site internet securiteinfo.com, une société spécialisée dans la sécurité informatique et la sécurité des informations.

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, …

mockup site securiteinfo.com

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
Refonte visuelle partielle du site securiteinfo.com
Par Refonte visuelle partielle du site securiteinfo.com
Partager ce contenu