logo Graphisweet Graphisweet
Marc SA

Marc SA Création de site | Refonte identité visuelle


Création d'un site groupe : activités de l'entreprise, ses réalisations, ses offres d'emploi et ses actualités

L'ambition graphique et érgonomique du site web présenté est de coller à l'image des compétences de l'entreprise : adaptabilité, rigeur, efficacité.

Un concept de navigation originale : la page d'accueil en guise de menu

Le menu de ce site est l'unique composante de la page d'accueil. Présenté en "fullscreen" quelque soit le support utilisé ( mobile, tablette, ordinateur) ce module de navigation apporte à l'internaute une vision structuré des fonctionnalités du site en un clien d'oeil.

menu full screen

Présenter les activités du groupe de manière ergonomique et dynamique

Les activités du groupe elles-aussi sont présentées de manière structurée et efficace grâce à une conception d'interface fullscreen intégrée avec soin de manière responsive. L'utilisation d'animations pour afficher plus de détails sur chaque activité rend la consultation ludique et invite l'internaute à les parcourir l'une après l'autre, lui donnant ainsi une image complète des compétences de l'entreprise, avant qu'il pousse plus loin sa navigation.

grid full screen responsive de presentation d'activités

Les pages présentant une activité utilisent un design en split screen : une galerie de photos d'illustrations occupe la moitié gauche de l'écran et reste fixe, toujours visible,  tandis que le texte à droite est lu avec un défilement normal de l'écran.

split screen slider fixe contenu deroulant

Une expérience utilisateur animée et fluide, sans compromis.

Pour la présentation des réalisations, nous avons proposé l'utilisation d'une grille de photos, filtrable par metier. Le rechargement en "ajax" des réalisations lors du click sur une vignette permet une expérience utilisateur fluide et agréable, sans temps de latence. Ce choix technloghique combiné à une bonne utilisation de l'API "history" HTML5 garanti à notre client que le référencement naturel de ses contenus n'est pas remis en cause.

grille photos filtrable avec chargement ajax

Le concept de "split-screen" est repris sur les autres pages du site, toujours avec le défilement du contenu à droite et un repère de navigation à gauche.

integration blog en split screen

Exemple d'intégration du formulaire de contact

Plus qu'un site vitrine, un outil de recrutement en ligne

 Le site présente les offres d'emploi du groupe pour une candidature en ligne simple et rapide. Un module simple présentant la liste des dernières offres disponibles et  une page dédiée pour chacune d'elle permet au client de recevoir les candidatures par mails sans se faire spammer, de les archiver sur son site, les traiter directement depuis le back office. En de densification des offres disponibles, un moteur de recherche d'offres pourrait compléter cet outil.

integration module rh recrutement en ligne

presenter ses offres emploi en ligne

Partager sur:

Découvrir une autre réalisation

Module html d'acces au catalogue
Site Web | Vitrine & catalogue