ev 27 12-2013

20
Site verbe.fr Functional Specifications 17/12/13

Upload: dangtuanvu1990

Post on 09-Jul-2015

279 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Ev  27 12-2013

Site verbe.fr

Functional Specifications

17/12/13

Page 2: Ev  27 12-2013

Général

Ergonomy, Roll overs, most of the Fonction of the site are based on the reference site Publicis Consultants :

http://www.publicis-consultants.fr/

Note:

Please pay attention to the following:

In red in the PWP text 3 points that are NOT on the PSD :

- ADD icon Linkedin on all site pages in the zone "Restons en contact" :see slide 5

- Add on the top of nom and prénom, a field "Poste" (function) on folowingtext zone (see slides 16 and 19)

- Replace title " Nos managers" with "Nos experts" see slides slides 9 et 10

Footer

Page 3: Ev  27 12-2013

Home Top page (Home_v01_121213_RE_VERBE.psd)

Footer

Logo : onclick go to home page

Links to:

http://www.publicis-

consultants.fr/

and http://mslgroup.com/

Navigation level1:

- Title are administrable in

BO

- On mouse passing on

rubrics: Roll over+titles are

underline with a blue line

- Onclick redirect to

corresponding page

- Careers : use module

Linkedin

Search engine to all site

Onclick input field appears

Carrousel interactive :

• Visuel ou vidéo Taille : 1400

x 338 px

• Default slide automatic

rotation

• Onclick on arrows (left/right)

and dots display the

corresponding views

• From 1 to 5 views

Administrables in BO (titre, sous

titre, image et texte)Sahring menu from left

to rigth(only if content

exist)) :

- Print

- LinkedIn

- Facebook

- Twitter

- Add ( if free of

charge)

- Each bloc has :

un picto, un titre, un texte de 6

lignes maximum

- All fiields administrables

- On mousse passing roll over

and a blue background is

displayed and titles are

underlined

- Onclick redirect to page

corresponding

Page 4: Ev  27 12-2013

Home centre page (Home_v01_121213_RE_VERBE.psd)

Footer

- Title of administrable bloc

- Automatic display of

Twitter, Facebook,

Slideshare, Youtube latest

feedsAction button

- highlight on mousse

passing

- Onclick go to page News

Chua lam

Page 5: Ev  27 12-2013

Home bottom page (Home_v01_121213_RE_VERBE.psd)

Footer

- Bloc title is administrable

Carrousel interactive :

• Visuel ou vidéo Taille :

1400 x 338 px

• Default slide automatic

rotation

• Onclick on arrows

(left/right) and dots

display the

corresponding views

• From 1 to 5 views

Administrables in BO (titre,

sous titre, image et texte)

. Onclick on a visual

redirect to the

corresponding insight offer

- Zone is on allpages

- Zone title: administrable

- Icons Twitter, FB, ADD

ICÔNE lINKEDIN, Youtube,

Slideshare

- Onclick redirect to social

networks corresponding

pages

- Footer is on every

pages

- Administrable text zone

- Administrables links,:

on mousse passing

underline , onclick

rediect to pages

corresponding

Action button

- On mousse passing

highlight

- Onclick redirect to page l

Insights offer

corresponding to the visual

displayed on screen

Dag lam

Dang lam

Page 6: Ev  27 12-2013

Navigation and serch engine (all pages) :

same as Publicis Consultants

Footer

On click on magnifier

input fields is

displayed and user

can type a kword

A cross replaces the

loop . On click on the

cross, the input field

closes

- On mouse

passing on

rubrics: Roll

over+titles are

underline with

a blue line

Chua lam nhung gan xong

Page 7: Ev  27 12-2013

Who top page (who_v01_111213_RE_VERBE.psd) :

Footer

- Image administrable - taille

1400 x 169 pixels

- Titre et sous titre(title and

subtitle) administrables

- Text Zone administrable

has :

• Title: 5 lignes maximum

• A prénom + nom and 1

fonction (add the field)

• A text zone of 10 lignes

maximum

Page 8: Ev  27 12-2013

Who (next) (who_v01_111213_RE_VERBE.psd) :

Footer

- Bloc title administrable

- Visuels administrables

taille 300 x 300 pixels

- From 1 to 9 visuels

Page 9: Ev  27 12-2013

