Aix-Marseille School of Economics

Accompagner une école d’enseignement supérieur internationale dans la refonte de son site internet

2018

UI design

Photo de plusieurs étudiants dans un amphithéatre assistant à un cours

Une conception atomique des éléments

Nous avons conçu le site de l’AMSE avec la méthode de l’Atomic Design : l’ensemble des templates des pages est composé d’atomes et de molécules que nous avons designé. Notre conception «atomique» a pour fonction de diminuer la complexité des éléments à développer : un atome est pensé pour être utilisé sur plusieurs templates.

Représentation graphique de l'atomic design, en partant d'atomes qui forment des molécules et ainsi de suite jusqu'à la formation d'une page
Planche avec le comportement des molécules en fonction des formats suivant: grand écran, écran moyen, tablette et mobile

Quelques templates

À partir des atomes et molécules nous avons pu monter des pages qui gardent une cohérence sobre et épurée dans le design.

Page d'accueil du site. Les couches se décomposent en 3 niveaux: des actualités à la une, les 3 pôles d'activité, et les événements
Page détail d'un membre de l'Amse, avec toutes ses informations professionnel, ses parutions...
Vu de la page liste de tous les membres sur le format tablette
Déclinaison de 2 écrans sur format mobile
Design desktop de la page Enseignement, avec un description courte et la liste de tous les cours
Design desktop de la page détail d'une actualité

Témoignage

« Cela fait plusieurs années que nous faisons appel à Perméable pour nous accompagner sur le plan du conseil, de la réalisation graphique et de la conception de sites web. Nous sommes très satisfaits de cette collaboration qui a permis en peu de temps à notre laboratoire d’acquérir une notoriété, une visibilité internationale plus importante, tant sur le plan de la recherche que de l’enseignement et de l’interface avec la société. »

Yves DOAZAN
Responsable Communication-Valorisation-Édition

Projet suivant

Grand Lyon Métropole

Concevoir l’intranet d’une collectivité territoriale : la métropole du Grand Lyon