cahier des charges portolio

13
Cahier des charges Baïkal deux points c'est tout.. Client : Renaud ARNAUDET

Upload: renaud-arnaudet

Post on 30-Mar-2016

236 views

Category:

Documents


8 download

DESCRIPTION

Cahier des charges d'un portfolio personnel, réalisé sous flash.

TRANSCRIPT

Page 1: Cahier des charges Portolio

Cahier

des charges

Baïkaldeux points c'est tout..

Client : Renaud ARNAUDET

Page 2: Cahier des charges Portolio

•Cecahierdeschargesaétéréaliséconjointemententrel’entrepriseBaïkaletMrRenaudARNAUDET.Lesdeuxparties,aprèsplusieursentre-vuessesontmisd’accordsurlaversiondéfinitiveduproduitdésiréparleclient.

•Lacommandeettouslesdifferentsaspectsdelaréalisationfinalesontdoncconsignésdanscerapport.

Introduction

La commande

•Leclient•Lacommande•Lescibles

Le produit

•Chartenavigationnelle•Chartegraphique•Charteergonomique•Choixtechniques

Storyboard

Page 3: Cahier des charges Portolio

La commande

Client

•LacommandeaétécontractéeparMrRenaudARNAUDET,étudiantendeuxièmeannéeIUTServicesetRéseauxdeCommunicationd’Angoulê-me.

•Ilesttrèsintéresséparlegraphisme,laphotographieetlewebdesignqu’ilétudieetpratiqueenamateur.

•Sonprojetprofessionnelestaccèssurleprintablemaisiln’estpasencorefixédéfinitivement.

Objectif•Leclientsouhaitesefaireconnaitre,grâceàl’expositiondesestravauxamateurs.

• Ilvoudrait,doncunproduitsimple,accessibleatous, donnantdes in-formationssurlui-mêmeetsurlesservicesqu’ilpourraitpotentiellementapporterauxentreprises.

•Ilvoudraitqueleproduitporteuneimagejeune,dynamiquemaisgar-danttoutdemêmeuneatmosphèresérieuse.

•Leproduitfinaln’aurapaspourdestind’êtremisenligne,ildevraêtrecompatibleaveclacapacitéd’unminicd(80mo)pourpouvoiraccompa-gnerlescorrespondancesduclientavecdesemployeurspotentiels.

Page 4: Cahier des charges Portolio

Cibles•Nousavonsfaisressortir,avecl’aideduclient,troisciblesmajeurs.Ilfau-dradeplusenvisageruneversionfrançaiseetanglaiseduproduit.

Professionnels de l’image

Leproduitdoitêtreréalisépourlesprofessionnelsdel’ima-ge. Etant la cibleprincipale la réalisationduproduitdoitfaireressortiruneimageprofessionnelleduclient.Ilfautquelaciblesoitintéresséeparleproduitetveuilleensavoirplussur le client.

Professionnels

Leproduitfinaldoitaussicorrespondreàunecibledepro-fessionnelsd’activitésdiverses.Grâceàcettecibleleclientvoudraitélargirsoncarnetd’adresseetêtreconnudansdif-férentsmilieux.Ilpourraainsileurproposerdifférentsser-vices.

Grand public

Leclienttientàcequesonproduitsoitaccessiblepartous.Ilvoudraitexposersescréationsadescontactspersonnelsqu’ilssoienthabituésauxnouvellestechnologiesounon.

Page 5: Cahier des charges Portolio

Le produit

•Aprèsanalysedescontraintesdelacommande,leproduitquicorrespon-draitleplusauxattentesduclientseraitunportfoliointeractif.Ilfaudraêtretrèsattentifdansleschoixtechniquespuisqueleproduitdevraconve-niraugrandpublictoutengardantunaspectprofessionnel.

Charte navigationnelle

•Lanavigationdoitêtresimpleetintuitive.Elleseragéréeparunmenudynamiqueprésenttoutlelongduproduit.Unenavigationparsymboleseraitintéressanteàmettreenplace,avecunrappeltextuellorsdupas-sagedupointeursurunélémentdumenu. Arborescences

