Interface utilisateur et graphisme
de site ou d'application
Nous partons de l'hypothèse que le plus important est le contenu. L'interface doit donc rester la plus sobre et transparente possible pour l'utilisateur. Nous développons un graphisme cohérent et systématique en concevant en premier lieu une grille de composition visuelle des éléments sur l'écran qui sera partagée par l'ensemble des pages.
Détail du graphisme de la page d'accueil du site Internet de FRAME
Graphisme basé sur une grille pour le site Internet de FRAME
Nous proposons des pistes graphiques distinctes formant des ensembles cohérents de grilles de composition, gamme harmonique de couleurs, déclinaison typographique pour communiquer l'identité de l'institution mais aussi permettre de clarifier l'information.
Une fois une piste graphique choisie nous déclinons le graphisme en partant des gabarits de pages les plus complexes dans les situations les plus extrêmes. Généralement, ce sont des écrans en profondeur dans le site ou l'application, et non pas la page d'accueil. Le système visuel est ensuite décliné pour les autres pages, plus simples.
Charte graphique
Pour les équipes de développement et les professionnels de la communication, des règles graphique doivent être fixées. Elles doivent permettre de transformer les diagrammes de page en un système de publication complet. Pour cela, nous fixons les règles graphiques sous forme d'images au format JPEG, de bibliothèque d'éléments graphiques (GIF, fichiers vectoriels, etc.) et de charte écrite si besoin est.
Animations interactives
Séquence d'écrans provenant de l'animation "Les expériences de Mendel" du Musée Mendel de la Génétique
Nous réalisons les animations FLASH nécessaires au futur site en définissant des story-boards détaillés, pour améliorer l'expérience utilisateur. Nos projets présentent des cartes interactives, des éléments de contrôle glissants ou s'aggrandissants.
Modèles de pages XHTML/CSS
Les pages types sont développées en XHTML avec feuilles de styles CSS attachées et scripts JAVASCRIPT ou animations FLASH nécessaires.
Ces pages peuvent être mises en ligne pour présenter le résultat de la phase de conception, servir de base de tests utilisateurs et de référence à auditer par notre expert « accessiweb ». Elle constitue les fichiers de base qui serviront au développement informatique du système de gestion des contenus.