CV

↓ Sylvain Charles – Profil « Couteau Suisse » ↓

  • Webdesigner – développeur – intégrateur – UX – UI – e–commerce – en savoir +
  • Droneen duo pilote/cadreur avec Nicolas Charles (frangins) – vidéo – photo – photogrammétrie – homologué S1/S3 – Brevet Théorique d’ULM
  • Photoextérieur – studio – retouches – photo–montage
  • Vidéo & sonassistant réalisateur – cadrage – prise de son – mixage audio
  • Printindesign – photoshop – illustrator – affinity
  • VoyagesNouvelle Calédonie – Russie – Australie – Nouvelle Zélande – Argentine
  • Languesfrançais – anglais (fluent) – espagnol (un poco)
  • ÉtudesBAC S – IUT Informatique à Vannes – Voyages (mon école préférée)

À la question « Que fais-tu dans la vie ? », j’ai pris l’habitude de répondre « Faire en sorte de mourir heureux » — Pour atteindre cet objectif je dois perpétuellement apprendre, observer, comprendre et créer — Si je suis allé à l’université apprendre à programmer, ce sont mes voyages et projets persos qui m’ont ouverts à la vidéo, la photographie et à toujours plus de domaines de compétences.
Depuis 2016, j’ai posé mes valises, mon ordi et le drone à Nantes. Sylvain Charles

Me

Works

Film : Live de Thomas Howard MemorialMy role : Aerial photography

Film / Live sans public tourné dans le fond apocalyptique du Lac de Guerlédan en 2015. Le film à été très bien reçu par la critique. Il continue sa tournée après sa diffusion sur ARTE Concert et dans des lieux mythiques tels que le Silencio de David Lynch à Paris. Réalisé par Nicolas Charles

En hommage aux Pink Floyd, ce groupe Breton a voulu faire son Live at Pompeii dans le décor lunaire du Lac de Guerlédan à sec. Un live d’une heure tourné du soir au petit matin, qui révèle au fil des morceaux les paysages aussi éphémères que magnifiques de l’ancienne vallée de Guerlédan. Réalisé par Nicolas Charles

Producteurs : Upton Park Publishing / Nicolas Charles / TCC Prod
Réalisateur : Nicolas Charles
Lieu de Tournage : Lac de Guerlédan
Diffusion : ARTE Concert – Silencio – Christine 21 (Paris), en tournée…

thomas howard memorial inspire

Clip : Les 3 Mousquetaires (2015 SONY Music)My role : Chiefs of aerial photography with Nicolas Charles

Sony Music à profité d'un lieu aussi exceptionnel qu'éphémère, pour tourner un clip de Damien Sargue. Nous avons eu le plaisir de tourner toutes les images aériennes dans le fond du Lac de Guerlédan asséché avec Julien Seri à la réalisation. Plus de 2.300.000 de vues !

Notre rôle : chefs opérateurs drone en duo avec Nicolas Charles (pilote + cadreur)
Réalisateur : Julien Seri (Yamakasi, Les fils du vent, Nightfare, …)
Production : Sony music

 

Les 3 mousquetaires

Vidéo : La valée engloutie (2015)My role : Aerial photography - Sound design

Déjà primée deux fois dans des concours européens et internationaux de vidéo. Une vidéo témoin du paysage retrouvé de l'ancienne vallée de Guerlédan. Nous avons passé plusieurs dizaines de journées à chasser l'image dans cette étrange vallée aux airs de surface lunaire.

1er prix
Festival International Ciné Drone 2015 (patrimoine)
European Drone Film Festival 2015 (documentaire)
Sélection officielle à l’US drone film festival

Nicolas Charles : Production, réalisation, direction artistique, montage
Sylvain Charles : Pilote drone, sound design, assistant réal

Avec Joël Dupuch (acteur) et Christophe OFFENSTEIN (Réalisateur / Producteur)

Avec Joël Dupuch (acteur) et Christophe OFFENSTEIN (Réalisateur / Producteur)

The Lost Valley preview-1

Vidéo : Excalibur, L’éveil de MerlinMy role : Drone opérator

