Portfolio Bérengère Lieury

Bonjour ! Je suis Bérengère Lieury, j’ai 22 ans et je viens de valider mon Master Création Numérique Design Graphique et d'Interaction à l'Université Polytechnique Hauts-de-France. Je m’intéresse aux domaines du webdesign, de l’UX et UI design et du développement web.

Voir le CV Aller sur Linkedin
Photo Bérengère Lieury

Mes compétences

Logo HTML

HTML

Logo CSS

CSS

Logo SQL

SQL

Logo PHP

PHP

Logo javascript

javascript

Logo Bootstrap

Bootstrap

Logo Wordpress

Wordpress

Logo Figma

Figma

Logo Illustrator

Illustrator

Logo Photoshop

Photoshop

Logo InDesign

InDesign

Logo Lightroom

Lightroom

Logo Premiere pro

Premiere pro

Logo After Effects

After Effects

Logo Audition

Audition

Logo DaVinci Resolve

DaVinci Resolve

Mes expériences

Logo LDA76

LDA76

Lors de mon stage de fin de DUT au Département de la Seine-Maritime, j'ai pu réaliser le site du LDA76 qui est le Laboratoire Départemental d'Analyses de la Seine-Maritime.

Figma

Wordpress

HTML

CSS

Logo Boujou la Seine-Maritime

Boujou la Seine-Maritime

Lors de mon alternance au Département de la Seine-Maritime, j'ai pu réaliser avec mon tuteur Baptiste Dumouchel le site Boujou la Seine qui était le site de l'Armada et de la Grande Parade 2023 par le Département.

Wordpress

CSS

Logo 76infos

76infos

Lors de mon stage de deuxième année de Master au Département de la Seine-Maritime, j'ai pu réaliser le site 76infos qui est le nouveau site d'actualités du Département de la Seine-Maritime.

Figma

HTML

CSS

SQL

PHP

javascript

Mes projets

Projet : Application de sport

Application de sport

Maquette d'une application de sport sur Figma.

UX UI design

Graphisme

×

Application de sport

J'ai réalisé ce projet en cours d'UX/UI design sur le logiciel Figma. La consigne consistait à choisir entre cinq thèmes d'applications différents et j'ai choisi l'application de sport. Pour chaque thème, il y avait des interactions attendues, ici :
- Arrivée sur l'accueil de l'application et sélection d'un programme
- Affichage de la fiche d'un programme
- Simulation du lancement d'une vidéo (player vidéo)

Projet : Art and Soul Challenge

Art and Soul Challenge

Concours Adobe pour la sortie du film d'animation Soul de Disney.

Graphisme

×

Art and Soul Challenge

Avant la sortie du film Soul de Disney, Adobe a organisé un concours pour la pochette de la bande originale du film. Il fallait donc réaliser une pochette recto-verso du disque avec les éléments qu'Adobe mettait à disposition.

Image du projet Art and Soul Challenge Image du projet Art and Soul Challenge
Projet : Boussole

Boussole

Objet réalisé avec Blender 3D.

Conception 3D

×

Boussole

J'ai pu réaliser cette boussole avec blender 3D au cours de mon apprentissage en DUT afin de créer une scène avec le reste de ma classe.

Image du projet Boussole
Projet : Campagne de promotion du port du masque

Campagne de promotion du port du masque

Affiche pour la promotion du port du masque.

Graphisme

×

Campagne de promotion du port du masque

Pour ce travail, il fallait concevoir une affiche qui faisait la promotion du port du masque et le détournement d'un slogan connu pour permettre une saisie du message.

Personnellement, j'ai utilisé le slogan de L'Oréal "Parce que vous le valez bien" et je l'ai répété une nouvelle fois mais en le transformant en "Parce que vous leur devez bien".

Les couleurs sont celles de L'Oréal pour le rose et le noir et les autres sont des couleurs complémentaires à cette première.

La police d'écriture est celle que l'on peut retrouver dans le logo de la marque de cosmétiques. Le texte crée un lien entre les deux personnes, lien qui est perdu à cause du virus et redessiné avec ce paragraphe.