Who End (who_v01_111213_RE_VERBE.psd) :

Footer

- Bloc title administrable

Replace « Nos

managers » with « Nos

experts »

- Visuels administrables via

pages » profils » size 220

x 124 pixels

- From 1 to 20 visuels

- On mousse passing, roll

over with display of

prénom/nom/fonction from

page « profil »

- Défaut, : classify these

people by alphabetic order

of the family name but the

order must be

administarble at will in the

BO

- On click on « voir le

profil » redirect to page

profil corresponding

Page 10: Ev  27 12-2013

Who > Page profil (People_v1b_111213_RE_VERBE.psd) :

Footer

- Fields administrables:

• Prénom,

• Nom

• Fonction

• Adresse email

- Icons appear if there is

some content

- Onclick redirect

topeople account

Twitter and page

linkedin (same PC)

Administrable content text

Visuel administrable taille 460

x 446 pixels

Action button/anchor (replace

« voir tous les managers » text

with: « Nos experts »

Onclick highlight

And redirect to page Who at

the Nos experts bloc level

Thieu cai social icon

Page 11: Ev  27 12-2013

What top page (what_v01_111213_RE_VERBE.psd) :

Footer

- Visuel or vidéo

administrable size 1400 x

338 pixels

- Titre and sous titre(title

and subtitle)

administrables

Page 12: Ev  27 12-2013

What next (what_v01_111213_RE_VERBE.psd) :

Footer

- Administrable bloc title

- Dataviz administrable (file

format html 5)

- Size 940 x 603 pixels

Page 13: Ev  27 12-2013

What fin (what_v01_111213_RE_VERBE.psd) :

Footer

- Administrable bloc title

- Carrousel with mages

administrables size 220 x

124 pixels

- From 1 à 50 visuels

- Onclick on arrow (left/right)

or dots , the views slide

Page 14: Ev  27 12-2013

Where (where_v01_111213_RE_VERBE.psd) :

Footer

- Image administrable - taille

1400 x 169 pixels

- Titre et sous titre

administrables

- Zone text

administrable :

tiitle and texte - Map Google Map

taille 540 x 407

pixels

Chua lam

Page 15: Ev  27 12-2013

News (news_v01_121213_RE_VERBE.psd) :

Footer

- Image administrable - taille

1400 x 169 pixels

- Titre and sous titre (title

and subtitle)

administrables

- Box with latest Twitter,

Facebook, Linkedin,

Slideshare et Youtube

feeds

- Infinite(never ending)

Scroll

Chua lam

Page 16: Ev  27 12-2013

Insights top page (insights_v01_111213_RE_VERBE.psd) :

Footer

- Image administrable - taille

1400 x 169 pixels

- Titre et sous titre

administrables

- Administrablle text

zone :5 lignes

max

- Prénom , Nom

and poste

(function) (please

add it),

administrables

Page 17: Ev  27 12-2013

Insights bas de page (insights_v01_111213_RE_VERBE.psd) :

Footer

- 4 blocs has each:

• Un visuel/picto taille

300x160 pixels

• Un titre (a title)

• A texte of 5 lines max

• All items are

administrables

- On mousse passing roll

over and the zone become

blue

- Onclick redirect to page

« Insight offre »(insight

offer) corresponding

Page 18: Ev  27 12-2013

Insights > offre (insights_clicked_v01_111213_RE_VERBE.psd) :

Footer

- Image administrable (1

image per offer) - taille

1400 x 169 pixels

- Titre et sous titre(title and

subtitle) administrables

- Bloc contact that has :

• A visual size 220 x 124 pixels

• Fields: Nom/ prénom / titre

(title) / adresse mail (email

adress) / téléphone

- All fields are administrables

- Can put up to 3 blocs contacts

(one below the other)

- Text administrable

Page 19: Ev  27 12-2013

Insights > offre bottom page (insights_clicked_v01_111213_RE_VERBE.psd) :

Footer

- Text zone administrable

- 5 lines maximum

- Fields administrables : Prénom ,

nom and poste (function) (please

add this field)

Page 20: Ev  27 12-2013

Mentions légales (mentionsLegales_v01_111213_RE_VERBE.psd) :

Footer

- Image administrable - size

1400 x 169 pixels

- Titre et sous titre(title and

subtitle) administrables

- Text administrable