Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte...

27
Infographie | Motion design | Développement d’applications web | Formation Stéphane Malachane 2015 hp://www.sepiafx.com Réalisations Stéphane Malachane Aout 2016 http://www.sepiafx.com

Transcript of Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte...

Page 1: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Infographie | Motion design | Développement d’applications web | Formation

Stéphane Malachane 2015 http://www.sepiafx.com

Réalisations

Stéphane Malachane Aout 2016 http://www.sepiafx.com

Page 2: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Clickon the pages

Sommaire

Créer des univers

Créer des usages

Développement multimédia

Etre inspiré

Créer des usages

12

14

24

3D | Motion design & animation

Web-design

Contact et CV Rester connectés

3

test

2

WHAT’S UP ?

Page 3: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

Création d’une application de E-magazine

A partir d’un document PDF, l’application génère un magazine interactif type «pageflip»Les fonctionnalitées: dictionnaire, de zoom, recherche, de création de sommaire et de gestion des magazines sont présentesBack-office : transformation PDF -> images | création de dictionnaire , database de profil - gestion des magasines

FlashActionscript 3 XMLBatch LinuxPHP / MYSQL

Objectifs

VISUALISER

3

Magazine interactif

Page 4: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

Création d’une application de cartographie.

A partir d’une carte en PDF, l’application génère une cartographie type googleMap avec possibilité d’incluredes sites remarquables et d’en saisir les caractéristiques

Les fonctionnalitées de zoom, recherche, navigation ontétés développés à cet effet

FlashActionscript 2XML

Commanditaire et développement back office(base de donnée) : Eolas | Client multiples (services managés) SaaS)

4

SIG : Cartographie interactive

Page 5: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

Borne tactile La france à un incroyable talent

créerdes usages

Développement

Dév

elop

pem

ent

Création d’une application d’une borne tactile pour l’emission : La france à un incroyable talent.

Selection des candidatsGlisser / deposer Historique, comptage de points.Lecture des vidéos en dynamique

Flash / AirActionscript 3 XML

Objectifs Outils

Commanditaire: Appi Consulting | Client : Freemanttle Média

5

Page 6: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

Aménagement : création piscine

créerdes usages

Développement

Dév

elop

pem

ent

Configurateur de piscine

1) Séléctionnez la photo de votre jardin à uploader2) Choissisez votre priscine, orientez la grace aux touches prévues à cet effet3) Téléchargez la photo finale. Le tour est joué !

Flash / AirActionscript 3 XML

Objectifs

Commanditaire: Greendog Studio | Client :Inaqua

VISUALISER

6

Page 7: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

Site web dynamique

créerdes usages

Développement

Création d’un site avec lecture vidéo dynamiqueInterface administrable.

Flash / AirActionscript 3 XML

Objectifs

Client: Veyaprod

VISUALISER

7

Page 8: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

Création d’une d’une borne tactile pour le Sud Grésivaudan.Borne administrable.250 sites patrimoniaux.Requêtes choix par thématique, géographie, chronologieDiaporama

Flash Actionscript 2 XML

Commanditaire: Eolas | Client: Sud grésivaudan

8

Borne tactile

Page 9: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

Création d’une application de calcul de dureté des materiaux avec graphiques correspondant.Base de calcul : fichier excel. Flash

Actionscript 2Des maths

OutilsCommanditaire et charte graphique :Pixelcreo | Client : W Abrasive

C ommanditaire: PixelCreo | Client: W Abrasive

9

W abrasives | calcul dureté des matériaux |application

Page 10: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

WordpressFlash Actionscript 3Photoshop3DS Max

Creation site internet dynamique

- Charte graphique- Iconographie- Création motion design- Application flash de simulation du disque

10

Site internet administrable

Page 11: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

VISUALISERHTML 5BoostrapPhotoshop

Création site internet

- Création des pages- Référencement- Retouche images

11

Site internet (HTML5 | Bootstrap)

Page 12: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Mission Process

créerdes usages

Développement

VISUALISERHTML 5BoostrapPhotoshop

Création site internet

- Création des pages- Référencement- Retouche images

12

Site internet (HTML5 | Bootstrap)

Page 13: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

Charte graphique

13

Page 14: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

Charte graphique

Etre

Info

grap

hie

2D

inspiré

Création d’une charte graphique pour ERDF / UFO Formation.

Photoshop Illustrator3DS Max

Objectifs

Commanditaire: Regine Cardin | Client: ERDF

14

Page 15: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

Charte graphique

Création d’une charte graphique pour l’intranet du Grand Lyon | Commanditaire: Devoteam Photoshop | Illustrator

15

Page 16: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

16

Page 17: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

17

Page 18: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

18

Page 19: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

19

Page 20: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

20

Page 21: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

Michelin (2005)

21

Page 22: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

22

Page 23: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

23

Page 24: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

24

Page 25: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

êtreinspiré

3D & Animation

25

Page 26: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

Octobre 2000-Septembre 2001 Realviz

Création de sites en Flash.Infographiste 2D / 3D pour de grands comptes (PSA, Lancia,Thomson)Logiciel 3DS Max / Photoshop

Juillet 99-Septembre 2000 Rebond Formation

Création de sites en Flash et DreamweaverDéveloppement ASP et BDD Access

Juillet 96-Juillet 97 ALEG Grenoble Développement BDD 4D Server

restezconnectés !!

CV et contact

Octobre 2014-actuellement Université Savoie Mont Blanc.

Enseignant contractuel mi temps en graphisme et création de sites pour les 3 années de licence.Logiciel : Illustrator | In-design. Création de sites en HTML et Javascript.

Département infocom (communication et hypermédia)