Ces personnes peuvent représenter un couple, deux amis, deux connaissances mais, dans tous les cas, ils exposent deux mêmes idées :
- Se protéger, d'où "Parce que vous le valez bien", car notre propre santé a une valeur.
- Protéger les autres, d'où "Parce que vous leur devez bien", car le masque protège aussi les autres et c'est un devoir de les protéger.

Image du projet Campagne de promotion du port du masque
Projet : clARTify

clARTify

Maquette d'application de découverte des oeuvres des musées.

UX UI design

Graphisme

×

clARTify

clARTify est une application favorisant la diffusion et le partage de la culture de l'Histoire de l'art. Découvrez les secrets de la conception des oeuvres d'art à travers une expérience immersive et innovante où les tabkeaux s'animent pour vous partager leur histoire !

Projet réalisé par Alison Penalver, Amandine Lavalard et Bérengère Lieury.

Projet : Feel-in

Feel-in

Narration interactive sur la solitude.

UX UI design

Graphisme

×

Feel-in

Tout au long de cette narration interactive, vous allez découvrir différentes formes de solitude et leurs symptômes.

Projet réalisé par Alison Penalver, Amandine Lavalard et Bérengère Lieury.

Projet : Foxgame

Foxgame

Jeu vidéo avec Unity.

Jeux vidéos

×

Foxgame

FoxGame est un jeu vidéo que j'ai réalisé en Unity avec des assets du Unity Asset Store au cours de mon apprentissage en Licence.

Projet : Green Impact

Green Impact

Logo d'un label bio.

Graphisme

×

Green Impact

L'association Enactus de la Skema Business School de Lille cherchait à réaliser un logo pour un label bio dont le nom serait "Green Impact". J'ai donc proposé le logo suivant, les feuilles représentant le côté bio. Le logo n'a finalement pas été retenu mais il a tout de même beaucoup plu de par sa simplicité.

Image du projet Green Impact
Projet : Harry Potter

Harry Potter

Illustrations de chaque pochette des livres/films Harry Potter.

Graphisme

×

Harry Potter

Etant fan d'Harry Potter, quand j'ai appris à utiliser Illustrator, j'ai décidé de réaliser des "pochettes" pour chacun des livres/films.
Pour chaque pochette, les fonds de couleur correspondent à ceux des livres anglais, avec également les titres en version originale.

Image du projet Harry Potter Image du projet Harry Potter Image du projet Harry Potter Image du projet Harry Potter Image du projet Harry Potter Image du projet Harry Potter Image du projet Harry Potter
Projet : Hunger Games

Hunger Games

Propositions de refonte de la couverture du livre Hunger Games La Ballade du Serpent et l'Oiseau Chanteur de Suzanne Collins.

Graphisme

×

Hunger Games

Pour ce projet, j'ai réalisé plusieurs propositions pour une refonte de la couverture du livre Hunger Games La Ballade du Serpent et de l'Oiseau Chanteur de Suzanne Collins. Chaque proposition a été réalisée avec l'aide d'Adobe Photoshop. Pour certaines, j'ai utilisé le détourage, pour d'autres j'ai aussi utilisé Adobe Firefly.
Personnellement, je trouve que celle qui correspond le mieux au livre est celle avec l'arbre doré et le fond vert. C'est aussi celle dont je suis la plus fière car je ne me suis pas aidée d'éléments d'Internet ou d'une IA, j'ai dessiné moi-même l'arbre pour ensuite le détourer.

Image du projet Hunger Games Image du projet Hunger Games Image du projet Hunger Games Image du projet Hunger Games Image du projet Hunger Games Image du projet Hunger Games
Projet : L'ancienne vie de la gare d'Elbeuf

L'ancienne vie de la gare d'Elbeuf

Reportage sur l'ancienne gare d'Elbeuf.

Audiovisuel

×

L'ancienne vie de la gare d'Elbeuf

