Presentation inochi réalisations / développement - Accompagnateur Web

52
Acompagnateur Web |

Transcript of Presentation inochi réalisations / développement - Accompagnateur Web

Acompagnateur Web

|

INOCHI

La société INOCHIest une agence de communication Digitale

composée de différentes entités complémentaires:

Composée de 6 personnes ayant oeuvré pour de grands comptes

( BNP Paribas, CIO, Amnesty International, Nissan Europe, Lancôme, Mcdonald’s...)

chacun a su apporter sa contribution pour offrir la crédibilité dont elle bénéficie aujourd’hui.

|Pôle Formations

(Promotion de la marque et e-commerce)

Pôle développement( web & mobile )

Pôle conseil / stratégie /marketing

UNe éqUIpe d’expertsINNOvatION & qUalIté

Cyril CourtonneCEO

[email protected]

mobile 06 87 57 34 05

Christian RégisSuivit projet - [email protected]

Moise F.

Responsable BO / sécurité

Cyril M.

JSP / Java / Back Office /

Solutions Mobiles Android et IOSTheophile DALUZEErgonome / IT director

[email protected]

mobile 06 62 05 63 39

Aymeric RivotCreative director

[email protected]

mobile 06 48 03 51 86

Après un début de carrière de 10 ans chez BNP Paribas en

tant que chef de projet informatique, puis Audit de la Direction

Générale et Chef de projet Stratégique pour la Banque

Privée, je me suis associé avec Cyril. Aujourd’hui nous

gérons ensemble la structure en capitalisant sur nos forces

vives. Pour ma part je coordonne l’ensemble de la stratégie

commerciale.

Développeur front office depuis 4 ans chez Duke interactive

puis chez Plan.net, jai participé aux projets de la FFF,

CIO, McDonalds, SCNF, Nike, Playstation, Nissan J’ai

rejoint depuis Octobre 2010 INOCHI et encadre le pôle

développement de l’agence.

Aujourd’hui, j’ai la chance de pouvoir m’appuyer sur des

équipes très qualifiées, ce qui nous permet de proposer

des produits vraiment innovants. Grâce à cette force, nous

pouvons dépasser les limites habituelles des agences

classiques.

Directeur artistique depuis 5 ans, j’ai débuté mon experience

chez Duke Interactive. Aujourd’hui, Je mets à profit mon

expérience acquise auprès des clients comme, Lancome,

Garnier, Nissan, Nike, Mitsubishi ou EDF en supervisant la

partie design et architecture de l’information des projets au

sein de INOCHI.

Après 12 années d’expériences au sein de départements

marketing et communication de grands groupes puis en

tant que Directeur de l’agence de communication Art-Ev,

J’ai créé INOCHI et endossé la mission de responsable du

développement de l’agence. Je contribue à développer et

renforcer le positionnement d’INOCHI en terme de stratégie,

d’offre commerciale tout en assurant une relation de

confiance avec nos partenaires.

les dIrIgeaNts

l’éqUIpe d’expertsWeb

Lauren B.

Directeur Artistique

Conception

MetHOdOlOgIe

eCHaNge aveC le ClIeNtTout au long du projet nous accompagnons le client dans la définition de ses besoins,

des interrogations grâce à la présence d’un interlocuteur unique qui sera au fait des désirs

du client et de l’avancement de son projet.

Ensemble:

-Nous définirons vos besoins

-Nous mettrons en place un prototypage

-Nous réaliserons un rétroplanning

-Nous mettrons en place une organisation de travail

Un accompagnement dans la structuration

des projets grâce à notre méthodologie de développement

Un processus de développement ponctué par les validations avec le client

Des livrables standards

• DEFINITION DES BESOINS : Cahier des charges

• DESCRIPTION FONCTIONNELLE : Spécifications fonctionnelles et spécifications techniques

• PROTOTYPAGE : Arborescence, Zoning, Maquette

• CONCEPTION : Charte graphique, univers de la marque, livrable graphique

• TIMING DE MISE EN OEUVRE : Planning

• MISE EN PLACE DE L’ORGANISATION : Proposition d’organisation & mise en place du « modus operandi »

identifier les besoinsavec le client

définir le cahier des charges

validationclient

validationclient

validationclient

validationclient

Formaliserles fonctionnalités/

Démarche/ Ergonomie

Prototypage/ maquette / Conception graphique

Développement/ test / Retours

Livraison /Mise en produc-

tion

Les personnes responsables de votre projet:

Partie Graphique: Aymeric RIVOT

Développement web/Création CMS/Intégration: Théophile DALUZE

Gestion des fichiers Utilisation de GIT qui est un système de gestion de versions

qui nous permet d’avoir un historique chronologique précis de tous les fichiers

déposés sur nos serveurs.

Les avantages sont multiples :

- Synchronisation des fichiers entre les différents collaborateurs du projet,

le travail en équipe est donc facilité.

- Possibilité de travailler avec des prestataires à distance

- Gestion facile des incidents et des évènements inattendus.

Il est en effet possible de revenir en arrière en cas de régression.