Avec la voix de Thierry Lhermitte. Teaser du spectacle équestre ayant eu lieu en 2015 lors de l'assec du Lac de Guerlédan. Réalisé par Nicolas Charles

Vidéo : Quintin Petite cité de Caractère (2016)My role : Drone operator

Réalisée par Nicolas Charles pour la ville de Quintin en Centre Bretagne. Cette vidéo montre le dynamisme et l'attrait de cette petite cité de caractère.

Vidéo : Harvest (2014)My role : Drone operator - Sound design

Réalisée par Nicolas Charles en 2014. Un témoignage de nos souvenirs d'enfance à la campagne.

NB: Ce n’est pas une pub pour Claas 🙂

3D : Photogrammétrie GuerlédanMy role : Sylvain et Nicolas Charles

Nous proposons à la vente le modèle 3D du fond du Lac de Guerlédan réalisé à partir de 8000 photos prises par notre drone. Nous avons aussi pris de plus près les points d'intérêt afin de les immortaliser. N'hésitez pas à nous contacter !

Domaines d’application
  • Reconstitution historique
  • Réalité Virtuelle
  • Réalité Augmentée
  • Applications touristiques
  • Mesures topographiques

drone guerledan

Vidéos : YEB CE (side project 2012)My role : Merci de ne pas regarder ces vidéos

YEB CE c'est un univers qui a glissé de la vidéo de skate vers autre chose. Un groupe d'amis qui tourne des vidéos plus ou moins drôle.

Drone : Nos référencesMy role : Drone operator with Nicolas Charles

Nicolas et Sylvain Charles, pilotes drone Bretagne homologués S1 S3. Nos drones : Inspire 1 Pro et Phantom 3 Professionnal

drone-civile51231-audiences-hebdo-tf1-baisse-france-2-et-france-3

canal-logo_pphoto_1327318141des-racines-et-des-ailes-11941-29459logo-edf

Tour_de_France_logo.svg

120px-Planete_Thalassa.svg

inspire-1

Notre drone : DJI Inspire Pro

 

Application : Acupuncture 3DMy role : Redesign - Wireframes - Mockups - UX and UI - Quality check

Acupuncture 3D est le logiciel le plus complet à ce jour pour apprendre et pratiquer l'acupuncture. À la demande de Liên Le Nédelec, j'ai donné un bon coup de pinceau à l'interface vieillissante. J'ai aussi (mais surtout) amélioré le parcours utilisateur et travaillé l'interface pour qu'elle s'adapte à tous les supports. Logiciel développé par Alchimik Lanterns

 

Nouvelle version 2016

 

Le logiciel est en cours de finalisation chez Alchimik Lanterns à partir des mockups et wireframes


Mockups (2016)


La contrainte principale pour la refonte de l’interface était la simplicité. Il fallait designer une interface sobre et intuitive pour l’utilisateur, et rapide à créer pour le développeur. La sidebar sur le coté gauche s’est rapidement imposée comme la meilleure option pour contenir tout le menu et éléments interactifs.


Wireframes (2016)


La première étape consistait à rationaliser l’expérience utilisateur et décrire le comportement du logiciel sur mobile et desktop. La contrainte était de minimiser au maximum les différences entre la version mobile et desktop pour limiter les coûts de développement.


Ancienne version


L’ancienne version soufrait de plusieurs défauts en terme d’ergonomie et d’esthétique. L’adaptation de l’interface vers toujours plus de tailles d’écran devenait laborieuse. Il a donc été décidé de repartir de zéro pour une version 2016 plus performante, plus ergonomique, multilingue et future-proof.

Web : La Touche Française (2016)My role : Web design, UX design, Developpement front / back

Hervé Delattre m'a contacté pour réaliser le site qui devait montrer et vendre le désormais fameux Pull'Ouvert de La Touche Française ! J'ai l'immense plaisir de participer à cette aventure humaine enrichissante, qui en plus de cela crée des emplois dans nos campagnes bretonnes.

screenshot www la-touche-francaise fr

Design hiver 2015 / 2016

