JULIEN RIGOLE
|
KOOKACUT
UNE CANDIDATURE POUR LA TZIGANIE
.wit-half-mandala-widget{
position:relative;
width:100%;
aspect-ratio:2 / 1;
margin:0 !important;
padding:0 !important;
line-height:0;
overflow:hidden !important;
box-sizing:border-box;
contain:layout paint;
}.wit-half-mandala-stage{
position:absolute;
inset:0;
transform-origin:center bottom;
}.wit-half-mandala-svg{
position:absolute;
left:0;
bottom:0;
width:100%;
height:200%;
display:block;
margin:0 !important;
padding:0 !important;
overflow:hidden;
transform:translate3d(0,0,0);
backface-visibility:hidden;
}.wit-half-mandala-stage.wit-breathing{
animation:wit-mandala-breathe 13s ease-in-out infinite;
}@keyframes wit-mandala-breathe{
0%,100%{ transform:scale(1); }
50%{ transform:scale(1.004); }
}@media(prefers-reduced-motion:reduce){
.wit-half-mandala-stage{
animation:none !important;
}
}(function(){const widget = document.getElementById('witHalfMandalaWidget');
const svg = document.getElementById('witHalfMandalaSvg');
const stage = widget ? widget.querySelector('.wit-half-mandala-stage') : null;
const circle = document.getElementById('witRevealCircle');
const artwork = document.getElementById('witMandalaArtwork');if(!widget || !svg || !stage || !circle || !artwork){
return;
}const startDelay = 250;
const duration = 6200;
const maxRadius = 960;let revealStarted = false;
let revealFinished = false;function ease(t){
return t * t * (3 - 2 * t);
}function startReveal(){if(revealStarted){
return;
}revealStarted = true;const start = performance.now();function frame(now){const progress =
Math.min(
1,
(now - start) / duration
);const radius =
maxRadius * ease(progress);circle.setAttribute(
'r',
radius.toFixed(2)
);if(progress < 1){
requestAnimationFrame(frame);
return;
}revealFinished = true;artwork.removeAttribute('mask');stage.classList.add(
'wit-breathing'
);
}requestAnimationFrame(frame);
}window.setTimeout(
function(){requestAnimationFrame(
function(){requestAnimationFrame(
startReveal
);}
);},
startDelay
);/* MICRO PARALLAX — un seul élément */widget.addEventListener(
'mousemove',
function(e){if(!revealFinished){
return;
}const rect =
widget.getBoundingClientRect();const x =
((e.clientX - rect.left) / rect.width) - .5;const y =
((e.clientY - rect.top) / rect.height) - .5;svg.style.transition =
'transform .22s linear';svg.style.transform =
'translate3d(' +
(x * 2).toFixed(2) +
'px,' +
(y * 1.4).toFixed(2) +
'px,0)';
}
);widget.addEventListener(
'mouseleave',
function(){if(!revealFinished){
return;
}svg.style.transition =
'transform 1.35s cubic-bezier(.16,1,.3,1)';svg.style.transform =
'translate3d(0,0,0)';
}
);})();
GRAPHISTE & WEBDESIGNER
FESTIVALIER • ARTISAN LASER
Pour la 20e
JE VIENS AVEC
MES OUTILS
Je baigne déjà dans la tziganie
La musique des Balkans, les cuivres, cette énergie un peu incontrôlable… ça fait longtemps que je baigne dedans.
Welcome, j’y viens depuis plusieurs éditions. Pour les concerts, bien sûr, mais surtout pour tout ce qui se passe autour et pour cette petite famille de potes qui s’agrandit d’année en année sur le camping.
En 2024, pour mes 40 ans, mes potes m’ont offert un voyage à Guča, en Serbie. J’y ai vu Boban Marković, que j’ai retrouvé l’année suivante à Welcome (rien que pour ça : Bisous <3).
Pour cette 20e, j’ai clairement envie d’en être.
VOUS EN AVEZ
PEUT-ÊTRE
DÉJÀ EU UN
Depuis quelques éditions, je prépare quelques pièces en bois spécialement pour Welcome. Je les ramène pour les offrir aux belles rencontres que je fais sur place. Et visiblement, certaines continuent leur route bien après le festival.
QUELQUES PROJETS
DU PAPIER, DES PIXELS ET DU BOIS
collaboration au long cours
PLUSIEURS ÉDITIONS,
UNE MÊME IDENTITÉ
Depuis plusieurs années, j’accompagne L'Hiver Enchanté dans sa communication visuelle.
Chaque édition est l’occasion de faire évoluer son univers tout en conservant une identité reconnaissable : affiches, déclinaisons graphiques, plans du site et différents supports de communication.
Une collaboration au long cours qui me permet de construire l’image de l’événement d’une année à l’autre, plutôt que de repartir de zéro à chaque édition.
AFFICHE LAURÉATE
UNE DE MES PREMIÈRES
HISTOIRES DE FESTIVAL
En 2015, pour les 25 ans de l’association Musicalarue, j’ai remporté le concours d’affiche avec un visuel ensuite décliné sur différents supports du festival, jusque sur les Ecocups.
Ce projet date un peu, mais je l’aime toujours autant parce qu’il résume bien ce qui me plaît dans ce métier : créer une image, puis la voir vivre pour de vrai au milieu d’un événement.
DU GRAPHISME À L’OBJET
DES BADGES EN CHÊNE LOCAL
Pour Didg 2 Didg, j’ai conçu puis fabriqué une série de badges en chêne local, gravés et découpés à l’atelier.
C’est exactement le type de projet que j’aime : partir d’un besoin graphique, penser l’objet, le matériau et la production, puis aller jusqu’à la pièce finie.
À QUATRE MAINS
CES MANDALAS
FONT AUSSI PARTIE
DE MON UNIVERS
Avec ma compagne, on réalise régulièrement de grands mandalas à quatre mains, souvent sur de très grands formats. Chacun ajoute ses formes, ses motifs et ses idées, et le dessin se construit peu à peu entre nous deux. Ce travail du rythme, du détail et de l’équilibre fait vraiment partie de mon univers graphique.
ET POUR LE WEB ?
VOUS ÊTES DÉJÀ DEDANS
J’ai choisi de construire cette candidature comme une vraie landing page plutôt que de vous envoyer un simple PDF. C’était aussi une manière de vous montrer directement comment je pense une page : hiérarchie, rythme, identité visuelle, responsive et intégration.
Le site Kookacut est également conçu et intégré par mes soins.
V
O
I
RL
ES
I
T
EK
O
O
K
A
C
U
T↗.kc-site-link{
display:inline-flex !important;
align-items:center !important;color:#F7ECE4 !important;
text-decoration:none !important;font-family:
var(--e-global-typography-text-font-family),
inherit !important;font-size:12px !important;
font-weight:700 !important;
line-height:1 !important;letter-spacing:.14em !important;
text-transform:uppercase;padding:10px 0 8px;border-bottom:1px solid rgba(214,173,67,.55);cursor:pointer;overflow:visible !important;transition:border-color .18s ease;
}/* espaces */.kc-site-link > i{
display:inline-block;
width:.42em;
font-style:normal;
}/* lettres */.kc-site-link > span{
display:inline-block !important;color:#F7ECE4;transform:
translateY(0)
scale(1);transform-origin:center center;will-change:
transform,
color;
}/* ligne */.kc-site-link:hover{
border-bottom-color:#EE3360;
}/* vague rapide */.kc-site-link:hover > span{
animation:
kc-letter-wave
.20s
cubic-bezier(.2,.75,.25,1)
both;animation-delay:var(--d);
}@keyframes kc-letter-wave{0%{
transform:
translateY(0)
scale(1);color:#F7ECE4;
}45%{
transform:
translateY(-2px)
scale(1.30);color:var(--c);
}100%{
transform:
translateY(0)
scale(1);color:#F7ECE4;
}}/* mobile */@media(max-width:767px){.kc-site-link{
font-size:10px !important;
letter-spacing:.11em !important;
}}
CE QUE JE PEUX APPORTER
UNE IDÉE.
TOUS LES SUPPORTS.
GRAPHISME
WEBDESIGN
PRINT
OBJETS
Je peux passer d’une affiche à une page web, d’un programme à un objet fabriqué à l’atelier, sans perdre le fil graphique en route.
Ce qui m’intéresse surtout, c’est de partir de ce qui existe déjà, comprendre l’univers, puis l’emmener un peu plus loin avec l’équipe.
VISUELS & DÉCLINAISONS
PICTOGRAMMES & BANNIÈRES
FLYERS & PROGRAMMES
PRODUITS DÉRIVÉS
MISE À JOUR DU SITE
INTÉGRATION WEB
RÉFÉRENCEMENT
FABRICATION
IL A L’AIR SYMPA CELUI-LÀ. ON L’EMBAUCHE ?
ON SE RETROUVE EN TZIGANIE ?
Si mon profil et mon univers vous parlent, je serais ravi d’échanger avec vous et de voir comment je peux m’intégrer à l’équipe pour cette 20e édition.
PRÊTS À FAIRE DES ÉTINCELLES ?
#witContactTrigger{
position:relative;
z-index:10;display:inline-flex;
align-items:center;
justify-content:center;gap:10px;padding:14px 19px;background:#F7ECE4;
color:#EE3360 !important;border:1px solid #F7ECE4;text-decoration:none !important;font-size:11px;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;cursor:pointer;transition:
background .22s ease,
color .22s ease,
border-color .22s ease,
transform .22s cubic-bezier(.16,1,.3,1);
}#witContactTrigger .wit-contact-text{
display:block;line-height:1;
}#witContactTrigger .wit-contact-arrow{
display:block;width:17px;
height:17px;flex:0 0 17px;color:currentColor;transform:translateX(0);transition:
transform .22s cubic-bezier(.16,1,.3,1);
}#witContactTrigger:hover{
background:#EE3360;
border-color:#EE3360;color:#F7ECE4 !important;transform:translateY(-3px);
}#witContactTrigger:hover .wit-contact-arrow{
transform:translateX(4px);
}@media (hover:none){#witContactTrigger:hover{
transform:none;
}#witContactTrigger:hover .wit-contact-arrow{
transform:none;
}}