14
DESIGN KIT SOCIALSHAKER

Socialshaker - Design Kit (V3)

Embed Size (px)

Citation preview

DESIGN KIT

SOCIALSHAKER

1. ASTUCES

Découvrez nos destinations de l'été !Testez vos connaissances géographiques et tentez de

remporter une destination au soleil.

Participer

Découvrez nos destinations de l'été !Testez vos connaissances géographiques et tentez de remporter une

destination au soleil.

Participer

Floutez votre visuel d’arrière-plan vous permet d’améliorer le contraste et la lisibilité du texte de votre campagne.

Pour le visuel d’arrière-plan que vous téléchargez dans l’onglet « Configuration », privilégiez le format HD:

• 1920 x 1080 px

1920 px

12

00

px

Vos campagnes sont intégralement responsives. Le microsite affiché depuis un smartphone est redimensionné mais les propriétés CSS et les images restent identiques à la version desktop.

Taille optimale pour mobile:

• Largeur moyenne: 320 px• Hauteur variable (Ascenseur)

L’utilisation du format PNG transparent vous permet de superposer des images avec votre visuel d’arrière-plan.

(Image à uploader dans l’onglet configuration. Format: 1920 x 1080 px)

Les colors pickers offrent maintenant la possibilité de gérer la transparence.

Vous pouvez les utiliser pour opacifier la couleur de fond et rendre visible le visuel de fond.

L’image d’arrière-plan vous permet grâce à un seul visuel de décliner votre campagne sur tous les écrans.

(Image à uploader dans l’onglet configuration. Format: 1920 x 1080 px)

2. INTERFACE

1920 px

Téléchargez ICI votre visuel de « fond » en 1920 x 1080 à cette endroit.

Vous disposez de la possibilité de supprimer l’image d’arrière-plan.

Couleur d’arrière-plan de votre campagne. Utile si vous ne disposez pas d’un visuel d’arrière-plan.

Onglet « Configuration »

1920 px

Téléchargez ICI votre visuel de fond en « 810x 700 px » pour l’image d’accueil. Le PNG transparent est accepté.

Couleur de fond de l’encadré 810x700. Vous pouvez modifier l’opacité.

Onglet « Accueil »

Aperçu de l’image téléchargée dans l’onglet accueil en format PNG transparent.

3. RESOLUTIONS

810px

70

0p

x

FOOTER

227 px

70

0p

x

FOOTER

IFRAME MINIMUM SIZEFACEBOOK TAB SIZE

320 px

70

0p

x

FOOTER

MOBILE AVERAGE SIZE

BACKGROUND MICROSITE

810px

70

0p

x

FACEBOOK TAB SIZE

1920px à 1250px

10

80

px

à 1

00

8p

x

FOOTER

MICROSITE SIZE

BACKGROUND MICROSITE

810px

70

0p

x

FACEBOOK TAB SIZE

1920px

10

80

px

FOOTERMOBILE MIN WITH: 320 px

MO

BIL

E M

IN W

IDT

H 3

20

px

BACKGROUND RESIZEB

AC

KG

RO

UN

D R

ES

IZE

MOBILE FRAME

MIN WITH 245 pxMIN WITH 245 px

MOBILE FRAME

BESOIN DE NOUS FAIRE DES RETOURS ? > http://bit.ly/feedbackv3 <