Juillet 2006-Juin 2008 Movie MagesSeptembre 2003-Juillet 2005 Polycom-pcJuillet 99-Septembre 2000 Rebond formation

Vidéo numérique : IUT 2 Grenoble De 2013 à 2014(Licence Pro com visuelle)Multimédia et PAO: Ecole Faugier. De 2009 à actuellement (BTS Médias numérique & Manaa)Développement BDD et PHP: 2012 à actuellement BTS SIO 1ere et 2e année année 3D et Flash Janvier -Avril 2013 AriesFormateur Actionscript 2 et 3 (Sup2i) Janv- Avril 2010 Master 1 et 2 concepteur multimédia Avril 2008 BTS informatique Centres de formations partenaires

Demos / anthéane - EAL Formation – Devictio - MAO Center – Sup2i – IUT 2 Grenoble -Atao – Aflim – Bcif – Ecole Faugier -Aries -

Développement2013 : Développement de nouvelles fonctionnalités de l’application Sportsoft entraineur XV (logi-ciel de simulation de rugby. 800 licences environs)

2010- 2012 : Borne tactile pour la France à un incroyable talent (Freemantle média)Exemple en vidéo : https://vimeo.com/96436662

2010 : Développement d’un application d’e-journal pour la société Eolas (groupe Business et Déci-sion)L’application automatique (backoffice + front) étant déclinable pour un nombre illimitées de clients,Ceux qui l’ont adopté sont (liste non exhaustive) :

-Conseil général de l’Isère-Chambéry métropole-Ville de GrenobleLien de l’application (CG38): http://isere.magzine.fr/indexfo.php?idmag=3531&nc=54cca5abccefca56391e6e491164134d#/0

2007-2009 : Réalisation d’une application automatique de création de cartographie type Google-map pourEolas.-Lien de l’application : http://www.sdis38.fr/95-carte-des-centres.htmAutres sites (wordpress + création graphique)http://disque-iccm.fr/

HTML5 + Boostrap

sascappellin.com

Création visuelle infographie 2D-3D

2015: Animation de personnage avec blender pour du jeu vidéo2014: Création site sous Wordpress et charte graphique (http://disque-iccm.fr/)2014 : Création 3D pour l’agence graphicstyle durée anim 1 mn (client final Inlab)projet :http://www.sepiafx.com/video_ok3.mp42014 : Couverture de la une interne du journal de juin « Grenoble alpes métropole » Métro (voirportfolio)2012 :Modélisation 3D / animation mini film (20 s) client: Doran international2009-2011 : Charte graphique pour le Grand Lyon. Pour ERDF .Motion design pour Grenoble université2008 : Motion design pour CybertaxiPub2006-2007 : Création graphique en sous traitance client: NoovizCréation 3D jaquette DVD de pokerModélisation 3D société MichelinMotion design sous After Effects( CybertaxiPub)2005: Juillet-octobre: infographiste 3D pour l’architecture et design sous le logiciel 3ds max.

Autres informations

Jury agrée par l’état pour le titre professionnel « Infographiste en Multimédia »(RNCP Ni-veau III)Diplômes : BTS Design Graphique option Média Numériques.Télécharger le CV à jour(pdf A4)

Photoshop

Septembre 2013 EAL FormationJuin et septembre 2011 Demos / an-théaneOctobre 2014 Optedif

Flash (animation et développement actionscript 3)

Décembre 2014 ATP Forma-tion Février 2014 Iform ToulouseJanvier 2014 ATP FormationJuin 2013 EAL Formationjanvier 2013 Aflim Decembre 2012 DevictioOctobre 2012 Demos / an-théaneJuin 2012 EAL et DevictioDec 2010 MSI formation Sept 2010 Demos / an-théaneJanvier 2010 Studio FactoryAvril 2009 EAL FormationMars 2009 AtaoOctobre 2008 Mairie de toulonJuillet 2008 Agence trait d’es-pritFévrier 2003 & Juin 2003 - Polycom-pc

3DS Max et Vray

Novembre 2012 AflimAvril 2011 BCIF Formation Juillet-Septembre 2009 EAL For-mation Septembre 2008 EAL Formation

Blender 3D

Juin 2014 ATP Formation septembre 2014 Optedif lyon

After Effects & Elément 3D

Mars 2015 Metro’formaJuin 2013 MAO CenterNovembre 2008 EAL Formation

Adobe Première Pro

Novembre 2014 Optedif lyon

Formateur consultant création de sites web

CMS Wordpress

Juin 2013 Ecole Faugier

Logiciels

Retouche et créa : Photoshop – Illustrator – Indesign - 3ds Max / Vray - Montage et motion design : After effects (+ trapcode et élément 3D) / adobe première. Animation web et développement : Flash + Actionscript 2 et 3 / Dreamweaver / HTML / CSS . CMS : Wordpress. Moteur de rendu 3d temps réel et framework: Director / Shockwave 3D. Unity : notions. HTML 5 + Bootstrap

Stéphane Malachane Permis B 1 rue Millet38000 GRENOBLE06 76 46 55 75 Mail : [email protected]

Formateur en entreprises Développement et graphisme freelance

Expérience professionnelle salarié

Autres informations

Logiciels

Formateur salarié(logiciel 3DS Max , Photoshop, Flash, Dreamweaver, CSS, illustrator , HT-ML,wordpress, illustrator, in-design)

Intervenant en universitée

26

Page 27: Réalisations - SepiaFx | Creation digitale€¦ · Creation site internet dynamique - Charte graphique - Iconographie - Création motion design - Application flash de simulation

VOIR LE SITE

Stéphane Malachane1 Rue Millet38000 Grenoble06 76 46 55 75

[email protected]

restezconnectés !!

CV et contact

SEPIAFX.COM

27