Interviews : Alain Becchia et Steve Jullien
Direction : Christophe Pique
Réalisation : Bérengère Lieury et Clara Martin
Montage : Bérengère Lieury
Son et voix-off : Clara Martin
Lumières : Bérengère Lieury et Clara Martin

Pour ce travail, nous devions réaliser un documentaire comprenant des archives et au moins une interview. Nous avons donc décidé de le faire sur l'ancienne gare d'Elbeuf.

Note d'intention :
Tous les jours nous passons devant l'ancienne gare d'Elbeuf, ce lieu intriguant où le temps s'est arrêté. Nous avons donc décidé de mener notre enquête et de partager l'histoire de ce bâtiment dans un documentaire. Un retour dans le passé pour comprendre pourquoi ce lieu est aujourd'hui fermé.

Projet : La Dame de l'Ombre

La Dame de l'Ombre

Film noir sur un détective privé.

Audiovisuel

×

La Dame de l'Ombre

Acteurs : Raphaël Mabire, Jade Messier et Bérengère Lieury
Direction : Christophe Pique
Réalisation : Baptiste Lempereur
Montage : Bérengère Lieury
Son : Mattéo Petit
Lumières : Clara Martin
Scripte(s) : Bérengère Lieury et Clara Martin

Pour ce travail, nous devions suivre le script suivant :

Sujet : Film Noir
INT-BUREAU/NUIT
Le détective privé Philip Marlowe est contacté par téléphone : une femme lui apprend qu'un meurtre a été commis. Après avoir accepté de mener l'enquête, il s'endort dans son bureau, le chapeau devant les yeux. Des talons se font entendre (rêve de femme ?) : Une femme entre. Dans cette courte séquence vous pouvez retrouver le déroulé du script, ainsi que quelques adaptations décidées par le groupe de production.

Projet : La Galerie Numérique

La Galerie Numérique

Affiches pour une institution culturelle.

Graphisme

×

La Galerie Numérique

Le sujet pour ce projet était : "Vous concevrez une typographie adaptée à une institution culturelle orientée vers les territoires artistiques liés aux nouvelles technologies. Votre typographie déploie les connotations de contemporanéité artistique et technologique. L'institution se nomme : "la galerie numérique"."

Voici ma démarche :
Pour créer ma typographie, j'hésitais entre une égyptienne pour son empattement qui me faisait penser aux pixels d'un écran et une linéale. J'ai donc décidé de partir sur une linéale pour sa fluidité qui représente pour moi l'art et de la cassée avec un empattement très fin, un trait, pour rappeler le côté du numérique.

En effet, quand le trait est vertical il représente le trait dans les logiciels de traitement de textes en attente d'écriture. Quand le trait est horizontal, il peut aussi faire penser à l'attente d'écriture mais cette fois si sur les anciens ordinateurs ou bien dans les terminaux ou invites de commandes des ordinateurs modernes. Dans les deux cas, le trait représente l'attente d'écriture, ou dans le cas présent, d'inspiration ou de la création.

J'ai décidé de créer ma typographie uniquement en majuscules car elle permet d'avoir un effet plus marquant que des minuscules.

En ce qui concerne les affiches, elles fonctionnent en triptyque et permettent de se compléter.

Pour la structure des formes, j'ai décidé de ne pas étendre le rectangle noir sur tout l'espace afin de créer une bordure qui peut représenter un cadre comme on peut retrouver sur des œuvres d'art.

La répétition des lettres de la typographie en arrière-plan, fait penser à une pluie de données comme des nombres binaires. Sur la même idée, le choix des couleurs permet également de rappeler les nombres binaires, 0 ou 1, noir ou blanc.

Le cadre autour du nom de la galerie peut faire penser à une pièce de puzzle ou de Lego qui renvoie à quelque chose qui est en cours de construction. La superposition de chaque mot du nom « La Galerie Numérique » permet aussi de rappeler cet esprit de construction.

Image du projet La Galerie Numérique Image du projet La Galerie Numérique Image du projet La Galerie Numérique
Projet : Les Lumières

Les Lumières

Magazine d'actualités.

Graphisme