• Pour répondreaumieuxauxattentesdeMrArnaudet, nousdevonscréerunearborescencesimple.

Voiciunschémadel’arborescencedécidéeconjointemententrelesdeuxparties:

Accueil•Photos•Printable

•Curriculum vitae

•Galerie

•Contact

•Site Web

Page 6: Cahier des charges Portolio

Charte graphique •Leproduitdevrarefléterl’universduclient,pourcelanousallonsconstruirelachartegraphiqueens’inspirantd’élémentsgraphiquesréali-sésparleclient.L’insertiondesesphotosamateurenarrièreplanaétèlaréalisationdelamaquette.Unedominantebordeauxaétèchoisieparleclient.Noustravailleronsaveccesdifférentesteintesdecouleur:

•Pourmieuxcorrespondreauxcibles,nousavons choisi l’omnipré-sencedulogo«USB»danslesdifférentespagesduproduit.Ainsicelogo,rappelantl’ouverture,lelien,etlesnouvellestechnologies,permettradefaireapparaitrelemenu

•Lesréalisationsduclientserontintégréesdynamiquementaupro-duitgrâceàdeseffetsdeflashpourlesprintableettransitionspourlesphotographies(diaporama).LecvseraquantàluidisponibleenversionPDF(enfrançaisetanglais)maisaussivisionablesurlesiteenversionin-teractive.Ainsichaquepartiepeutêtrevisibleounongrâceàunclicdesouris.

Page 7: Cahier des charges Portolio

Charte ergonomique •Noschoixtypographiquesesontportésur2différentespolices:

Pour les titres et les contenus alternatifs (nom du Client...) :

Letter Gothic STD Pour le contenu texte :

TwCenMT •Letexteseraécritdansunetailledepolicecompriseentre10et12etlestitresdansunetaillecompriseentre16et18.Lestitresserontenitaliqueetquelquesélémentsducontenuserontégalementenitaliqueouen gras.

•Uneambiancemusicaleseraintégréeauproduit,ilyauraunchoixentre3genresdifférents(rock,pop,classique).Leclientdésirequelamu-siquenes’interrompepas lorsqueque leprospectparcourra leproduitfinal.

Choix technique

•Leproduitfinaln’étantpasdestinéàêtremisenligne,lacréationd‘unfichierdepackageautoextractible,regroupantlelecteuretlepro-duit,estlameilleuresolutionàmettreenplacepourrespecterlesattentesduclient.Larésolutionchoisieaété800pxpar600pxpourconveniraumieuxàlaplupartdesmoniteursactuels

•Lamusiqueseraauformatmp3,etlesimagesauformatpng.Cesformatssontuniverselsetpermettrontderespecterlesattentesduclient,enmatièredetailleduproduitfinalparexemple.

Page 8: Cahier des charges Portolio

Maquette

Menuinteractif Rappeldunomduclient

Animation utilisantunephotoduclient

GestiondelamusiqueDescriptiondu

produit

Page 9: Cahier des charges Portolio

StoryboardPo

rtfo

lio

Rena

ud A

rnau

det

Entrep

rise

: B

aïkal

Ecra

n d’

accu

eil.

1

5.

Gal

erie

pho

to e

n fo

nctio

nnem

ent

9.

Curr

icul

um V

itae

2 Ec

ran

d’ac

cuei

l en

fonc

tionn

emen

t.

6.

Dia

pora

ma

10.

Curr

icul

um V

itae

en fo

nctio

nnem

ent

3.

Gal

erie

site

s w

eb

7.

Gal

erie

prin

tabl

e

11.

Cont

act

4.

Gal

erie

pho

to

8.

Ape

rcu

12.

Cont

act e

n fo

nctio

nnem

ent

Page 10: Cahier des charges Portolio

Portfolio Re

naud

Arn

