![Page 1: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/1.jpg)
Confidentiel | 0
MARS 2016
REPONSE A L’APPEL D’OFFRES POUR LACRÉATION DU DISPOSITIF E-COMMERCE
We All Are Winos
![Page 2: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/2.jpg)
Confidentiel | 1
SOMMAIRE
NOS REALISATIONS
NOTRE COMPREHENSION DE LA PROBLEMATIQUE
METHODOLOGIE ET EQUIPE
PISTES DETAILLEES DE DESIGN
RECOMMANDATION D’ARBORESCENCE
SOLUTION TECHNIQUE
WEBMARKETING
BENCHMARK DES SITES COMPARABLES
1
2
3
4
5
8
6
7
9
CALENDRIER ET BUDGET10
PRESENTATION D’AGENCE
![Page 3: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/3.jpg)
Confidentiel | 2
D’AGENCEPRESENTATION
![Page 4: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/4.jpg)
Confidentiel | 3
UNE PARFAITE MAÎTRISE DE TOUS LES MÉTIERS DU WEB
Conseil
Stratégie de marqueStratégie digitale
Cahier des chargesPlan média online
Création graphique
Direction artistiqueIdentité visuelle
Charte graphiqueWebdesign
Développement
Site de marque / institutionnel
Boutique en lignePortail Web
Application mobile
Web marketing
Référencement naturel (SEO)Référencement payant (SEM)
Social mediae-Réputation
E-mailing
![Page 5: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/5.jpg)
Confidentiel | 4
L’ÉQUIPE : 30 EXPERTS DE LA COMMUNICATION DIGITALE
WEBMARKETING
GESTION DE PROJET
DÉVELOPPEMENT
STUDIO CRÉA
![Page 6: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/6.jpg)
Confidentiel | 5
ILS NOUS FONT CONFIANCE …
![Page 7: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/7.jpg)
Confidentiel | 6
EXEMPLES DE CLIENTS DANS VOTRE SECTEUR
![Page 8: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/8.jpg)
Confidentiel | 7
Une équipe de 30 expertsen interne maîtrisant tous les aspects du web
+ de 50 projetsréalisés chaque année, depuis 7 ans
Des clients prestigieux et variés
La capacité de vous accompagner sur tous les aspects de la communication digitaleConseil, design, développement, acquisition de trafic, etc.
Une politique commerciale 100% transparentePas d’abonnement obligatoire et client propriétaire du travail réalisé
De nombreuses récompensesElue « Jeune Agence interactive de l’année 2014 »Top 40 des meilleures agences web en France selon Awwwards
Toutes les certifications majeuresGoogle, Prestashop, PayPal, OVH, organisme de formation agréé
Une localisation centrale à Paris
CLIENTS,CLIENTS,CLIENTS,CLIENTS,CLIENTS,CLIENTS,CLIENTS,CLIENTS,CLIENTS,
POURQUOI AGENCE ?
xxx boulevard xxxx - Paris xxème
![Page 9: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/9.jpg)
Confidentiel | 8
Plus de 50 clients par an
(décembre 2014)
Publication du livre
10 sites primés au cours de l’année
8
pour la qualité de leur design
Elue « ********************* de l’Année »
"************ "
AGENCE, AGENCE DE RÉFÉRENCE
![Page 10: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/10.jpg)
Confidentiel | 9
NOS REALISATIONS
9
![Page 11: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/11.jpg)
Confidentiel | 10
Sites récompensés
![Page 12: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/12.jpg)
Confidentiel | 11
RÉALISATIONS
![Page 13: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/13.jpg)
Confidentiel | 12
RÉALISATIONS
![Page 14: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/14.jpg)
Confidentiel | 13
RÉALISATIONS
Confidentiel | 13
![Page 15: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/15.jpg)
Confidentiel | 14
Sites e-commerce
![Page 16: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/16.jpg)
Confidentiel | 15
RÉALISATIONS
![Page 17: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/17.jpg)
Confidentiel | 16
RÉALISATIONS
![Page 18: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/18.jpg)
Confidentiel | 17
RÉALISATIONS
![Page 19: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/19.jpg)
Confidentiel | 18
RÉALISATIONS
![Page 20: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/20.jpg)
Confidentiel | 19
RÉALISATIONS
![Page 21: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/21.jpg)
Confidentiel | 20
RÉALISATIONS
Confidentiel | 20
![Page 22: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/22.jpg)
Confidentiel | 22
PRÉSENTATION DE L’ÉQUIPE PROJET ENVISAGÉE
Maquettes graphiques / Ergonomie
Maquettes fonctionnelles / Mock-ups
Intégration /Développement
Gestion de projet
Conception (DA, UX/UI)
Création technique
![Page 23: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/23.jpg)
Confidentiel | 26
LES PRINCIPALES ÉTAPES DE LA MÉTHODE DE TRAVAIL
Contenufinal
Kick-off
Accordmise en ligne
CLIE
NT
ADVE
RIS CONCEPTION
GRAPHIQUEINTEGRATION &
DEVELOPPEMENT
Validationmaquette
MISE ENLIGNE
RECETTE(TESTS)
MAQUETTESFONCTIONNELLES
Validationmaquettes
fonctionnelles
CAHIER DES CHARGES
![Page 24: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/24.jpg)
Confidentiel | 27
BENCHMARK DES SITESCOMPARABLES
![Page 25: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/25.jpg)
Confidentiel | 28
A RETENIRPAGE D’ACCUEIL
Points forts du site :
Univers de marque fort, charte aboutie
Responsive
Ernest (conseiller virtuel)
Points faibles du site :
Site chargé, agressif > les points importants (promo …) ressortent peu
Très immersif mais ne favorise pas les gros achats, peu de tentatives d’upsale.
![Page 26: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/26.jpg)
Confidentiel | 29
WWW.LEPETITBALLON.COM
A RETENIRPAGE D’ACCUEIL
Points forts du site :
Responsive
Design moderne
Concept clair
Points faibles du site :
Qualité du design hétérogène
Charte agressive, les points importants (promos …) ressortent peu
![Page 27: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/27.jpg)
Confidentiel | 30
WWW.VENTEALAPROPRIETE.COM
A RETENIRPAGE D’ACCUEIL
Points forts du site :
Design moins agressif
Points faibles du site :
‘Espace membre’ peu incitatif
Couleurs et ergonomie datées
Pas de responsive
![Page 28: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/28.jpg)
Confidentiel | 31
WWW.WINEREPUBLIK.COM
A RETENIRPAGE D’ACCUEIL
Points forts du site :
Valorisation du vigneron
Design moderne
Call to actions
Points faibles du site :
Site chargé, les call to actions ressortent peu
Qualité du design hétérogène
![Page 29: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/29.jpg)
Confidentiel | 32
WWW.PEAKDESIGN.COM
A RETENIRPAGE D’ACCUEIL
Points forts du site :
Site très épuré, univers graphique très abouti
Responsive
Points faibles du site :
Temps de chargement longs (beaucoup d’éléments)
![Page 30: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/30.jpg)
Confidentiel | 33
WWW.NORDICVISITOR.COM
A RETENIRPAGE D’ACCUEIL
Points forts du site :
Vidéo en background
Site très moderne et clair
Points faibles du site :
Temps de chargement long
![Page 31: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/31.jpg)
Confidentiel | 34
EN SYNTHESE
L’ensemble des sites étudiés respectent le standard actuel du flat design (ce qui n’est pas le cas de tous les sites de vente de vin…)
Attention aux dérives : l’abus d’aplats de couleurs ou de teintes trop vives nuit à la valorisation des offres phares d’un e-commerce : l’utilisateur ne peut pas hiérarchiser les informations
Le traité graphique du site doit être très homogène : les ruptures de qualité (pictogrammes trop gros, photos de mauvaise qualité …) peuvent nuire à l’expérience utilisateur
L’univers du vin est associé à la détente et au plaisir, mais est aussi un univers « sérieux » / de connaisseurs. Le traitement graphique du site doit être adapté au positionnement choisi
![Page 32: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/32.jpg)
Confidentiel | 35
NOTRE COMPREHENSION DE LA PROBLEMATIQUE
![Page 33: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/33.jpg)
Confidentiel | 36
NOS RECOMMANDATIONS CLÉS
IDEE 1 : Attirer Proposer une expérience différenciante aux internautes, à travers la
charte graphique et les contenus du site (conseils, sélection, présentation des producteurs en vidéo, etc.)
IDEE 2 : S’adapter à la cible Compte tenu de la cible jeune du site, le contenu éditorial est
important (pour les néophytes) et l’utilisation des réseaux sociaux est vivement recommandée (la réflexion sur ce sujet n’a pas été poussée, ce point sera à discuter avec vous)
IDEE 3 : Rassurer La qualité de réalisation du site doit rassurer les internautes par
rapport aux nombreux autres sites existant sur le secteur. Il est notamment important à ce titre d’incarner le site (parler de « nous »)
IDEE 4 : Convertir L’objectif du site est de vendre ! Il faut respecter les codes / bonnes
pratiques du e-commerce (notamment privilégier un parcours utilisateur très clair) pour maximiser taux de conversion
![Page 34: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/34.jpg)
Confidentiel | 37
RECOMMANDATION D’ARBORESCENCE
![Page 35: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/35.jpg)
Confidentiel | 38
PROPOSITION DE STRUCTURE
Accueil
Nos Vins Wine&WinosNos Coffrets WAAW
Espace client
Parcours d’achat
Nos fournisseursListes (sélection, rouge, etc.)
Fiche vin
Liste
Fiche coffret Blog
Presse
Qui sommes-nous
FAQ
Contact
![Page 36: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/36.jpg)
Confidentiel | 39
PISTES DE DESIGN
![Page 37: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/37.jpg)
Confidentiel | 40
LA TENDANCE « FLAT DESIGN »
Le design sur internet évolue régulièrement sous l’impulsion de leaders d’opinion (Apple, Google, Microsoft…)
En 2012, un cycle long appelé « Flat design » a débuté sous l’impulsion de Google (nouvelle interface), Microsoft (Windows 8) puis Apple (iOS7).
Le « Flat design » succède au « Skeuomorphisme » apparu au début des années 2000 Le « Skeuomorphisme » utilisait de nombreuses références au monde « réel » dans les
interface graphiques (utilisation de textures, dégradés, reflets, etc.)
Le flat design se caractérise par : des interfaces très simples et intuitives des aplats de couleurs des couleurs souvent vives des textes courts, explicites et très hiérarchisés (titre, introduction de 2-3 lignes, etc.) des polices sans serif et souvent « light » de nouveaux types de navigation (scroll vertical, volets, etc.) l’utilisation d’icones simples et épurées
![Page 38: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/38.jpg)
Confidentiel | 41
EXEMPLES D’INTERFACES « FLAT DESIGN »
![Page 39: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/39.jpg)
Confidentiel | 42
LES AUTRES TENDANCES CLEFS EN 2016
Le Splitscreen Material Design Le Data Design
Le Menu Burger Dynamic Grid Typographie
![Page 40: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/40.jpg)
Confidentiel | 43
PROPOSITION DE MAQUETTE
![Page 41: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/41.jpg)
Confidentiel | 44
PROPOSITION DE PAGE D’ACCUEIL
Consultation en ligne sur :
Un grand visuel en écran principal pour plonger dans l’univers et faire de l’animation éditoriale
Un espace de contenu éditorial
Mise en avant d’une sélection de vins
Espace dédié aux coffrets
Un guide pour orienter les néophytes
Espace dédié aux réseaux sociaux
https://invis.io/A86BPMYXM
Mise en avant des producteurs et présentation de l’équipe WAAW
![Page 42: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/42.jpg)
Confidentiel | 45
VERSION MOBILE
PISTE GRAPHIQUEPRESENTATION
Plus de 20% du trafic se fait aujourd’hui sur mobile
version smartphone du site dans le cadre de l’intégration en responsive design
L’ergonomie est simplifiée pour un usage nomade : Boutons plus gros Textes plus courts Moins de détails
Le menu prend place en haut à gauche
AGENCE a prévu de réaliser les maquettes graphiques de la
![Page 43: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/43.jpg)
Confidentiel | 46
SOLUTION TECHNIQUE
![Page 44: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/44.jpg)
Confidentiel | 47
TECHNOLOGIES ENVISAGEES
Le site est développé sur la dernière version du CMS (« Content Management System » ou « Outil de Gestion de Contenu ») Prestashop CMS le plus utilisé pour administrer un site e-commerce
Environnement de développement LAMP (Linux, Apache, MySQL, PHP)
Le front-office est développé en HTML5/CSS3 et les animations sont développés en jQuery (javascript) Le « responsive design » (adaptation du site à l’appareil utilisé : desktop, tablette ou
mobile) est géré par Bootstrap, le système le plus avancé et répandu
![Page 45: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/45.jpg)
Confidentiel | 48
PRESTASHOP, L’OUTIL DE RÉFÉRENCE DANS LE E-COMMERCE
Depuis sa création en 2007, Prestashop s’est imposé comme le principal CMS e-commerce en France et en Europe
Son langage commun, sa large communauté et son immense catalogue de modules (plus de 5 000) le rendent confortable et souple
Plus de 250 000 sites sont construits sur Prestashop dans le monde, dont American Vintage, Planet Sushi, Smallable, Home by SFR, etc.
Une formation des utilisateurs sera assurée par le Chef de Projet AGENCE
![Page 46: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/46.jpg)
Confidentiel | 49
LE « RESPONSIVE DESIGN »
EXEMPLELE CONCEPT
Avec le développement des smartphones et tablettes, les formats des écrans se multiplient avec un impact fort sur l’expérience utilisateur
Le « reponsive design » est une notion de conception de sites web permettant une expérience de consultation optimale facilitant la lecture et la navigation pour les différents appareils
La mise en page est différente et optimisée selon l’appareil utilisé (smartphone, tablette ou ordinateur) Menu, contenus, colonnes changent de disposition en
fonction de l’appareil utilisé 3 tailles d’écran sont généralement prévues (séparées
par des « breaking point ») L'utilisateur n’a plus recours au zoom avant/arrière
![Page 47: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/47.jpg)
Confidentiel | 50
HÉBERGEMENT (MUTUALISÉ)
(différent de l’agence) reconnu
plus adaptée (serveur mutualisé ou dédié) et peut coordonner la mise en place entre les différents interlocuteurs
Pour répondre à des besoins spécifiques, il peut être nécessaire de recourir à un hébergeur spécialisé
Performance 4 : 4 vCores 8Go de RAM 500Go d’espace disque 1 base de données de 4Go (+3 autres bases) 33.99€ HT /mois
AGENCE accompagne ses clients dans le choix de la solution d’hébergement la
AGENCE recommande à ses clients d’avoir recours à un hébergeur tiers
Pour un site comme celui envisagé, AGENCE recommande une offre OVH
AGENCE travaille régulièrement avec OVH, hébergeur n°1 en France
![Page 48: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/48.jpg)
Confidentiel | 51
RECETTE : UN OUTIL DE SUIVI DE RÉFÉRENCE REDMINE
METHODOLOGIE
L’outil utilisé est REDMINE
Le client détaille ses tickets et les priorise
tickets et s’assure du bon traitement et du respect des délais en fonction des priorités
EXEMPLE DE PROJET SUIVI AVEC REDMINE
AGENCE répartit les
![Page 49: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/49.jpg)
Confidentiel | 52
MISES À JOUR ET ÉVOLUTIONS
WAAW sera autonome pour faire les modifications dans l’espace d’administration Une formation peut être organisée pour familiariser WAAW à l’utilisation de
l’espace d’administration
besoins de WAAW (entre ½ journée par trimestre et 1 jour par mois en fonction des besoins)
problématiques digitales
AGENCE peut mettre en place un forfait maintenance (optionnel) en fonction des
AGENCE sera toujours disponible pour assister WAAW concernant les différentes
![Page 50: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/50.jpg)
Confidentiel | 53
ENJEUXWEBMARKETING
![Page 51: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/51.jpg)
Confidentiel | 54
APERÇU DES LEVIERS
Social mediaBlog DisplayEmailingSEO/SEM …
RP Affich. /Presse / Radio / TV (TNT)
Bannières, affiliation, habillage, retargeting, etc.
Metrobus / régies radio / sponso. émission TNT / opportunités de bouclage…
ROI Notoriété
Emailing acquisition (location, affiliation, etc.)
…
ON
LIN
EO
FFLI
NE
….
A suivre…(growth hacking, videos,
recirculation, etc.)
Street Marketing
![Page 52: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/52.jpg)
Confidentiel | 55
CALENDRIER ET BUDGET
![Page 53: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/53.jpg)
Confidentiel | 56
CALENDRIERAvril Mai Juin Juillet
04 11 18 25 02 09 16 23 30 06 13 20 27 04 11 18 25
Lancement du projet
Transmission des 1ers éléments (logo, charte, etc.) WAAW
Fourniture des contenus finalisés WAAW
Maquettes graphiques
Conception technique
Finalisation
Réunion de lancement AGENCE/WAAW
Maquettes fonctionnelles AGENCE
Maquette graphique de page d'accueil AGENCE/WAAW
Autres maquettes graphiques AGENCE/WAAW
Intégration html des maquettes AGENCE
Développement web AGENCE
Paramétrage e-commerce AGENCE/WAAW
Recette/Tests AGENCE/WAAW
Mise en ligne AGENCE
![Page 54: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/54.jpg)
Confidentiel | 57
BUDGET
CREATION DU SITE INTERNET OPTIONS PRINCIPALES
Description Jour-homme
Montant (euros HT)
Maquettes fonctionnelles 2.5 1 700
Design 7 4 060
Intégration html / Développement 14.5 8 385
Gestion de projet et formation 3 2 040
TOTAL 27 16 185
Description Durée Montant (euros
HT)
Maintenance corrective 1 an 300
Maintenance évolutive 1 an 3 600
Hébergement 1 an
Logo n/a 1 160
TOTAL 5 060
TOTAL : 16 185 – 21 245 € HT
![Page 55: REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU … · 2016-09-13 · MARS 2016 REPONSE A L’APPEL D’OFFRES POUR LA CRÉATION DU DISPOSITIF E-COMMERCE We All Are Winos](https://reader034.vdocument.in/reader034/viewer/2022050221/5f66a03297ba54112b6e8484/html5/thumbnails/55.jpg)
Confidentiel | 58
CONTACT
COORDONNEES RETROUVEZ-NOUS SUR WWW.AGENCE.FR