×

Les Lumières

Pour ce travail, il fallait créer un magazine d'actualité qui associe approche géopolitique, actualité et une veille culturelle et construire son identité discurvive à travers une Une et un sommaire.

Mon magazine s'appelle "Les Lumières", car cela représente un siècle, une époque, une culture, une évolution. Ce nom peut donc tout à fait correspondre à tous les sujets de toutes les catégories d'actualités possibles. Cela peut aussi représenter l'idée de lumière sur la vérité.
La typographie du logo me paraît avant-gardiste et peut représenter l'évolution, la nouveauté mais aussi l'originalité de ce siècle.

Au niveau des couleurs, j'ai décidé de vieillir la photo avec un marron orangé pour rappeler le vieux papier de l'époque des Lumières. Les éléments les plus importants comme le titre et le sujet principal sont dans la couleur la plus foncée de la photo et les éléments les moins importants sont dans la couleur la plus claire.

Le sommaire reprend la police du logo pour le mot “sommaire” mais aussi pour les catégories des sujets traités, ici, géopolitique, société et culture. Chaque photo, ainsi que les traits adjacents, créent une case pour la catégorie de l'article et son titre, en cohérence avec la photo qui précède.

Malgré les références bien visibles à l'époque des Lumières, le magazine reste très moderne avec ce côté minimaliste et aéré.

Image du projet Les Lumières Image du projet Les Lumières Image du projet Les Lumières
Projet : MMI Foundry

MMI Foundry

Identité graphique pour une fonderie numérique.

Graphisme

×

MMI Foundry

Pour ce travail, il fallait créer l'identité graphique d'une fonderie numérique ayant pour nom MMI Foundry. La conception du logo devait s'attacher à l'idée de création typographique contemporaine et expérimentale.

Pour la conception du logo j'ai utilisé deux typographies, l'une représentant le numérique et l'autre la fonderie.

Le numérique, c'est la partie MMI avec une police d'écriture qui peut faire penser à des pixels, donc au monde du multimédia. Elle peut aussi rappeler la structure de la façade du bâtiment sur laquelle le logo est implanté.

La fonderie, c'est la partie FOUNDRY pour laquelle j'ai créé ma propre police d'écriture. L'effet recherché est un "en cours d'impression". Les lettres ne sont pas totalement dessinées comme si elles étaient en train d'être produites, d'être réalisées. La couleur des lettres fait penser à une couleur bronze ou argile que l'on peut retrouver dans les fonderies traditionnelles, artisanales.

Pour permettre l'intégration du logo sur la façade j'ai utilisé une plaque d'un matériau transparent opaque permettant de distinguer les lettres de FOUNDRY qui pourrait ne plus être visible sans cette opacité de part leur colori similaire à celui du bâtiment.
La plaque prend une hauteur de fenêtre afin de ne pas perturber l'architecture du bâtiment et de s'intégrer de façon homogène tout en restant visible.

Pour la maquette du site web, j'ai repris les trois mêmes couleurs : le blanc, le noir et le bronze. Cela me permet d'obtenir une page homogène, avec des couleurs qui s'accordent les unes aux autres. La structure que j'ai utilisé est très géométrique et minimaliste pour rappeler le moderne simple de notre époque.

Image du projet MMI Foundry Image du projet MMI Foundry Image du projet MMI Foundry Image du projet MMI Foundry
Projet : Movie Map

Movie Map

Maquette d'une application de carte interactive sur Figma.

UX UI design

Graphisme

×

Movie Map

J'ai réalisé ce projet en cours d'UX/UI design sur le logiciel Figma. La consigne consistait à choisir entre cinq thèmes d'applications différents et j'ai choisi l'application de carte interactive. Pour chaque thème, il y avait des interactions attendues, ici :
- Navigation dynamique au sein de la carte
- Au clic sur un point de la carte, les informations du lieu s'affichent
Pour ajouter de l'originalité à l'application, j'ai décidé de faire une carte qui montrerait les lieux de tournages de films et de séries et ainsi de l'appeler “Movie Map”.