aude

tEn

treprise : B

aïka

l

Voic

i la

page

d’a

ccue

il du

pro

duit,

le m

enu

est s

itué

en h

aut

1 à ga

uche

, le

nom

du

clie

nt e

n ha

ut à

dro

ite, l

e m

enu

pour

la m

u-si

que

en b

as à

dro

ite e

t enfi

n le

type

du

prod

uit e

st in

diqu

é en

bas

à

gauc

he.

L’ec

ran

d’ac

cuei

l ser

a ac

com

pagn

é d’

une

anim

atio

n, d

onna

nt

2 vie

au p

rodu

it. A

insi

que

lque

s pé

tale

s «p

arac

hute

s» s

’env

oler

ont

du p

isse

nlit

et u

n br

uita

ge d

e ve

nt s

era

ajou

té. L

e m

enu

sera

ac-

cess

ible

lors

du

cliq

uesu

r l’u

ne d

es r

ebriq

que

repr

esen

té p

ar u

n si

gle.

Il s’

ouvr

ira c

omm

e re

pres

enté

sur

cet

te im

age.

La p

age

cons

acré

au

CV, s

era

cons

trui

te a

utou

r de

4 th

émes

3 qu

e l’u

tilis

ateu

r pou

rrat

«ou

vrir»

ou

ferm

e a

sa g

uise

, com

me

vous

po

uvez

le v

oir s

ur l’

imag

e.

Voic

i un

scre

ensh

ot d

e la

pag

e co

ntac

t, l’u

tilis

ateu

r pou

rrat

en

4 cliq

uant

sur

la p

artie

qu’

il l’i

nter

esse

fai

re a

ppar

aitr

e le

s in

form

a-tio

ns c

orre

spon

dant

es. L

’ani

mat

ion

sera

la m

ême

que

pour

le C

V,

en e

ffet

les

info

rmat

ions

ser

ont

affich

ées

grâc

e à

une

anim

atio

n ve

rtic

ale,

les

déco

uvra

nt a

u fu

r et a

mes

ure

de s

a de

scen

te.

La

pho

to a

étè

cho

isi

par

le c

lient

, c’e

st l’

une

des c

es

prem

iere

s pho

togr

aphi

es.

Il s

ouha

iter

ais

fair

e pa

ssé

une

idée

de

son

univ

ers à

tr

aver

s cet

te c

oule

ur b

orde

aux

et c

ette

pho

togr

aphi

e. E

n ef

-fe

t le

pis

senl

it e

st u

ne fl

eur

foui

llie,

fra

gile

mai

s tr

és j

olie

et

surt

out t

rés i

nter

resa

nte.

C

ette

ph

otog

raph

ie

répr

esen

tant

l’em

prei

nte

de la

m

ain

du c

lient

, pe

rmet

tera

a

l’uti

lisat

eur

de re

ntré

e da

ns la

pe

rson

nalit

é du

clie

nt.

L’

imag

e ch

oisi

com

-m

e ar

riér

e pl

an e

st u

n ja

ck

d’un

ins

trum

ent

de m

usiq

ue,

cett

e ph

oto

repr

esen

te d

onc

le

moy

en d

e fa

ire

pass

er u

ne i

n-fo

rmat

ion.

De

plus

, com

me

on

peut

le v

oir

sur

le s

tory

boar

d,

la p

arti

e co

ntac

t se

ra p

rece

d’un

e pa

ge c

ompo

sé d

e la

pho

-to

grap

hie

du ja

ck e

t du

sym

p-bo

le U

SB, l

’uti

lisat

eur

devr

at

cliq

uer

sur

ce l

ogo

pour

fai

re

appa

rait

re

les

conc

tact

s du

cl

ient

.

Page 11: Cahier des charges Portolio

Portfolio

Rena

ud A

rnau

det

Entr

eprise : B

aïka

l

La p

age

cons

acré

e au

x si

tes

web

réa

lisés

par

le c

lient

ser

a 1 co

