Réalisation d’un site internet statique sur-mesure
https://forsyth-barrister.co.uk/
À la suite d’un mandat pour la réalisation d’un site internet de présentation pour un avocat anglais, nous avons eu l’occasion de travailler en parallèle sur son identité visuelle (logo, couleurs…) et sur le site internet afin d’obtenir un ensemble cohérent et reconnaissable.
Il est apparu lors de la finalisation du cahier des charges que la création d’un site statique totalement sur-mesure correspondait au mieux aux demandes du client. En effet, un des impératifs mis en avant était de ne pas partir d’un modèle existant (“template”) mais bien d’avoir une réalisation unique.
Une fois les caractéristiques principales du branding validées par le client, de nombreuses esquisses ont été réalisées en interne afin d’explorer un certain nombre de pistes en vue d’un même but : associer des éléments modernes et plus classiques dans l’expression du site.
Certaines esquisses étaient néanmoins trop impactées par le skeuomorphisme (imitation d’un objet réel par le virtuel) tandis que d’autres l’étaient par un minimalisme trop marqué.
Le design retenu pour la proposition finale intègre d’un côté une expression plus classique par l’adoption d’un motif en demi-tons et de l’autre côté un aspect modernisé par la création de « bulles » rapportées (similaires à une messagerie) contenant les textes de contenu pour le site.
Le tout est réhaussé par des index verticaux et des lignes porteuses contrastant avec le fond. Ces différents éléments forment un ensemble soutenu par des dégradés subtils.
La composition est également légèrement asymétrique et organise naturellement la hiérarchie des informations présentées.
Le site est réactif et s’adapte donc aux différents formats de différents terminaux (ordinateur, tablette, téléphone…)
Mise en page adaptative pour smartphones
Intégration du menu dans la version du site pour smartphone
L’optimisation des différents éléments intégrés (code, images…) et du SEO permet d’obtenir un score satisfaisant ( PageSpeed Insights)
