Place aux Poivrons — le site
Place aux Poivrons — identité, site et applications, projet de portfolio de Pineau Ewan.

ÉTUDE DE CAS · CONCEPTION ET RÉALISATION

Une petite place.
Une marque
qui prend sa place.

Concevoir un bistrot provençal fictif, puis faire vivre la même histoire dans son identité, son site et ses applications.

Rôle
Direction artistique, identité, UX/UI et développement frontend.

Public imaginé
Familles, amis et petites tablées de quartier.

Cadre
Projet personnel fictif · français · 2026.

LE CONTEXTE

Solaire.
Artisanal.
Généreux.

Le brief demandait une cuisine provençale et méditerranéenne accessible, avec des illustrations présentes, des personnages et des photographies appétissantes. Le défi consistait à créer une maison singulière, puis une interface utile qui garde cette personnalité sur chaque page.

À la demande d’Ewan, la refonte du 9 octobre reprend plus fortement les principes de composition de Mr.Spring & Mrs.Fresh : photographie immersive, très grands titres, paysage architectural dessiné et cartes photographiques superposées avec personnages. Place aux Poivrons conserve sa palette tomate et bleu, ses deux polices, son duo et ses images. Le village dessiné est original et fictif. Aucun visuel, logo, texte ou personnage de la référence n’a été repris.

LE CONCEPT RETENU

Le marché
et la première assiette.

Trois directions ont été proposées : l’affiche du marché, le carnet textile et la composition céramique. Ewan a choisi Place aux Poivrons le 9 octobre 2026.

Mara cuisine, Jo accueille. Leur rituel : une assiette au milieu avant les plats. Le nom fait le lien entre les légumes, la place du village et l’accueil. La carte d’été précise le rôle saisonnier des poivrons, sans les promettre toute l’année.

Composition du logo et des cinq couleurs du système.
LE SYSTÈME GRAPHIQUE

Des lettres franches.
Des gestes simples.

Patua One donne la présence de l’enseigne ; DM Sans porte les informations à lire et comparer. Tomate et bleu structurent la reconnaissance, pêche et craie laissent respirer le contenu.

Le duo simplifié en PNG transparents, aux tabliers bleu et tomate, et le poivron sur assiette relient accueil, récit et supports. Les contours encre du village prolongent ceux des personnages. Onze scènes photographiques générées ajoutent aliments, gestes et lieux ; le portrait mobile préserve les deux hôtes et le détail de dressage varie l’échelle du récit.

Composition des personnages Mara et Jo, de l’emblème et des légumes illustrés.

Tomate

#C43D31

Logo, grands titres, enseigne

Bleu franc

#304FC5

Actions, prix, vaisselle

Pêche

#FFD0AF

Surfaces secondaires

Craie chaude

#FFF6E8

Fond de lecture, réserve

Encre

#2B2926

Texte, contours

LES DÉCISIONS UX

D’abord la carte.
Ensuite, le temps de lire.

L’action principale ouvre la carte. L’accès au lieu et aux horaires est secondaire mais immédiat. Les pages histoire, galerie et groupes offrent une découverte plus longue sans masquer les informations pratiques.

Choisir une assiette

22 références en cinq catégories, mêmes recettes et prix dans la carte et l’imprimé. Le filtre « Cuisine végétarienne » affiche 12 assiettes ou variantes et exclut les boissons. Les poivrons précisent la crème de haricots blancs remplaçant l’anchoïade. Les trois signatures donnent un accès photographique court, puis la liste complète permet de comparer.

Voir le lieu

Huit images donnent d’abord à voir intérieur, terrasse, village et tablée, puis les plats et le dressage. La visionneuse native prévoit flèches, Échap, fermeture explicite, restitution du focus et messages de chargement ou d’échec. Les commandes natives restent à contrôler dans un navigateur autorisé.

Essayer une demande

Les deux offres reprennent leur formule dans le formulaire de groupe. Champs, e-mail, nombre et date sont vérifiés ; les erreurs se retirent lorsque les champs concernés sont corrigés après une première validation. Attente brève et confirmation restent simulées. Aucun message envoyé ni stockage persistant.

Imprimer la carte

Une même source JSON compose la carte et son menu imprimable. Noms, descriptions et prix restent concordants ; la description imprimée passe à 10 pt et le nom reste solidaire du prix. La pagination réelle attend une vérification dans un navigateur.

MOBILE ET MOUVEMENT

Changer le rythme,
garder la maison.

À petite largeur, une photographie verticale dédiée conserve les deux hôtes ; le titre et l’action se placent dans sa partie basse sous un voile. La navigation craie devient un volet avec fermeture par Échap. Le collage précède son texte, les trois assiettes se suivent sur une colonne, la terrasse se prolonge par sa carte de lecture. Liste des plats, formulaires et galerie passent à la largeur disponible. Les variantes de fichiers évitent de charger systématiquement le grand format.

Les arrivées courtes accompagnent des titres secondaires ; le geste d’accueil de Jo reste une pose fixe dans les nouveaux PNG. Aucun déplacement de la silhouette ni boucle permanente. La réduction des mouvements désactive les animations et le rapprochement animé du formulaire. Le contenu reste visible sans JavaScript ; les formulaires sont alors désactivés pour éviter une soumission accidentelle.

Cette adaptation est réalisée dans le code. Les largeurs 360, 390, 768, 1024 et 1440 px n’ont pas pu être inspectées visuellement à cause du refus d’accès du navigateur local. Aucune capture desktop/mobile du site n’est présentée comme vérifiée.

LES APPLICATIONS

De l’écran
à la place.

Mockup généré du packaging
Sac et boîte · rendu de concept généré
Mockup généré de la façade fictive
Devanture · architecture fictive

Le menu, le sac, la boîte et l’enseigne reprennent le mot-symbole, les couleurs et les repères du système. Les propositions vectorielles sont la référence ; les mockups montrent une intention, sans fabrication ou installation réelle.

Voir le guide de marque ↗ · Voir le menu imprimable ↗

RÉALISATION ET VÉRIFICATIONS

Un site statique,
une démonstration explicite.

HTML sémantique, CSS partagé et JavaScript natif. Huit fichiers HTML dont une 404 et un menu imprimable. Polices, images et SVG locaux ; aucune compilation nécessaire pour consulter le site. Le script de composition sert seulement à maintenir les contenus communs.

Les contrôles de fichiers, contrastes, sources de carte et comportements en DOM simulé sont consignés dans le compte rendu. Ils ne remplacent pas la revue de rendu dans un navigateur. Les photographies et compositions vectorielles ont été inspectées visuellement.

Lire les vérifications et limites ↗ · Prompts initiaux ↗ · Nouvelles photos et variantes ↗ · Prompts des personnages PNG ↗

LES LIMITES

Montrer le travail.
Sans inventer les résultats.

Aucun client réel, test auprès d’utilisateurs, résultat commercial, récompense ou fabrication n’est revendiqué. Toutes les informations du restaurant sont fictives. Les formulaires démontrent une interaction ; ils ne contactent pas une équipe.

Le site n’est pas publié. Une URL future, les métadonnées absolues de partage et le traitement serveur de la 404 restent à renseigner lors d’une demande de publication. La réalisation et les nouveaux textes sont proposés pour relecture.

Explorer le site