L’idée est de proposer dès la page d’accueil, le produit phare de La Touche Française (Le Pull’Ouvert : Pull Marin en laine fabriqué en France). En arrivant sur le site, l’internaute trouve immédiatement ce qu’il cherche à savoir les couleurs, les tailles disponibles et le prix. En allant plus loin il découvre les autres produits de La Touche Française.

Technologies utilisées
  • Prestashop 1.6
  • Bootstrap
  • Site responsive

Web : sylvaiin.fr (2016)My role : Web design, UX design, Developpement front / back

J'avais depuis longtemps l'idée d'un site dont la navigation se fait par translation du viewport sur deux dimensions. Aucun de mes projets n'avait les critères pour devenir un site à la navigation expérimentale. Finalement je commençais sérieusement à avoir besoin d'un portfolio. Alors j'ai pu enfin tester si ça fonctionne dans la vrai vie...

Technologies utilisées
  • WordPress
  • Foundation Sites
  • JointsWP blank Foundation theme
  • PhotoSwipe (très bonne lightbox)

Web : Coat Favan (2015)My role : Web design, UX, UI, Developpement front / back, Photos

Coat Favan est le deuxième plus grand Fest Noz de Bretagne qui se déroule le jour de la pentecôte depuis plus de 35 ans. J'ai conçu ce site de manière à ce que l'information soit immédiate, simple et complète. Un design one-page s'est naturellement imposé proposant en premier les informations les plus utiles.

Coat Favan

Technologies utilisée
  • WordPress
  • Foundation
  • Site responsive

Web : Acupunture 3D (2015)My role : Web design, UX design, Developpement front / back

Acupuncture 3D est le logiciel multi-plateforme le plus complet pour apprendre et pratiquer l'acupuncture et la médecine chinoise. Mon rôle a été de reprendre une installation existante sous Prestashop et adapter le CMS à une expérience utilisateur d'un mono-produit dématérialisé.

Acupuncture 3d home

Le site ne vend qu’un seul produit dématérialisée. La page d’accueil a donc été développée pour accueillir de l’information.

Acupuncture 3d fonctionnalités

La page fonctionnalités développe plus en profondeur toutes les possibilités offertes par le logiciel.

J’ai créé ce site web à partir d’une base Prestashop existante (1.4).  Je suis passé à la version 1.6, et j’ai surchargé (override) le comportement par défaut de Prestashop pour permettre aux conceptrices de modifier le contenu et la disposition des éléments de leur site (textes, images, vidéos, …).

Technologies utilisée
  • Prestashop 1.6
  • Bootstrap
  • Site responsive

Web : Mohair du Pays de Corlay (2014)My role : Web design, UX design, Developpement front / back, SEO, Photo

Mes parents élèvent des chèvres angora depuis plus de 20 ans. En 2011 je réalise pour eux cette boutique en ligne permettant de commercialiser leur produits d'excellence en mohair. En 2014 une refonte complète permet au site d'évoluer vers un design ajax et responsive. L'idée est de rassembler e-commerce et blog habituellement séparés dans une interface vivante et claire

screenshot-mpc-local 2016-04-20 12-47-27

La difficulté sur ce site est de gérer le grand nombre de produits et déclinaisons. L’interface de sélection des couleurs à été complètement adaptée

screenshot-mpc-local 2016-04-20 12-47-58

La page d’accueil se veut très souple. Nous pouvons réorganiser l’ordre et la taille des éléments en quelques clics. Selon les périodes elle contient les produits phares, les actualités, liens vers différentes catégories et pages d’information

screenshot-mpc-local 2016-04-20 12-48-42

Un long développement à permit de surcharger le fonctionnement par défaut de Prestashop pour intégrer de l’information au sein même des pages catégories

screenshot-mpc-local 2016-04-20 12-49-17

Cette intégration étroite e-shop / blog permet de raconter une histoire pendant le parcours utilisateur

Technologies utilisées
  • Prestashop  1.6
  • Foundation
  • MettaFizzy Isotope.js
  • History.js (pour l’ajax)

Mes outils / My tools

The tools I use and like the most :