WOrkflOW et prOCess de deplOIeMeNt artev

Gestion des données Nous disposons de 3 environnements bien distincts qui nous permettent de contrôler la qualité de nos livrables :

WOrkflOW et prOCess de deplOIeMeNt artev

- Environnement de Développement : Utilisé

pour faire nos tests de développement en interne.

Pratique pour travailler sur des prototypes

rapides, ou encore tester la faisabilité de certaines

fonctionnalités complexes.

- Environnement de Pré-Production : Une fois

qu’une fonctionnalité a été testée sur la machine de

développement, notre équipe de techniciens la valide

et publie le travail sur cet environnement. Ce dernier

permet de valider les livrables avec le client et de

s’assurer qu’aucun point n’a été oublié . Le site de

préprod doit être à l’image de la version finale.

- Environnement de Production : Ceci correspond

à la machine où est hébergé le site au final. C’est le

résultat du travail qui a été fourni en amont lors du

passage en développement et en production.

Ce mode de fonctionnement robuste et fiable nous permet d’avoir une certaine souplesse dans notre travail. La granularité que nous propose ces trois environnements nous permet de garantir des livrables de qualité.

DEV

BDD BDD BDD

Déploiement 1

Equipe Art-EV

Déploiement 2 Déploiement 3

Validation interne Validation Client

Preprod LIVE

Dump( sauvegarde

quotidienne des données) x x

préseNtatION de NOs OUtIls COllabOratIfs

valIdatION grapHIqUe - INvIsIONappNos équipes utilisent l’outil Invisionapp pour le suivi du projet pendant la phase de conception.Cet outil permet de valider les éléments graphiques et ergonomiques présentés, d’identifier les retours, d’ ajouter des notes pour les développeurs en préambule du développement.

valIdatION des CONteNUs - gatHer CONteNtNos équipes utilisent l’outil GatherContent afin de valider l’enesemble des contenus des différentes solution. Cet outil permet de modifier et commenter les futurs contenus du site présentés suivant l’arborescance du site.

gestION des INCIdeNts - JIraart-ev utilise JIra pour le suivi et la résolution des bugs et des différents incidents susceptibles de survenir pendant la phase de production de votre projet.

qUelqUes référeNCes

lUNgtadévelOppeMeNt d’OUtIls de gestIONde flOtte de véHICUles de lIvraIsONéléCtrIqUes

eN dévelOppeMeNt

aMNesty INterNatIONal MaratHON des sIgNatUres 2011la CHOse eN lIgNeHttp://devMaratHON.artev.greeNsHIft.eU/

teCHNOlOgIe : drUpal 7 pressflOW, rIa flasH, versION JqUery MObIle

graNd prIx stratégIe dIgItale 2012

It prOfIleN lIgNeHttp://WWW.ItprOfIl.COM

Ux expérIeNCe - CHarte grapHIqUe et CHarte INteraCtIve

brIef

La société Concretio, spécialiste dans le portage salarial, souhaitait mettre

en place une plateforme de mise en relation entre profil IT et entreprise.

Art-EV a été mandatée pour accompagner Concretio dans l’analyse des

concurrents. Identifier un nom, concevoir la charte graphique et le futur

site internet.

CréATIon LogoTypE

ET ExEmpLEs déCLInAIsons

CréATIon du sITE ET déCLInAIson

dE LA ChArTE InTErACTIVE

eeMI - veNte prIvéeMIse eN lIgNe septeMbre 2012Http://WWW.eeMI.COM

teCHNOlOgIe : drUpal 7 pressflOW, OpeN atrIUM pOUr INtraNet eCOle,

HtMl5 / Css3

fONdatION MaCIfeN lIgNe Http://WWW.fONdatION-MaCIf.Org/

teCHNOlOgIe : drUpal 7 pressflOW, HtMl5 / Css3

qatarI dIar - MaCddbsalON MIpIM et JO 2012

Http://yOUtU.be/pf08brbftpW

teCHNOlOgIe : aIr, flasH.

dOObleCareeN lIgNeHttp://dOObleCare.COM

lOgIN : greg

pass : saNte

teCHNOlOgIe : drUpal 7 pressflOW

applICatION aNdrOId tablette et Ipad eN COUrs de dévelOppeMeNt

CHaral bUrger ItalIeN leO bUrNettOpératION terMINée - dUrée 3 MOIs JUsqUe septeMbre 2012Http://ItalIaNO.artev.greeNsHIft.eU/

teCHNOlOgIe : flasH

laNCOMes - tresOr MOdNIgHt rOse MONsIeUr WHIteeN lIgNeHttp://WWW.laNCOMe.fr/_fr/_fr/eCOMMerCe/MedIas/aNIMatIONs/sIdelINe/tresOr-MIdNIgHt-rOse/INdex.aspx

teCHNOlOgIe : flasH

fédératION fraNçaIse de trIatHlONeN lIgNe

Http://WWW.fftrI.COM/

teCHNOlOgIe : drUpal 6 pressflOW, rIa flasH