Client
CEA
Agence
Agence Backstory
Type
Direction artistique web
Date
2015
Description
Backstory a eu pour mission la refonte de l’ensemble des intranets du CEA, le Commissariat à l’énergie Atomique et aux énergies alternatives. L’agence a fait appel à moi pour la direction artistique de ce projet web. Le brief de départ exigeait une continuité avec la charte print, une place prépondérante au texte, la création d’un ensemble de pictogrammes et une approche graphique moderne.
Page d'accueil avec barre universelle
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_05.png)
Navigation en rollover + comportement des dropdowns
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_12.png)
Pictogrammes
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_04.png)
Homepage
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_16.png)
Extrait de la page docuthèque
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_03.png)
Extrait de la page de résultats sur le moteur de recherche universel
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_06.png)
Page de dossiers chapitrés
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_09.png)
Page d'article
![direction artistique web ui design direction artistique web ui design](https://www.designn.fr/wp-content/uploads/2016/02/direction-artistique-web-ui-design_11.png)
![final showcase final showcase](https://www.designn.fr/wp-content/uploads/2016/02/final-showcase_15.png)