/Marie_Frignet

MonServiceSecurise

MonServiceSécurisé est une solution de cybersécurité conçue par le laboratoire d’innovation de l’ANSSI, en lien avec l’incubateur de services numériques « BetaGouv » de la direction interministérielle du numérique (DINUM). Pensé pour et par les entités publiques, MonServiceSécurisé a pour mission d’aider les entités publiques à sécuriser et homologuer les services publics numériques (sites web, applications mobiles et API).

J’ai travaillé sur différentes parties du parcours utilisateurs de cette interface métier. En tant qu’UX/UI designer, j’ai dû jongler entre le design système de l’Etat et le celui de MonServiceSecurisé qui en était dérivé, tout en prenant en compte les usages et besoins des professionnels de la cybersécurité dans le secteur public.

/Marie_Frignet

Excellence Sup

La plateforme ExcellenceSup, regroupe l’annuaire des classes préparatoires du réseau de l’Enseignement Catholique en accès libre afin de communiquer auprès du grand public ainsi qu’un accès à une plateforme professionnelle d’échange et de documentation sur des thématiques variées. J’ai travaillé sur le parcours utilisateur ainsi que le design de ce site web en 3 parties (grand public, accès pro et accès admin) afin de donner lisibilité, fluidité et modernité à cette vitrine des établissements supérieurs du réseau de l’Enseignement Catholique.

/Marie_Frignet

Excellence Pro

La plateforme Excellence Pro permet de trouver la formation qui nous correspond au sein du réseau de l’Enseignement Supérieur Catholique en fonction de la région et du secteur d’activité.
J’ai travaillé le parcours utilisateur sur la base des 2 prismes de recherche puis sur une conception graphique colorée, ludique et dynamique afin de rendre cette annuaire attrayant et lisible.

/Marie_Frignet

L’orientation dans l’Enseignement Privé

Ce site s’adresse au corps enseignant dans l’Enseignement Privé. Il a pour but de remettre au centre l’orientation future des élèves dans l’enseignement .

La vidéo et l’animation a une place primordiale pour ce site afin de transmettre de manière ludique une information parfois complexe et rébarbative. L’orientation ici est illustrée par différents moyens de transports appartenant au monde de l’imaginaire et de l’exploration, analogie particulièrement adaptée à l’orientation des jeunes. La mise en page emprunte à la littérature l’utilisation de gravures et de typographie avec empattements. Le site est structuré comme un livre, sous forme de chapitres et de pages pouvant se parcourir de manière linéaire.

This web site is intended for teaching staff in Private Education. Its purpose is to put the students’ future careers in education back in the center. Video and animation have a primordial place on this web site in order to transmit in a playful way a complex and daunting information. Professional orientation here is illustrated by different vehicles belonging to the world of imagination and exploration, an analogy particularly suited to the professional orientation of young people. The layout borrows from literature the use of engravings and serif typography. The website is structured like a book, following chapters and pages that can be linearly browsed.

/Marie_Frignet

Plateforme des initatives

Le Secrétariat Général de l’Education Privé est à l’origine de nombreuses initiatives pédagogiques et éducatives (création d’un club d’échec, d’un atelier de réalisation d’attrapes-rêves), grâce à ses nombreux acteurs.

La plateforme permet de rassembler ces nombreuses initiatives. Il a fallu ici trier le vaste contenu de ses actions, trouver un CMS adéquat et mutualiser le travail d’un expert en SEO, un développeur ainsi que celui de l’UX/UI designer (moi-même) pour réaliser ce projet.

Concernant l’UX/UI Design, l’idée était de rendre lisible et surtout ludique ces contenus.

The General Secretariat of Private Education, thanks to its many actors, is at the origin of many pedagogical and educational initiatives (a chess club opening, a dream catchers workshop) and wanted to bring together these many initiatives. Here we had to sort out the vast content of its actions, find an adequate CMS and pool the work of an SEO expert, a developer and UX / UI designer (myself) to carry out this project. UX / UI Design, the idea was to make this content readable and above all fun.

 

/Marie_Frignet

Office Français de la Biodiversité

L’Office Français de la Biodiversité contribue à la protection et à la préservation de la biodiversité en France.

Pour le secteur de l’Estuaire de la Gironde et de la mer des Pertuis, l’OFB avait besoin d’un site de publication en interne de leurs documents de recherche. L’interface a été conçue pour pouvoir à la fois naviguer au niveau de la cartographie comme dans l’éventail de documents publiés par l’office, tout en respectant la charte graphique de l’institution.

The French Biodiversity Office contributes to the protection and preservation of biodiversity in France. For the Gironde estuary and the Pertuis sea sector, the OFB needed an internal publication site of their research. The interface has been designed to be able to navigate both at the level of cartography and in a range of documents published by the office, while respecting the graphic charter of the institution.

/Marie_Frignet

Licht

Licht est une entreprise de conseil et d’accompagnement en stratégie et management des entreprises. Pour accompagner l’ouverture de nouveaux pôles au sein de l’entreprise, Licht a souhaité revoir le design de son site.

Pour la refonte de site, à la demande du client, j’ai conservé le logo et les couleurs chaudes et vives de la charte de la marque.

L’utilisation d’éléments graphiques et photographiques donne à l’ensemble un certain dynamisme, valeur importante de la société. Tout en suivant les tendances, le design se démarque par l’usage des couleurs vives, d’une trame graphique originale et d’éléments graphiques impactants.

Licht is a consulting and support company in business strategy and management. To support the opening of new poles within the company, Licht wanted to review the design of its site. For the website redesign, I kept the logo and the warm and bright colors of the brand charter. Using of graphic and photographic elements gives dynamism, an important value of the company. While following trends, the design is distinguished by using bright colors, an original graphic frame and impactful graphic elements.

/Marie_Frignet

OpenWork

OpenWork est une société de portage salarial, qui met en relation des consultants et des entreprises en besoin de missions ponctuelles. Sur ce projet j’ai travaillé en collaboration avec Jungle Program.

Pour la refonte de site, à la demande du client, j’ai conservé le logo et les couleurs de la charte en utilisant un tonalité plus froide et plus sombre pour contraster avec l’orangée de l’identité visuelle. L’utilisation des illustrations permet de mettre en avant les valeurs d’humanité qui correspondent à la société OpenWork.

Pour ce site, il a fallu concevoir différentes fonctionnalités qui correspondent aux besoins des utilisateurs tels qu’un simulateur de chiffre d’affaire, un profil « consultant » ou « employeur », une page « événement », un blog, etc…

OpenWork is a salary portage company, which connects consultants and companies in need of one-off missions. On this project I worked in collaboration with Jungle Program. For the site redesign, at the request of the client, I kept the logo and the colors of the graphic guide lines using a cooler and darker tone to contrast with the orange of the visual identity. The use of illustrations highlights the values ​​of humanity which correspond to the company OpenWork. For this site, it was necessary to design various functionalities which correspond to the needs of the users such as a turnover simulator, a « consultant » or « employer » profiles, an « event » page, a blog, etc …