{"id":219,"date":"2025-04-20T14:40:51","date_gmt":"2025-04-20T12:40:51","guid":{"rendered":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/?page_id=219"},"modified":"2026-05-09T17:47:49","modified_gmt":"2026-05-09T15:47:49","slug":"salle-3","status":"publish","type":"page","link":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/salle-3\/","title":{"rendered":"Salle 3"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

NOUVEAU<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t
\n\t\t\t\t\t

Ready Player One <\/span><\/h2> \t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Synopsis<\/strong> : Bienvenue dans un monde o\u00f9 chaque clic compte. Ready Player One<\/em>\u00a0plonge l\u2019utilisateur au c\u0153ur d\u2019interfaces pens\u00e9es pour informer, s\u00e9duire et guider. Ce film explore les codes du web design : clart\u00e9, structure et impact visuel. Dans cet univers en constante \u00e9volution, je d\u00e9veloppe des outils pens\u00e9s pour l\u2019exp\u00e9rience utilisateur, entre esth\u00e9tique ma\u00eetris\u00e9e et fonctionnalit\u00e9s optimis\u00e9es.\u00a0<\/p>

Aventure<\/strong> (2h20)<\/p>

De Lauryne Brogniard<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t<\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\t\t\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\tNOS HORAIRES\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t<\/a>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

R\u00e9alisations universitaires<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t
<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t
\n\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Je ma\u00eetrise la mise en place de strat\u00e9gies de contenu<\/b> adapt\u00e9es aux nouveaux usages.<\/p>

Je pilote des projets de A \u00e0 Z : de la veille strat\u00e9gique<\/b> \u00e0 la conception op\u00e9rationnelle de plans de communication digitaux<\/b>.<\/p>

Enfin, j'ai acquis une solide ma\u00eetrise des outils informatiques<\/b> et des m\u00e9thodologies de gestion de projet<\/b> pour garantir des dispositifs web coh\u00e9rents, professionnels et orient\u00e9s r\u00e9sultats.<\/p><\/p>\t\n\t\t\t\t\t<\/div>\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Site Les Frondaisons 2025<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Le site Les Frondaisons 2025<\/em> a \u00e9t\u00e9 con\u00e7u pour promouvoir l\u2019\u00e9dition \u00e0 venir du festival \u00e9copo\u00e9tique organis\u00e9 par la Maison de la Po\u00e9sie des Hauts-de-France.<\/p>

L\u2019objectif \u00e9tait de structurer une plateforme claire et attractive autour du th\u00e8me \u00ab\u00a0Jardins\u00a0\u00bb, en valorisant \u00e0 la fois la po\u00e9sie et l\u2019engagement \u00e9cologique de l\u2019\u00e9v\u00e9nement. L\u2019un des principaux d\u00e9fis consistait \u00e0 traduire l\u2019univers sensible et litt\u00e9raire du festival en une identit\u00e9 graphique coh\u00e9rente et accessible, tout en assurant une navigation simple pour un public \u00e9largi (familles, scolaires, curieux, marcheurs).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Site Frame of Joy<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

J\u2019ai particip\u00e9 \u00e0 la cr\u00e9ation du site Frame of Joy<\/em>, un site fictif pr\u00e9sentant une agence de production audiovisuelle internationale.<\/p>

Le projet consistait \u00e0 concevoir un site professionnel sous WordPress, en respectant une structure claire et compl\u00e8te : th\u00e8me personnalis\u00e9, pages et articles vari\u00e9s, formulaire, visuels, extensions utiles, mentions l\u00e9gales et optimisation du r\u00e9f\u00e9rencement. L\u2019enjeu principal a \u00e9t\u00e9 de r\u00e9partir les t\u00e2ches efficacement en groupe tout en assurant une navigation fluide et coh\u00e9rente. Ce travail m\u2019a permis de mieux comprendre les exigences techniques et \u00e9ditoriales d\u2019un site web con\u00e7u pour un usage professionnel.

<\/p>

Adresse du site web :\u00a0http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/wordpress<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\"Capture<\/figure><\/div>
\"Capture<\/figure><\/div>
\"Capture<\/figure><\/div>
\"Capture<\/figure><\/div>
\"Capture<\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Newsletter - Mus\u00e9e de Roubaix La Piscine<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\u00a0J\u2019ai travaill\u00e9 sur la refonte de la newsletter du Mus\u00e9e La Piscine de Roubaix en cr\u00e9ant un template graphique r\u00e9utilisable. L\u2019enjeu \u00e9tait de concevoir une mise en page \u00e0 la fois esth\u00e9tique, \u00e9pur\u00e9e et compatible avec l\u2019outil d\u2019envoi Mailchimp, tout en respectant les valeurs du mus\u00e9e (qualit\u00e9, standing, proximit\u00e9 avec le public). L\u2019un des principaux d\u00e9fis a \u00e9t\u00e9 de penser l\u2019ergonomie du format web (620 px) tout en anticipant la d\u00e9coupe HTML via Photoshop.<\/p>

J\u2019ai structur\u00e9 la newsletter en int\u00e9grant une exposition phare, un programme cliquable, des \u00e9l\u00e9ments partenaires et des infos pratiques. Ce projet m\u2019a permis de d\u00e9velopper mes comp\u00e9tences en design d\u2019interface et en pr\u00e9paration de contenu pour l\u2019e-mailing professionnel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

NOUVEAU Ready Player One Synopsis : Bienvenue dans un monde o\u00f9 chaque clic compte. Ready Player One\u00a0plonge l\u2019utilisateur au c\u0153ur d\u2019interfaces pens\u00e9es pour informer, s\u00e9duire et guider. Ce film explore les codes du web design : clart\u00e9, structure et impact visuel. Dans cet univers en constante \u00e9volution, je d\u00e9veloppe des outils pens\u00e9s pour l\u2019exp\u00e9rience utilisateur, entre esth\u00e9tique ma\u00eetris\u00e9e et fonctionnalit\u00e9s optimis\u00e9es.\u00a0 Aventure (2h20) De Lauryne Brogniard NOS HORAIRES R\u00e9alisations universitaires Je ma\u00eetrise la mise en place de strat\u00e9gies de contenu adapt\u00e9es aux nouveaux usages. Je pilote des projets de A \u00e0 Z : de la veille strat\u00e9gique \u00e0 la conception op\u00e9rationnelle de plans de communication digitaux. Enfin, j’ai acquis une solide ma\u00eetrise des outils informatiques et des m\u00e9thodologies de gestion de projet pour garantir des dispositifs web coh\u00e9rents, professionnels et orient\u00e9s r\u00e9sultats. Site Les Frondaisons 2025 Le site Les Frondaisons 2025 a \u00e9t\u00e9 con\u00e7u pour promouvoir l\u2019\u00e9dition \u00e0 venir du festival \u00e9copo\u00e9tique organis\u00e9 par la Maison de la Po\u00e9sie des Hauts-de-France. L\u2019objectif \u00e9tait de structurer une plateforme claire et attractive autour du th\u00e8me \u00ab\u00a0Jardins\u00a0\u00bb, en valorisant \u00e0 la fois la po\u00e9sie et l\u2019engagement \u00e9cologique de l\u2019\u00e9v\u00e9nement. L\u2019un des principaux d\u00e9fis consistait \u00e0 traduire l\u2019univers sensible et litt\u00e9raire du festival en une identit\u00e9 graphique coh\u00e9rente et accessible, tout en assurant une navigation simple pour un public \u00e9largi (familles, scolaires, curieux, marcheurs). Site Frame of Joy J\u2019ai particip\u00e9 \u00e0 la cr\u00e9ation du site Frame of Joy, un site fictif pr\u00e9sentant une agence de production audiovisuelle internationale. Le projet consistait \u00e0 concevoir un site professionnel sous WordPress, en respectant une structure claire et compl\u00e8te : th\u00e8me personnalis\u00e9, pages et articles vari\u00e9s, formulaire, visuels, extensions utiles, mentions l\u00e9gales et optimisation du r\u00e9f\u00e9rencement. L\u2019enjeu principal a \u00e9t\u00e9 de r\u00e9partir les t\u00e2ches efficacement en groupe tout en assurant une navigation fluide et coh\u00e9rente. Ce travail m\u2019a permis de mieux comprendre les exigences techniques et \u00e9ditoriales d\u2019un site web con\u00e7u pour un usage professionnel. Adresse du site web :\u00a0http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/wordpress Newsletter – Mus\u00e9e de Roubaix La Piscine \u00a0J\u2019ai travaill\u00e9 sur la refonte de la newsletter du Mus\u00e9e La Piscine de Roubaix en cr\u00e9ant un template graphique r\u00e9utilisable. L\u2019enjeu \u00e9tait de concevoir une mise en page \u00e0 la fois esth\u00e9tique, \u00e9pur\u00e9e et compatible avec l\u2019outil d\u2019envoi Mailchimp, tout en respectant les valeurs du mus\u00e9e (qualit\u00e9, standing, proximit\u00e9 avec le public). L\u2019un des principaux d\u00e9fis a \u00e9t\u00e9 de penser l\u2019ergonomie du format web (620 px) tout en anticipant la d\u00e9coupe HTML via Photoshop. J\u2019ai structur\u00e9 la newsletter en int\u00e9grant une exposition phare, un programme cliquable, des \u00e9l\u00e9ments partenaires et des infos pratiques. Ce projet m\u2019a permis de d\u00e9velopper mes comp\u00e9tences en design d\u2019interface et en pr\u00e9paration de contenu pour l\u2019e-mailing professionnel.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/pages\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":205,"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":3730,"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/pages\/219\/revisions\/3730"}],"wp:attachment":[{"href":"http:\/\/web-peda-iutb.univ-lille.fr\/~lauryne.brogniard\/portfolio\/index.php\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}