mpo

sée

d’un

scr

eens

hot d

e la

pag

e pr

inci

pal d

u si

te p

uis

d’un

de

scrip

tif. U

n lie

n po

ur a

cced

er a

u si

te w

eb e

n qu

estio

n se

ra a

ussi

pr

esen

t, lo

rsqu

e l’u

tilis

ateu

r cliq

uera

des

sus ,

son

navi

gate

ur in

ter-

net o

uvrir

a le

lien

aut

omat

ique

men

t

La re

briq

ue p

hoto

grap

hie

sera

con

stru

ite a

utou

r d’u

n ca

dre,

2 ra

ppel

ant l

e si

gle

du m

enu.

Cha

que

phot

os se

ra in

tegr

ées d

ans c

e ca

dre

et

l’util

isat

eur p

ourr

at n

avig

ué g

râce

au

fléch

es p

rese

ntes

à

gauc

he e

t à d

roite

. De

plus

l’on

pou

rrat

acc

eder

a v

ue c

ompl

ete

de la

pho

to e

n cl

iqua

nt d

essu

s.

Cett

e pa

rtie

se

ra

acce

ssib

le

en

cliq

uant

su

r pr

inta

ble.

3 L’u

tilis

ateu

r ar

river

a su

r un

e pa

ge c

ompo

sé d

e ca

dres

vid

es,

il po

urra

t dec

ouvr

ir le

s ré

alis

atio

ns d

u cl

ient

en

cliq

uant

sur

un

des

cadr

e. L

’imag

e ap

para

itera

, pui

s si

il c

lique

a n

ouve

au il

pou

rrat

vo

ir un

e vu

e co

mpl

ete.

Voic

i un

aper

cu d

u di

apor

ama

qui s

era

pres

ent

dans

les

re-

4 briq

ue p

rinta

ble

et

phot

ogra

phie

. Le

fond

dev

iend

ra b

orde

aux

lors

du

cliq

ue s

ur l

’imag

e. D

e pl

us u

ne d

escr

iptio

n se

ra d

i-sp

onib

le p

our l

a pa

rtie

prin

tabl

e.

C

omm

e vo

us

avez

pu

s le

rem

arqu

er,

le t

exte

en

bas

à ga

uche

rap

pele

la r

ebri

-qu

e da

ns la

quel

le le

vis

iteu

r ce

tr

ouve

.

Le

not

e de

m

usiq

ue e

n ba

s à

droi

te e

st

pres

ente

sur

tout

es le

s pag

es d

u pr

odui

t, l’u

tilis

ateu

r po

urra

t do

nc c

hang

er le

sty

le d

e m

usi-

que

à to

ut m

omen

t.

Le

fait

que

les c

adre

s so

ient

vid

es lo

rs d

e l’a

rriv

ée d

e l’u

tilis

ateu

r va

l’in

trig

ué e

t il

voud

rat

donc

voi

r l’e

nsem

ble

des

réal

isat

ions

, de

peu

r de

ra

ter

la p

lus j

olie

.

Le

clie

nt

tena

it à

ce

que

chaq

ue im

ages

so

ient

vi

sibl

es

enti

erem

ent,

ains

i ce

tte

effet

per

met

tera

à

l’uti

lisat

eur

de s

’èch

appe

r du

pr

odui

t pou

r m

ieux

app

reci

er

la r

éalis

atio

n.

Page 12: Cahier des charges Portolio

Contrat

• Je certificie R.Arnaudet avoir prisconnaissancedececahierdeschargesetêtretotalementenaccordavectousleschoixpris.

•JecertifieentrepriseBaïkalavoirprisconnaissancedececahierdeschargesetêtretotalementenaccordavectousleschoixpris.

Renaud Arnaudet R .ArnaudetDirecteurdel’entrepriseBaïkal:

Page 13: Cahier des charges Portolio

Baïkaldeux points c'est tout..

Cahier des charges

Portfolio Renaud ARNAUDET