Crédits | Panacé

Qui a fait quoi?

Émile H.

Designer - Intégrateur

Designer le footer et la navigation

Navigation principale Design du footer et du menu principal du site.

Design Logo

Logo de Panacée conçu avec Loïc, le pot barré qui signe toute l’identité du site.

Designer la page L’invention

Hero, fonctionnement et cartes Le pot vide sur la texture de confiture, la section du fonctionnement et les cartes de fonctionnalités.

Designer la page L’entreprise

Hero, ligne du temps et équipe La ligne du temps de 2019 à 2026 et la section de l’équipe.

Designer les accessoires

Page et fiche accessoire Design de la page Accessoires et de la fiche accessoire.

Designer la fiche événement

Ce qui sera présenté La section des présentations et le formulaire d’invitation.

Créer les six accessoires

Concept complet Nom, prix, compatibilités et description de chaque accessoire.

Rédiger les textes du site

Slogan et histoire de Panacée Ainsi que les légendes et les contenus des pages.

Générer la banque d’images IA

Produits et accessoires Images de produits, d’accessoires et de mises en situation.

Filmer l’équipe

Avec Loïc Tournage de la vidéo de l’équipe.

Loïc Blanchette Favela

Gestion du projets - Designer - Vidéaste

Designer Header

Navigation complète pensée dans Figma, du logo au bouton « Voir les événements », réutilisée sur toutes les pages du site.

Designer Page d’accueil

Cinq sections conçues avec Émile : Une confiture qui soigne tout, Peut tout faire, Nos meilleurs produits, Événements et Qui sont Panacée.

Designer Page Modèles

Page conçue entièrement, de la présentation des trois confitures jusqu’au comparateur des modèles.

Designer Page Événements

Page conçue entièrement : la liste des soirées clandestines, la fiche de chaque événement et le formulaire d’invitation.

Designer Page Crédits

Page conçue au complet, du hero à la section Qui a fait quoi?, avec la barre bleue signature sur chaque portrait.

Gérer l’équipe

Pauses, bien-être et avancement : j’ai veillé au rythme de l’équipe tout au long du Webjam pour qu’on livre à temps sans s’épuiser.

Filmer l’équipe

Tournage des coulisses du Webjam pour garder une trace de notre travail et alimenter la présentation.

Créer Base du thème WordPress

Fondations du site : types de contenu, champs ACF et structure du thème sur lesquels les intégrateurs ont bâti leurs pages.

Générer Images et contenu

Visuels et textes produits avec Claude et ChatGPT, puis retravaillés pour coller à l’univers de Panacée.

Prototyper Sections clés

Prototypes de certaines sections pour aider les intégrateurs à comprendre notre vision avant de coder.

Louis Magnan

Coder / Intégrateur - Gestionnaire du Code

Intégrer Page d’accueil

Le hero Une confiture qui soigne tout, Soigner tout au bout d’un, Peut tout faire : intégration complète de ces trois sections.

Intégrer Header

Header complet avec ses liens, réutilisé sur l’ensemble des pages du site.

Intégrer Page entreprise

Page complète intégrée de A à Z, de la structure HTML jusqu’au style, en restant le plus fidèle à la maquette.

Intégrer Page présentation des évènements

Page complète intégrée de A à Z, de la structure HTML jusqu’au style, en restant fidèle à la maquette.

Intégrer Page évènement

Page complète intégrée de A à Z, de la structure HTML jusqu’au style, en restant le plus fidèle à la maquette.

Intégrer Page présentation des modèles

Page complète intégrée de A à Z, de la structure HTML jusqu’au style, en restant le plus fidèle à la maquette.

Intégrer Page modèle

Page complète intégrée de A à Z, de la structure HTML jusqu’au style, en restant le plus fidèle à la maquette.

Intégrer Page crédit

Section Le hero, Qui a fait quoi ? : intégration complète de ces trois sections.

Adapter Responsive des pages

Section Responsive à été fait pour toute les pages que j'ai fait pour toutes les tailles d’écran, du cellulaire à l’ordinateur.

Gérer Code et intégration

Répartition de l’intégration : décider qui intégrait quoi et comment structurer le code pour que toute l’équipe travaille de la même façon.

Olivier Gagnon

Coder / Intégrateur - Scrollytelling

Intégrer Page accessoire

Page complète intégrée de A à Z, de la structure HTML jusqu’au style, en restant fidèle à la maquette.

Intégrer Footer

Footer complet avec ses liens et ses colonnes, réutilisé sur l’ensemble des pages du site.

Intégrer Page d’accueil

Nos meilleurs produits, Évènement à venir et Qui sont Panacé : intégration complète de ces trois sections. Complétez votre accessoire : section commencée par Olivier, puis terminée par Émile.

Animer Scrollytelling

Animation scrollytelling qui fait progresser le récit au rythme du défilement de la page.

Animer Smooth scroller

Défilement fluide sur tout le site pour une navigation plus douce et des animations mieux synchronisées.

Adapter Responsive des hero

Hero adaptés à toutes les tailles d’écran, du cellulaire à l’ordinateur.

Intégrer Page crédit

Hero et Qui a fait quoi? intégration complète des deux sections, en version mobile comme en version ordinateur.

Planifier CPT et ACF

Planification des CPT et des champs ACF dans un Google Sheets, pour structurer le contenu administrable du site avant l’intégration.

Animer Effets React Bits

Accordéon et Magic Bento : effets inspirés de React Bits, recréés en JavaScript, dont l’effet de lueur qui suit le curseur sur les cartes accessoires.