Projet : Nature & Découvertes

Nature & Découvertes

Refonte graphique.

UX UI design

Graphisme

×

Nature & Découvertes

Refonte graphique et maquettage du site web de Nature et Découvertes.

Projet réalisé par Alison Penalver, Amandine Lavalard et Bérengère Lieury.

Projet : OSCAR

OSCAR

Application pour aider les enfants malvoyants à l'école.

UX UI design

Graphisme

×

OSCAR

OSCAR est une application pour aider les enfants malvoyants dans leur apprentissage à l'école primaire.
Ce projet a été sélectionné pour la finale du concours Créa'Talents 2025.

Projet réalisé par Apolline Vandaele, Mathilde Corrion et Bérengère Lieury.

Projet : Piltover (Arcane)

Piltover (Arcane)

Objet réalisé avec Blender 3D.

Conception 3D

×

Piltover (Arcane)

J'ai pu réaliser le piltover de la série Arcane avec blender 3D au cours de mon apprentissage en Licence afin de créer une scène avec le reste de ma classe.

Image du projet Piltover (Arcane)
Projet : Supergrave

Supergrave

Affiche pour la réédition du film Supergrave de Greg Mottola.

Graphisme

×

Supergrave

Pour ce projet, il nous était donné un film au hasard parmi une liste et nous devions faire une affiche pour la réédition ou la ressortie du film. Je suis tombé sur le film Supergrave de Greg Mottola.
Pour les couleurs, je me suis inspirée du générique de début du film qui présente des plans en bichromie. J'ai repris le jaune et le bleu d'un plan auxquel j'ai ajouté du blanc pour permettre de contraster les éléments. J'ai fait des dessins des personnages et des éléments principaux du film avec un style qui ferait penser aux dessins dans un cahier de lycéen.
J'ai réalisé ce projet sur Adobe Fresco.

Image du projet Supergrave
Projet : Typick

Typick

Maquette d'application pour une fonderie numérique.

UX UI design

Graphisme

×

Typick

Le sujet pour ce projet était : Vous prototyperez partiellement une application pour une jeune entreprise qui vend des typographies en ligne. La finalité de l'application est d'aider l'utilisateur à découvrir et choisir des caractères typographiques. L'ergonomie et l'UX design seront conçus pour proposer une expérience résolument singulière à l'utilisateur et ainsi créer une identité forte pour l'entreprise.

Projet : UNE

UNE

Maquette pour la refonte d'une application universitaire.

UX UI design

Graphisme

×

UNE

Projet réalisé en groupe avec Raphaëlle Artaud, Perrine Coupy et Tom Robert.

Le sujet de ce projet était de créer ou d'améliorer un service. Nous avons donc décidé d'améliorer l'application universitaire Normandie Universitaire en poche et de la renommer UNE.

Projet : Véritable Petit Beurre

Véritable Petit Beurre

Projet fictif de vidéo publicitaire pour le Véritable Petit Beurre de LU.

Graphisme

Motion design

×

Véritable Petit Beurre

Dans ce motion design, nous avons décidé d’analyser les significations des éléments du petit beurre. Savez-vous pourquoi le fameux biscuit prend cette forme ? Savez-vous pourquoi il possède de petits trous et un certain nombre de dents sur ses contours ? Rien n’est un hasard pour ce biscuit iconique. Découvrez toutes ces explications dans notre vidéo.

Projet réalisé par Alison Penalver, Amandine Lavalard et Bérengère Lieury.

Projet : Zevent

Zevent

Refonte des supports de communication du Zevent.

Graphisme

×

Zevent

Ce projet consiste en la refonte des supports de communication pour l'évènement Zevent. J'ai pu réalisé ce projet en équipe avec Perrine Coupy et nous avons décidé que le thème de ce Zevent serait la recherche contre le cancer du sein, d'où une utilisation de différentes teintes de roses en veillant à conserver l'identité de l'évènement.

Image du projet Zevent Image du projet Zevent Image du projet Zevent Image du projet Zevent Image du projet Zevent