Pixel
Des sites conçus pour fonctionner à Lyon
Conception et développement de sites et d'outils numériques : rapides, accessibles et faciles à maintenir.
%7D.s-w%7Bstroke:var(--w)%7D.t-w%7Bstop-color:var(--w)%7D.w2%7Bfill:var(--w2)%7D.s-w2%7Bstroke:var(--w2)%7D.t-w2%7Bstop-color:var(--w2)%7D.fl%7Bfill:var(--fl)%7D.s-fl%7Bstroke:var(--fl)%7D.t-fl%7Bstop-color:var(--fl)%7D.fl2%7Bfill:var(--fl2)%7D.s-fl2%7Bstroke:var(--fl2)%7D.t-fl2%7Bstop-color:var(--fl2)%7D.m%7Bfill:var(--m)%7D.s-m%7Bstroke:var(--m)%7D.t-m%7Bstop-color:var(--m)%7D.md%7Bfill:var(--md)%7D.s-md%7Bstroke:var(--md)%7D.t-md%7Bstop-color:var(--md)%7D.ml%7Bfill:var(--ml)%7D.s-ml%7Bstroke:var(--ml)%7D.t-ml%7Bstop-color:var(--ml)%7D.mx%7Bfill:var(--mx)%7D.s-mx%7Bstroke:var(--mx)%7D.t-mx%7Bstop-color:var(--mx)%7D.a%7Bfill:var(--a)%7D.s-a%7Bstroke:var(--a)%7D.t-a%7Bstop-color:var(--a)%7D.ad%7Bfill:var(--ad)%7D.s-ad%7Bstroke:var(--ad)%7D.t-ad%7Bstop-color:var(--ad)%7D.al%7Bfill:var(--al)%7D.s-al%7Bstroke:var(--al)%7D.t-al%7Bstop-color:var(--al)%7D.k%7Bfill:var(--k)%7D.s-k%7Bstroke:var(--k)%7D.t-k%7Bstop-color:var(--k)%7D.k2%7Bfill:var(--k2)%7D.s-k2%7Bstroke:var(--k2)%7D.t-k2%7Bstop-color:var(--k2)%7D.p%7Bfill:var(--p)%7D.s-p%7Bstroke:var(--p)%7D.t-p%7Bstop-color:var(--p)%7D.p2%7Bfill:var(--p2)%7D.s-p2%7Bstroke:var(--p2)%7D.t-p2%7Bstop-color:var(--p2)%7D%3C/style%3E%3Cdefs%3E%3ClinearGradient id='vx' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.26'/%3E%3Cstop offset='.38' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.7' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.2'/%3E%3C/linearGradient%3E%3ClinearGradient id='vy' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.24'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.18'/%3E%3C/linearGradient%3E%3CradialGradient id='vr' cx='.36' cy='.32' r='.75'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.42'/%3E%3Cstop offset='.45' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.24'/%3E%3C/radialGradient%3E%3CradialGradient id='sh'%3E%3Cstop offset='0' stop-color='%231b1714' stop-opacity='.34'/%3E%3Cstop offset='.55' stop-color='%231b1714' stop-opacity='.12'/%3E%3Cstop offset='1' stop-color='%231b1714' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='gw'%3E%3Cstop offset='0' stop-color='%23fff8e6' stop-opacity='.75'/%3E%3Cstop offset='.5' stop-color='%23fff8e6' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23fff8e6' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='ls' x1='0' y1='0' x2='.35' y2='1'%3E%3Cstop offset='0' stop-color='%23fffaf0' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23fffaf0' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='wl' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' class='t-w'/%3E%3Cstop offset='1' class='t-w2'/%3E%3C/linearGradient%3E%3ClinearGradient id='fg' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' class='t-fl2'/%3E%3Cstop offset='1' class='t-fl'/%3E%3C/linearGradient%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' class='t-mx'/%3E%3Cstop offset='1' stop-color='%23fdfaf4'/%3E%3C/linearGradient%3E%3CradialGradient id='spot' cx='.5' cy='.38' r='.62'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3ClinearGradient id='go' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f8e7b0'/%3E%3Cstop offset='.35' stop-color='%23d6a74c'/%3E%3Cstop offset='.6' stop-color='%23f2d27f'/%3E%3Cstop offset='1' stop-color='%239c6d26'/%3E%3C/linearGradient%3E%3ClinearGradient id='si' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6f7f9'/%3E%3Cstop offset='.4' stop-color='%23b8bec6'/%3E%3Cstop offset='.65' stop-color='%23eef1f4'/%3E%3Cstop offset='1' stop-color='%23858e98'/%3E%3C/linearGradient%3E%3ClinearGradient id='cu' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f6c79b'/%3E%3Cstop offset='.45' stop-color='%23c9784a'/%3E%3Cstop offset='.7' stop-color='%23eaa676'/%3E%3Cstop offset='1' stop-color='%238e4a2a'/%3E%3C/linearGradient%3E%3ClinearGradient id='wd' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23d7aa78'/%3E%3Cstop offset='1' stop-color='%23a87447'/%3E%3C/linearGradient%3E%3ClinearGradient id='wk' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238a5b3a'/%3E%3Cstop offset='1' stop-color='%235a3922'/%3E%3C/linearGradient%3E%3ClinearGradient id='br' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e3a65e'/%3E%3Cstop offset='.55' stop-color='%23c47d3b'/%3E%3Cstop offset='1' stop-color='%238d5427'/%3E%3C/linearGradient%3E%3ClinearGradient id='gl' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.5'/%3E%3Cstop offset='.25' stop-color='%23fff' stop-opacity='.12'/%3E%3Cstop offset='.8' stop-color='%23fff' stop-opacity='.06'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.35'/%3E%3C/linearGradient%3E%3ClinearGradient id='lf' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%238fae7f'/%3E%3Cstop offset='1' stop-color='%234b6b48'/%3E%3C/linearGradient%3E%3ClinearGradient id='lf2' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%236f9468'/%3E%3Cstop offset='1' stop-color='%23355238'/%3E%3C/linearGradient%3E%3ClinearGradient id='tc' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23d98a62'/%3E%3Cstop offset='1' stop-color='%23a65538'/%3E%3C/linearGradient%3E%3ClinearGradient id='cb' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23dcb07c'/%3E%3Cstop offset='1' stop-color='%23b48452'/%3E%3C/linearGradient%3E%3Cfilter id='gr' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 -.18'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='0' y='0' width='1600' height='730' fill='url(%23wl)'/%3E%3Crect x='0' y='730' width='1600' height='270' fill='url(%23fg)'/%3E%3Cpath d='M360 730L-120 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M470 730L110 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M580 730L340 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M690 730L570 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M800 730L800 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M910 730L1030 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M1020 730L1260 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M1130 730L1490 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Cpath d='M1240 730L1720 1000' fill='none' class='s-fl2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.45'/%3E%3Crect x='0' y='724' width='1600' height='12' class='p2'/%3E%3Cpath d='M144 150h292a4 4 0 0 1 4 4v412a4 4 0 0 1 -4 4h-292a4 4 0 0 1 -4 -4v-412a4 4 0 0 1 4 -4Z' class='p'/%3E%3Cpath d='M158 166h264a2 2 0 0 1 2 2v384a2 2 0 0 1 -2 2h-264a2 2 0 0 1 -2 -2v-384a2 2 0 0 1 2 -2Z' fill='url(%23sky)'/%3E%3Cg transform='translate(0 0)'%3E%3Cpath d='M156 477.6Q245 427.2 326 469.2T424 452.4V554H156Z' class='ml' opacity='0.35'/%3E%3Ccircle cx='356' cy='410.4' r='36' fill='url(%23lf)' opacity='0.45'/%3E%3C/g%3E%3Cpath d='M290 166V554M156 385.2H424' fill='none' class='s-p' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='126' y='564' width='328' height='16' rx='3' class='p2'/%3E%3Cpath d='M156 570L424 570L820 1000L400 1000Z' fill='url(%23ls)'/%3E%3Cpath d='M156 166L424 166L424 554L156 554Z' fill='%23fff' opacity='0.08'/%3E%3Cpath d='M1100 0V200' fill='none' class='s-k' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='0.7'/%3E%3Cellipse cx='1100' cy='320' rx='170' ry='120' fill='url(%23gw)' opacity='0.7'/%3E%3Cpath d='M1038 252Q1042 200 1100 200Q1158 200 1162 252Z' class='md'/%3E%3Cpath d='M1038 252Q1042 200 1100 200Q1158 200 1162 252Z' fill='url(%23vx)'/%3E%3Cellipse cx='1100' cy='252' rx='62' ry='8' fill='%23fff3c4' opacity='0.9'/%3E%3Crect x='1100' y='200' width='300' height='220' rx='8' class='p'/%3E%3Crect x='1120' y='220' width='80' height='60' rx='6' class='a'/%3E%3Crect x='1212' y='220' width='80' height='60' rx='6' class='ml'/%3E%3Crect x='1304' y='220' width='80' height='60' rx='6' class='m'/%3E%3Crect x='1120' y='300' width='260' height='100' rx='6' class='mx'/%3E%3Cellipse cx='830' cy='924' rx='492' ry='18' fill='url(%23sh)'/%3E%3Crect x='444' y='744' width='14' height='180' rx='3' fill='url(%23wk)'/%3E%3Crect x='1202' y='744' width='14' height='180' rx='3' fill='url(%23wk)'/%3E%3Cpath d='M424 730h812a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-812a4 4 0 0 1 -4 -4v-10a4 4 0 0 1 4 -4Z' fill='url(%23wd)'/%3E%3Cpath d='M424 730h812a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-812a4 4 0 0 1 -4 -4v-10a4 4 0 0 1 4 -4Z' fill='url(%23vy)'/%3E%3Cellipse cx='760' cy='732' rx='220' ry='14' fill='url(%23sh)'/%3E%3Cpath d='M572 420h376a12 12 0 0 1 12 12v236a12 12 0 0 1 -12 12h-376a12 12 0 0 1 -12 -12v-236a12 12 0 0 1 12 -12Z' class='k'/%3E%3Cpath d='M572 420h376a12 12 0 0 1 12 12v236a12 12 0 0 1 -12 12h-376a12 12 0 0 1 -12 -12v-236a12 12 0 0 1 12 -12Z' fill='url(%23vy)'/%3E%3Crect x='578' y='438' width='364' height='224' rx='6' class='p'/%3E%3Crect x='598' y='458' width='160' height='18' rx='5' class='m'/%3E%3Crect x='598' y='488' width='300' height='10' rx='5' class='p2'/%3E%3Crect x='598' y='506' width='260' height='10' rx='5' class='p2'/%3E%3Crect x='598' y='536' width='150' height='100' rx='8' class='a' opacity='0.85'/%3E%3Crect x='766' y='536' width='156' height='100' rx='8' class='ml'/%3E%3Crect x='740' y='680' width='40' height='50' class='k2'/%3E%3Cg transform='translate(976 616.8) scale(0.3)'%3E%3Cellipse cx='200' cy='360' rx='110' ry='10' fill='url(%23sh)'/%3E%3Cpath d='M140 30h120a30 30 0 0 1 30 30v270a30 30 0 0 1 -30 30h-120a30 30 0 0 1 -30 -30v-270a30 30 0 0 1 30 -30Z' class='k'/%3E%3Cpath d='M140 30h120a30 30 0 0 1 30 30v270a30 30 0 0 1 -30 30h-120a30 30 0 0 1 -30 -30v-270a30 30 0 0 1 30 -30Z' fill='url(%23vx)'/%3E%3Crect x='122' y='44' width='156' height='302' rx='20' class='p'/%3E%3Crect x='170' y='54' width='60' height='10' rx='5' class='k'/%3E%3Crect x='136' y='80' width='128' height='70' rx='10' class='m'/%3E%3Crect x='136' y='162' width='60' height='60' rx='10' class='a'/%3E%3Crect x='204' y='162' width='60' height='60' rx='10' class='ml'/%3E%3Crect x='136' y='234' width='128' height='12' rx='6' class='p2'/%3E%3Crect x='136' y='254' width='100' height='12' rx='6' class='p2'/%3E%3Crect x='136' y='290' width='128' height='36' rx='18' class='m'/%3E%3C/g%3E%3Cellipse cx='300' cy='732' rx='49.5' ry='7.7' fill='url(%23sh)'/%3E%3Cpath d='M300 666Q294.5 622 278 589M300 666Q311 616.5 327.5 594.5M300 666V567' fill='none' stroke='%234b6b48' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg transform='translate(278 594.5) rotate(-38) scale(0.6050000000000001)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(327.5 597.3) rotate(34) scale(0.6325)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf2)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(300 569.8) rotate(4) scale(0.6875)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(289 633) rotate(-70) scale(0.5225)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf2)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cg transform='translate(314.3 638.5) rotate(66) scale(0.49500000000000005)'%3E%3Cpath d='M0 0Q34 -40 0 -110Q-34 -40 0 0Z' fill='url(%23lf)'/%3E%3Cpath d='M0 -8V-100' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='0.25'/%3E%3C/g%3E%3Cpath d='M268.1 666H331.9L325.3 732H274.7Z' fill='url(%23tc)'/%3E%3Cpath d='M268.1 666H331.9L325.3 732H274.7Z' fill='url(%23vx)'/%3E%3Cellipse cx='760' cy='560' rx='300' ry='200' fill='url(%23gw)' opacity='0.3'/%3E%3Crect width='1600' height='1000' filter='url(%23gr)' opacity='.32'/%3E%3C/svg%3E)
Pixel
Études de cas
Nom du client ou du projet
Décrivez en quelques mots la mission, la solution et le résultat, avec l'accord du client.
Nom du client ou du projet
Expliquez ce que vous avez apporté et ce que le client y a gagné.
Nom du client ou du projet
Ajoutez une photo et une courte citation du client.
Comment ça se passe
1. Vous nous contactez
Décrivez-nous votre besoin via le formulaire ou par téléphone.
2. Nous convenons de tout
Vous recevez un accord clair sur le contenu, les délais et le prix avant le début des travaux.
3. Nous réalisons le travail
Nous vous tenons informé tout au long du chantier et laissons les lieux propres.
Besoin d'aide ?
Écrivez-nous ou appelez-nous, nous répondons rapidement.