cahier des charges portolio
DESCRIPTION
Cahier des charges d'un portfolio personnel, réalisé sous flash.TRANSCRIPT
Cahier
des charges
Baïkaldeux points c'est tout..
Client : Renaud ARNAUDET
•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
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.
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.
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
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.
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.
Maquette
Menuinteractif Rappeldunomduclient
Animation utilisantunephotoduclient
GestiondelamusiqueDescriptiondu
produit
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
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é
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
.
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.
Contrat
• Je certificie R.Arnaudet avoir prisconnaissancedececahierdeschargesetêtretotalementenaccordavectousleschoixpris.
•JecertifieentrepriseBaïkalavoirprisconnaissancedececahierdeschargesetêtretotalementenaccordavectousleschoixpris.
Renaud Arnaudet R .ArnaudetDirecteurdel’entrepriseBaïkal:
Baïkaldeux points c'est tout..
Cahier des charges
Portfolio Renaud ARNAUDET