WEB
  • developper designer integrator UX UI data architect
  • html5 apache2
  • css3 : sass less
  • javascript : jquery
  • frameworks : foundation bootstrap
  • Prestashop Worpress CodeIgniter
  • php : POO MVC custom developpement algorithm …
  • SQL : MySQL ProgreSQL (junior)
  • e-commerce and traditional websites
IMAGES
  • Affinity suite (love it)
  • Photoshop (good skills) Illustrator InDesign
PHOTO
  • DSLR outdoor indoor studio
  • Photoshop Lightroom (how to live without?)
SOUND
  • Logic Pro (or sound design in Adobe Premiere CC)
  • Heavy touch keyboard zoom h4n
DRONE
  • DJI Inspire Pro with X5 gimbal with Nicolas Charles
  • And Phantom 3 Professional

A bit of video, a bit of this, a bit of that. I’m Jack of all trades, as long as I learn something new…

CV / Resume

 

Photos : Studio photoMy role : Gear owner - Lights and camera operator

Je dispose d'un studio photo complet avec 3 flashs + soft box, réflecteurs, trépieds et papier blanc haute qualité (11m x 2.75m). Le studio se trouve dans un grand local en centre Bretagne

Photos : EDF Barrage de GuerlédanMy role : Drone operator - Panoramas - Post-production

Avec Nicolas Charles. En 2014 (avant la vidange du lac) EDF nous a demandé de une série de photos aérienne de leur installation hydro-électrique au Lac de Guerlédan. Ces photos leur serviront à une échelle régionale et nationale.

Photos : Gîte de BotponalMy role : Photos and postprod

Avec Nicolas Charles nous avons réalisé une série de photos au gîte de Botponal près du Lac de Guerlédan.

botponal-aerienne-1

Photos : AnimauxMy role : Photos and Edit

Les "animaux" ou plutôt les non-humains sont source de perpétuelles leçons de sagesse. Leur vie, leur mort, leur amour et leur différences m'alimentent en réflexions sur notre vie en tant qu'humain et habitant de la terre

Ideas

Service de co-voiturage instantané (2015)Combine hitch hiking and carpooling

J'ai fait beaucoup de stop dans ma vie. J'ai pu ainsi rencontrer tellement de personnes formidables. Un jour j'ai dû acheter une voiture pour gagner en autonomie, et j'ai tout de suite commencé à proposer du covoiturage. Mais entre ces deux solutions, on peut faire beaucoup mieux !

intro


Problématique


Le stop c’est génial, mais …

  • Certains n’ont pas le courage (ou l’idée) d’en faire
  • Certains ont les boules de prendre des auto-stoppeurs
  • Celui qui prend un(e) auto-stoppeur, n’obtient que de l’auto-satisfaction en retour (et un peu de compagnie)

Le co-voiturage c’est une bonne idée, mais …

  • Le conducteur doit savoir à l’avance exactement quand et où il partira
  • Il doit prendre la peine de faire une annonce (et c’est chiant de faire une annonce)
  • Du coup il a la flemme d’en créer une pour les petits trajets
  • Le système est déjà corrompu à la recherche de rentabilité avec des commissions hallucinantes (qu’on peu comprendre mais quand même…)
  • Les alternatives gratuites et ouvertes sont désertées car moins pratiques, moins utilisées et pas assez rassurantes pour M. et Mme Toulemonde

L’idée


Pour bien comprendre, rien de tel qu’un un bon exemple :

  • Le conducteur
    • se trouve à Rennes
    • prend la décision d’aller à Nantes
    • fait chauffer le moteur
    • ouvre son application
    • indique qu’il va à Nantes
    • et laisse tourner son app
  • Le passager
    • est à Bain de Bretagne
    • a besoin d’aller tout de suite à Nantes
    • ouvre son application
    • indique qu’il veut aller à Nantes
  • L’application
    • propose au Passager de monter dans la voiture du Conducteur qui devrait passer dans le coin 5 minutes plus tard
  • Le Passager
    • envoi la demande (ou l’application connecte les deux utilisateurs à voir)
  • Le Conducteur
    • reçoit la demande et accepte
    • prend le Passager à Bain de Bretagne
    • dépose le Passager à Nantes

Intérêt


