/
- Portfolio

Portfolio

Réalisations web dans le cadre de mon travail

Dernière modification 2025-06-05

0livier 3lanc

Table des matières

Intégrations et UI UX

Les intégrations web responsive qui suivent on été réalisées en tenant compte de l’ergonomie, de l’accessibilité et des performances.

Skoda rent

Écrans Skoda Rent — Site e-commerce web, plate-forme Skoda de réservation de véhicules. Intégration HTML, CSS basée sur BRiCSS, Vanilla JavaScript.

Hyundai rent

Écrans Hyundai Rent — Site e-commerce web, plate-forme Hyundai de réservation de véhicules. Intégration HTML, CSS basée sur BRiCSS, Vanilla JavaScript.

Eleventy LibDoc

Écrans Eleventy LibDoc — Outil de création de documentation. Réalisation complète HTML, CSS basée sur BRiCSS, Vanilla JavaScript.

Site web LibDoc

BRiCSS

Écrans BRiCSS — Outil de création de librairie CSS bas niveau. Réalisation complète HTML, CSS et Vanilla JavaScript.

Site web BRiCSS

UCAR

Écrans UCAR — Site de location de véhicules. Intégration HTML, CSS basée et Vanilla JavaScript.

UCAR Groupe

Écrans UCAR Groupe — Prototype fonctionnel du site UCAR Groupe. Intégration HTML, CSS et Vanilla JavaScript.

Autres pages :

CMS sfMelody

Écrans CMS sfMelody — Création d’un CMS basé sur le framework Symfony. Réalisation complète HTML, CSS basée sur BRiCSS, Vanilla JavaScript.

GOA

Écrans GOA — Création du front-office du site web d’une application de location de véhicule moyenne et longue durée. Intégration complète HTML, CSS, Vanilla JavaScript.

Documentation Démo GOA

Cosmobilis

Écrans Cosmobilis — Site web de la maison-mère de BYmyCAR et UCAR. Intégration complète HTML, CSS et Vanilla JavaScript.

Site web Cosmobilis

Marcel Rent proto

Écrans Marcel Rent — Prototype fonctionnel d’un projet d'’application de location de véhicule. Design et intégration HTML, CSS et Vanilla JavaScript.

Démo Marcel Rent

ByMyCar

Écrans BYmyCAR — Prototype fonctionnel de la refonte du site BYmyCAR en 2020. Intégration et design HTML, CSS et JavaScript.

Documentation Démo page d’accueil

Jekyll LibDoc

Écrans Jekyll LibDoc — Générateur de documentation avec bac à sable JavaScript et recherche intégrée. Réalisation complète Ruby, Liquid, design et intégration HTML, CSS et JavaScript.

Site web Jekyll LibDoc

Sidr

Écrans Panotour Sidr — Template portfolio pour Kolor Panotour 2.0.

Bubbles

Écrans Panotour Bubbles — Template pour Kolor Panotour 2.0.

GoPro VR

Écrans page d’accueil GoPro VR — Page d’accueil du site web officiel GoPro VR. Intégration HTML, CSS et JavaScript.

Autres pages:

Paris 26 Gigapixels v2.0

Écrans Paris 26 Gigapixels v2 — Initiative GoPro non déployée. Intégration HTML, CSS et JavaScript.

_{Crédits photo Arnaud Frich, propulsé par ForgeJS.}

Librairies

Création de librairies JavaScript pour les usages les plus courants.

c-toggle.js

Écrans c-toggle.js — Librairie JavaScript dédiée à la bascule d’état des classes CSS d’un élément

GitHub Site web

c-tabs.js

Écrans c-tabs.js — Librairie JavaScript dédiée à la gestion d'onglets et tabulations.

GitHub Site web

c-preview.js

Écrans c-preview.js — Librairie JavaScript dédiée à l’affichage et des fichiers sélectionnés sur un input type=file

GitHub Site web

c-scrollsyncbar.js

Écrans c-scrollsyncbar.js — Librairie JavaScript permettant d’afficher/masquer des éléments HTML progressivement en fonction du sens de défilement de la fenêtre.

GitHub Site web

c-scrollspy.js

Écrans c-scrollspy.js — Librairie JavaScript dédiée à la détection de la position d’un élément DOM dans la fenêtre de visualisation.

GitHub Site web

UI et UX

Réalisations d’interfaces à partir de maquettes Photoshop.

Maquettes Kolor Panotour 3

Maquettes Kolor Panotour 3 — Création de maquettes haute fidélité pour Kolor Panotour 3

Autres maquettes

Programme d’installation Kolor

1. introduction - Projet de maquette haute fidélité du programme d’installation des produits Kolor. — 1. introduction - Maquette haute fidélité du programme d’installation des produits Kolor.

2. license - Projet de maquette haute fidélité du programme d’installation des produits Kolor. — 2. license - Maquette haute fidélité du programme d’installation des produits Kolor.

Graphisme

Créations graphiques réalisées dans Adobe Photoshop.

Logos

Proposition de logo pour Kolor Autopano Giga

Proposition de logotype pour Kolor Autopano Giga

Proposition de logo pour Kolor Panotour Pro

Proposition de logotype pour Kolor Panotour Pro

Proposition de logo pour Kolor Autopano Video Pro

Proposition de logotype pour Kolor Autopano Video Pro

Proposition de logo pour Kolor Live VR

Proposition de logotype pour Kolor Live VR

Proposition alternative d’une série de logo pour les produits Kolor

Logo pour l’hôtel Le Grand Truc

GoPro Fusion T-Shirt

Création graphique dans Adobe Photoshop pour impression sur T-Shirt.

tshirt-front-2-mockup-3

tshirt-front-2-mockup-1

tshirt-front-1-mockup-1

tshirt-back-1-mockup-3

placeit-19

placeit-10

placeit-8

placeit-7

placeit-6

placeit-4

placeit-3

placeit-1

Jaquettes Blu-Ray et DVD

Jaquette Blu-Ray et DVD du film American Loneliness

Jaquette Blu-Ray et DVD du film La Quête d’Inspiration

Variante de la jaquette Blu-Ray et DVD du film La Quête d’Inspiration

Variante de la jaquette Blu-Ray et DVD du film La Quête d’Inspiration

Gabarit Blu-Ray et DVD du film La Quête d’Inspiration

Jaquette Blu-Ray et DVD du film Des Gypaètes et des Hommes

Divers

Flyer RunArtic

Carte de visite Moniteur de Ski

Carte de visite taxi