Want to make creations as awesome as this one?

Transcript

Angéline Pichard38 ansConductrice de busBaccalauréat STT comptabilitéBTS Informatique de gestion

Refonte d'un site internet pour mes parentsVitrine + boutique en ligne

Index

Contexte et objectifs
Grille de questionnement
Gestion éditoriale
Charte graphique
Contraintes
Parcours de navigation
Plan de communication
Maquettes
Calendrier éditorial
Wordpress
SEO
La concurrence
Conclusion
Storyboard
Imprimé

Contexte et objectifs

Contexte

Locations saisonnières en Charente-Maritime 3 logements distincts client = particulier

Objectifs

Identité visuelleCommunicationRéservations en ligne avec paiementInformer

Grille de questionnement

ResponsiveFacilité la navigation et la rechercheTransactions financièresIdentité visuelle

Profil du site

Structure du site

Menu principal avec 5 entréesMenu secondaire avec 2 entréesMenu de bas de page avec 4 entrées

Gestion éditoriale

Services et fonctionnalités

E-commercePartage sur les réseaux sociauxBlogEvénements

Gestion éditoriale

Contenu courtGaleries photosArticles réguliers et pratiquesMise à jour des événements

Charte graphique

Dancing script : L'abri-cotier Locations

Roboto Bold : L'abri-cotier Locations

Roboto Normal : L'abri-cotier Locations

Typographie

Le site

Rose#DEA89F
Jaune sable#FCD380
Jaune du soleil#FCCB21
Bleu ciel#29ABE2
Couleurs

Le site

Quelques images du site

Le logo

Contraintes

Les contraintes

Budget : peu élevé (30€ par mois)Délai : 6-7 mois environTechnique : Wordpress et ses extensions, feuilles de style CSS, Suite Adobe

Parcours de navigation

Parcours de navigation

Prise de conscience : existence du produit donc détailsConsidération : options de l'internaute, susciter l'intérêtPassage à l'action: e-commerce, réservations rapides en ligneEngagement : paiement d'arrhes en ligneFidélisation : partage sur les réseaux, codes promotionnels...

Plan de communication

Plus de 18 ansToutes catégories socio-professionnellesAvec ou sans enfantsLoisirs et activités divers

Personas

Exemples de personas

Présenter les biensComportement d'achatAnticiper les questionsTenir informéIdentité visuelle et communication

Micro-utilités

Se différencierUtiliser les réseaux sociauxFaire des mises à jourFlyers/imprimésAvoir un bon sloganUtiliser un design simple

Communication

Planche de tendance

Maquettes

Arborescence

Zoning mobile

Zoning desktop

Prototypes

Prototypes

Calendrier éditorial

Publications régulières (2 à 3 par semaine)Mise à jour des rubriques (événements et actualités)Publications promotionnellesPublications de vidéos diverses

Le réseau social

Exemples de publications

Exemples de publications

Exemples de publications

Wordpress

Choisir son thèmeMise en place des extensions nécessairesApparence et outilsDisposition des élémentsFormulaire de contact et paramétrageRéglages générauxPersonnalisation des pages

Interface administrateur

Interface administrateur

Interface administrateur

Préparation des pages de boutique (Réservations, Mon panier, Validation de la commande)Générées par l'extension WooCommerce elle-mêmeFaire tous les réglages généraux

WooCommerce

Interface administrateur

Interface administrateur

Paramétrage des produits

Interface administrateur

Codes promo

Interface administrateur

Rapport SEO

Réglages générauxOptimisation des donnéesRéseaux sociaux liésPréférences personnelles

SEO

Mots-clés personnels : soleil, vacances, location, logement saisonnier, détente Mots-clés liés aux pages du site : activités, sorties, spectacles, soirée…

Un bon SEO = meilleur référencement, meilleure navigation, meilleure structure Si ajustements !

SEO

La concurrence

Concurrence

Concurrence

Pour sortir du lot :- identité visuelle fiable et moderne- rubrique pour les loisirs- liens partenaires
Rude dans ce secteurGrands sites mais peu de particuliersBeaucoup de couleurs et d'imagesProposition de logements ou de voyages uniquement

Concurrence

Conclusion

Utilisation de nouvelles applications (Suite Adobe, Wordpress)Utilisation des langages informatiquesProjet réel Application des cours Développement de la créativité par rapport à une demande

Conclusion

Storyboard

Imprimé

Création de graphismes

Simple et graphiqueInformeInsuffle la curiositéModerne

L'imprimé