Le Conducteur à gagné le droit de monter gratuitement
dans la voiture de quelqu’un d’autre  sur un trajet équivalent.


Avantages


  • Instantanéité
  • Souplesse
  • Pas d’échange d’argent (voir plus loin en détail)
  • Favorise les rapport humains impromptus
  • On a plus besoin de prévoir des jours / mois à l’avance pour ses trajets
  • Moins de pollution
  • Économique prendre des gens signifie pouvoir voyager gratuitement par la suite

Fonctionnement


Voici les grande lignes directrices du service :

  • Tout se passe sur mobile (smartphone ou tablette)
  • Pas possible de réserver un trajet (tu n’as qu’à aller sur Blablacar)
  • Basé sur le pseudonymat, profil associé à une réputation
  • Pas de stockage de données seulement des statistiques anonymes
  • On peut l’utiliser sans jamais donner le numéro de sa carte bancaire
  • Un passager sans permis ou sans véhicule peut acheter des « points » pour voyager
  • Il peut sinon demander à des amis de lui en offrir (ex: un parent cède ses points à un enfant pour qu’il voyage gratos)
  • Pas de frais d’inscription ni d’abonnements
  • L’inscription se fait sur invitation et donne lieu à un capital de départ pour voyager les x premiers kilomètres gratuitement
  • Basé sur la confiance (il y aura toujours des gens pour détourner le truc)

Types d’utilisateur


  • Celui qui conduit tout le temps
  • Celui qui n’a pas de voiture
  • Celui qui est conducteur et passager 50-50
  • Celui qui fait de long voyages ponctuellement
  • Celui qui habite dans Paris
  • Celui qui fait le même trajet tous les jours
  • Celui qui teste pour la première fois

UX


Il y a moyen de simplifier le parcours utilisateur au maximum. J’espère pouvoir prendre le temps de transformer mes croquis en wireframe / mockup plus lisibles rapidement.

covoiturage

More UX to come ….


Difficultés à envisager


  • Développement de l’app + Architecture serveur très cher
  • Ou alors créer ça sur une base existante (ex: Waze, etc)
  • Convaincre tout les âges, toutes les classes sociales de proposer leur trajets
  • Créer une base utilisateur initiale pour que ça fonctionne bien
  • Se mettre à dos toute l’industrie du transport (train, bus, taxi, etc)
  • Coté juridique sensible
  • Prévoir tous les cas de figures (pas de réseau, plus de batterie, …)
  • Respect de la vie privée
  • Les problèmes liés à l’anonymat et la responsabilité
  • Au bout du compte il se créera comme les aires de covoiturage, des spots ou l’on trouvera toujours quelqu’un à prendre dans sa voiture. Cela donnera lieu à des aménagements de l’espace publique

Déjà en cours


Depuis cette période de réflexion autour de l’idée d’un meilleur co-voiturage, des projets ont emmergé par des grand groupe (Uber, Waze) et des plus petits :  La Zooz entre autres. C’est dans l’air du temps, on ne peut plus continuer à rouler tout seul chacun dans notre voiture !

Des idées…

Certaines murissent sur plusieurs années, et d’autres tombent d’un coup, le soir. Elles nous empêchent de dormir tant que nous ne les accouchons pas sur le papier.

Je compte sur mon site web pour m’inviter à franchir l’étape suivante : celle qui consiste à partager aux autres ces germes de futur. Car c’est bien à plusieurs que les choses se créent. Et comment trouver des amis de co-création si ces idées restent secrètes au fond d’un tiroir de bureau?

Bon, désormais il s’agit de se dégager du temps pour transformer un brouillon en une idée communicable ! Et puis la mettre en ligne…

Scénarios – Objets – Applications – Design

Citations et aphorismes

Pour m'en souvenir, ici je rassemble les citations et aphorismes que j'ai entendu ou aspiré du cosmos

Le hasard ne favorise que les esprits préparésLouis Pasteur

Les mots découpent l’infini en petits morceauxMe

Jusqu’à preuve du contraire, je n’y croirai pasMe

Un cercle infini dont le centre est partout et la circonférence nulle partNicolas de Cusa