Skip to content
View olivier3lanc's full-sized avatar

Block or report olivier3lanc

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
olivier3lanc/README.md

I'm Olivier Blanc,
hybrid UI/UX | front-end developer
from France
frJe suis Olivier Blanc, développeur front-end hybride UI et UX

Crafting responsive web design with UI and UX in mind. Here are my crafts. Originally sound engineer, i was reconverted to web design and front-end development, getting inspiration from sound, music, cinema and photography. Here is my resume.

frJe conçois des interfaces web responsive avec une approche UI et UX. Voici mes réalisations. Anciennement ingénieur du son, je me suis reconverti dans le web design et le développement front-end, m'inspirant du son, de la musique, du cinéma et de la photographie. Voici mon parcours.


Codepen

BRiCSS

HTML | CSS | Javascript

A simple and customizable low-level CSS library generator.

WebsiteGithub

BRiCSS

SEEMAP

HTML | CSS | Javascript

Popular Leaflet plugins and map providers bundled into a single customizable HTML file with its API. SEEMAP - for Standalone EmbEddable Map - is a single HTML file bundled of useful and popular Leaflet/OpenStreetMap resources in a easy way to embed.

WebsiteGithub Scroll Frames

Scroll Btween

Javascript

Scroll Btween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.

WebsiteGithub Scroll Btween

Scroll Frames

Javascript

Animate sequences of still frames on any DOM element in relation with its position into the viewport.

WebsiteGithub Scroll Frames

Jekyll LibDoc

Jekyll Theme | Liquid | HTML | CSS | Javascript

A Jekyll documentation theme with built-in search and playground.

WebsiteGithub Jekyll LibDoc

La Casa de Papel HTML5 cinematics

HTML | CSS | Javascript

Web cinematics inspired from La Casa de Papel serie (Money Heist) start credits. Showcase for Scroll Btween and Scroll Frames.

LaunchGithub

La Casa de Papel

Bonus Tokyo and Rio

folio-tokyo-and-rio

D A R K HTML5 cinematics

HTML | CSS | Javascript

Web cinematics inspired from D A R K serie opening credits. Showcase for Scroll Btween and Scroll Frames.

LaunchGithub

D A R K

Paris 26 Gigapixels v2.0

PHP | HTML | CSS | Javascript

Unreleased GoPro initiative, a responsive interface of the project Paris 26 Gigapixels

LaunchGithub

Paris 26 Gigapixels v2.0 - Unreleased

GoPro VR

HTML | CSS | Javascript

GoPro VR HTML5 prototypes pages for production (discontinued).

LaunchGithub folio-gopro-vr

List of pages:

ForgeJS website

PHP | HTML | CSS | Javascript

Creation and design with HTML, CSS, Javascript + GRAV CMS template creation. ForgeJS is a powerful open-source framework that brings immersive media-driven experiences to life.

Launch

ForgeJS website

Bubbles template for Panotour Pro

HTML | CSS | Javascript

Kolor | GoPro Panotour Pro 2.0 template.

LaunchGithub

folio-bubbles

Sidr template for Panotour Pro

HTML | CSS | Javascript

Kolor | GoPro Panotour Pro 2.0 template.

LaunchGithub

folio-sidr

Des Gypaètes et des Hommes DVD Extra content

HTML | CSS | Javascript

HTML5 media written on DVD - only for desktop - as extra content for Mathieu Le Lay's movie https://mathieulelay.com/fr/film/des-gypaetes-et-des-hommes

LaunchGithub

folio-des-gypaetes-et-des-hommes

Panotour Pro 3 mockups

Photoshop

Hi-fi mockups of the unreleased Kolor|GoPro Panotour 3 virtual tour creation software.

View all

Panotour Pro 3 mockups

Graphics

Photoshop

Portfolio of various graphic design crafted in relation with the web and the print.

View all

Logo design example 1 Logo design example 2
APG APG-rev1
Movie booklets design 1 Movie booklets design 2
jaquette-gypaetes jaquette-dvd-alexandre-deschaumes

Photographies

Personal photography artworks

Personal photo works on Animals, Landscapes and Photoshop.

Animaux Paysages Photoshop
Animaux Paysages Photoshop

Resume

Tomorow

Hybrid UI/UX | Front-end developer
@ at your company? contact me

Now

Front-end developer at BYmyCAR
Crafting responsive web design with UI and UX in mind.
@ https://bymycar.fr

frJe crée des interfaces web responsive avec une approche UI et UX.

2018

UX Designer at GoPro
Discover the world's most versatile action cameras + accessories.
@ https://gopro.com

frDécouvrez les caméras d’action et accessoires les plus polyvalents au monde.

2015

Web designer | Content editor at Kolor
Kolor develops image-stitching software, virtual tour software and 360-degree video software, and offers a selection of the best equipment for panoramic photography and video on its online store.
@ https://kolor.com

frKolor développe des logiciels d'assemblage d'images, de visites virtuelles et de vidéos à 360 degrés, et propose une sélection des meilleurs équipements pour la photographie et la vidéo panoramiques sur sa boutique en ligne.

2013

Web designer at Optique Sergent
Le bonheur de bien voir
@ https://optique-sergent.com

2008

Sound engineer at Dolby Cinema Belgium
Adjusting, balancing and equalizing sound in theatres in accordance with SMPTE standards.
@ https://professional.dolby.com/cinema/

frRéglages, équilibres et égalisations le son dans les salles de cinémas conformément aux normes SMPTE.

2001

Diplôme IAD at Institut des Arts de Diffusion
Let's start a sound engineer career until i discover the web!
@ https://www.iad-arts.be/formations/son

frDébut d'une carrière d'ingénieur du son jusqu'à ce que je découvre le web !

Pinned Loading

  1. Scroll-Btween Scroll-Btween Public

    ScrollBtween uses scroll position of document - or any DOM element - to tween CSS values on any DOM element.

    HTML 166 5

  2. Scroll-Frames Scroll-Frames Public

    Animate sequences of still frames on any DOM element in relation with its position into the viewport. https://olivier3lanc.github.io/Scroll-Frames/

    JavaScript 14 1

  3. Jekyll-LibDoc Jekyll-LibDoc Public

    A Jekyll documentation theme with built-in search and playground

    HTML 48 25