Trouvez le Thème WordPress Idéal - WordCamp 2014

Preview:

DESCRIPTION

http://wpmarmite.com J'ai donné cette présentation au WordCamp Paris 2014 le vendredi 17 janvier 2014. Vous y trouverez une méthode pour vous aider à trouver un thème WordPress pour votre projet. Bonne continuation dans vos recherches ;) Alex

Citation preview

TROUVEZ LE THÈME WORDPRESS

IDÉALPOUR VOTRE PROJET

QUI SUIS-JE ?

@Alex_Borto - WordCamp Paris 2014

Alexandre Bortolotti

@Alex_Borto

@ThemesdeFrance

@WP_Themes_Pro

L’HISTOIRE DE MATHIEU

@Alex_Borto - WordCamp Paris 2014

Mathieu est un jeune de 22 ans qui a décidé de lancer tant que graphiste freelance pour startups.

Il faut dire qu’il a un vrai don pour créer des logos, des plaquettes, des affiches etc.

4

SE LANCER ?!

@Alex_Borto - WordCamp Paris 2014

Malgré toute les personnes qui lui ont dit que c'était dangereux, il a fait le choix de se lancer malgré tout.

Il aime tenter de nouvelles choses et il croit vraiment qu'il peut apporter sa touche à de nombreux projets.

Ce qui désire, c’est travailler pour des startups. Il veut rendre le web plus beau.

5

HEY, JE SUIS BON !

@Alex_Borto - WordCamp Paris 2014

Maintenant, il a besoin de se faire connaître pour signer ses premiers contrats.

Pour cela, il a besoin de créer un site sur lequel il va pouvoir présenter ses prestations et son portfolio.

Il a déjà travaillé sur plusieurs projets personnels donc il des choses à montrer.

Comme il connaît relativement bien le milieu, il a tout de suite su qu’il allait utiliser…

6

JOOMLA !

@Alex_Borto - WordCamp Paris 2014

Ah ah, je vous ai eu là.

C’était pour voir si vous étiez attentif ^^

7

RESTONS SÉRIEUX

@Alex_Borto - WordCamp Paris 2014

Plus sérieusement, Mathieu a choisi WordPress car il sait que c’est le meilleur moyen de mettre en place son site.

Si WordPress équipe 20% des sites dans le monde, ce n’est pas pour rien :P

D’ailleurs, il a très vite trouvé comment l’installer grâce à son moteur de recherche favori.

8

TOUT COMMENCE ICI

@Alex_Borto - WordCamp Paris 2014

Ok, Mathieu a installé son site mais il reste toujours vide et on ne peut pas dire que le thème par défaut de WordPress va l’aider à se différentier.

@alex_borto - WordCamp Paris 2014 9

TROUVONS CE THÈME !L’étape suivante est donc de trouver un thème : enfin LE thème WordPress idéal pour son projet. Celui qui représentera au mieux Mathieu et ses compétences.

En plus, un de ses amis lui a donné une liste de sites super géniaux pour trouver son thème, Themeforest, WooThemes ou encore sur WordPress.org!

Mathieu est impatient de partir à la recherche de la perle rare. Comme on dit, il y va la fleur au fusil

@alex_borto - WordCamp Paris 2014 10

UNE HEURE PLUS TARD…

Mathieu ne sait pas où donner de la tête. Il songe d’ailleurs à prendre un Efferalgan…

11

(IM)POSSIBLE

@Alex_Borto - WordCamp Paris 2014

Avant de faire appel à prestataire, je vous propose qu'on lui donne quelques conseils pour qu’il muscle sa recherche.

Je vous rappelle qu'il n'a pas beaucoup de moyens. Il se lance tout juste.

12

Pour aider Mathieu à trouver un bon thème, il est important de se rappeler pourquoi il a besoin d’un site.

Mathieu a besoin d’un site pour 3 choses :

• Communiquer ses valeurs et la nature des prestations qu’il propose

• Faire bonne impression et se différentier de ses concurrents (apparence générale et portfolio)

• Convertir ! (c’est à dire signer des contrats)

RAPPELS

@Alex_Borto - WordCamp Paris 2014

13

POSONS LES CHOSES

@Alex_Borto - WordCamp Paris 2014

Maintenant que l’on a cela en tête, posons son projet à plat et réfléchissons un peu.

Nous allons conseiller à Mathieu de fermer tous ses onglets, il peut même éteindre son ordinateur et de prendre une feuille de papier.

14

5 QUESTIONS CLÉS

@Alex_Borto - WordCamp Paris 2014

À qui est destiné le site ?

15

5 QUESTIONS CLÉS

@Alex_Borto - WordCamp Paris 2014

En quoi devra-t-il leur être utile ?

16

5 QUESTIONS CLÉS

@Alex_Borto - WordCamp Paris 2014

Qui sont les concurrents ?

17

5 QUESTIONS CLÉS

@Alex_Borto - WordCamp Paris 2014

En quoi le site sera-t-il différent

?

18

5 QUESTIONS CLÉS

@Alex_Borto - WordCamp Paris 2014

Quelles sont les valeurs à

transmettre ?

19

WANTHEME

@Alex_Borto - WordCamp Paris 2014

Maintenant que nous avons aidé Mathieu à clarifier son projet nous allons l’aider à créer le portrait robot de son thème.

Pour cela nous allons passer par les 3 étapes de la méthode SDF (je sais que cet acronyme vous intrigue ^^).

@alex_borto - WordCamp Paris 2014 20

1. STRUCTURE

21

1.1 STRUCTURE

@Alex_Borto - WordCamp Paris 2014

22

1.2 STRUCTURE

@Alex_Borto - WordCamp Paris 2014

Accueil

Portfolio Blog A propos Contact

23

1.3 STRUCTURE

@Alex_Borto - WordCamp Paris 2014

Accroche

Logo Menu

3 Derniers projets

@alex_borto - WordCamp Paris 2014 24

2. DESIGN

25

2.1 DESIGN

@Alex_Borto - WordCamp Paris 2014

La Technique des 5 Adjectifs

Elégant, Rafiné, Minimaliste, Chaleureux, Reposant, Jeune, Enjoué, ou alors Sensuel…

26

2.2 DESIGN

@Alex_Borto - WordCamp Paris 2014

Si vous avez une carte de visite ou des documents corporate et que vous ne voulez pas en changer, voici un nouveau moyen d’affiner vos futures recherches.

Inspirez-vous aussi de votre logo.

@alex_borto - WordCamp Paris 2014 27

2.3 DESIGN

Recherchez les polices utilisées sur vos documents. Il est important de garder une certaine cohérence entre tous vos supports de communication.

Enfin, vous pouvez aussi choisir de refaire vos supports par la suite.

28

2.4 DESIGN

@Alex_Borto - WordCamp Paris 2014

Quelles sont les couleurs que vous voulez voir apparaître sur votre site ?

Attention, aujourd’hui la majorité des thèmes peuvent aisément changer de couleur (via l’admin ou quelques lignes de CSS).

Ne vous laissez pas trop influencer pendant vos recherches.

@alex_borto - WordCamp Paris 2014

29

2.5 DESIGNComment les sites de des concurrents sont-ils conçus ?Qu’on t’il d’intéressant ? Qu’est ce qui pourrait être amélioré ?

Comment pourriez-vous mieux faire passer votre message ?

Attention, je n’ai pas dit de copier !!Inspirez-vous de ce qui marche mais faites le à votre manière

@alex_borto - WordCamp Paris 2014 30

3. FONCTIONNALITÉS

31

3.1 FONCTIONNALITÉS

@Alex_Borto - WordCamp Paris 2014

Alors, de quelles fonctionnalités le thème de Mathieu peut avoir besoin ?

Responsive, custom post formats pour le blog, filtrage des éléments du portfolio, slider, insertion des témoignages clients, formulaire de newsletter, ajouts d’icones style icomoon ou font awesome, shortcodes spécifiques etc.

Listez tout ça sur une feuille (vous pouvez le faire de tête mais vous risque d’oublier des choses)

@alex_borto - WordCamp Paris 2014 32

3.2 FONCTIONNALITÉS

Attention tout de même à ne pas trop en mettre et se retrouver avec une usine à gaz !

Vous allez certainement devoir faire des concessions pendant la phase de recherche.

Les plugins sont là pour combler le manque de fonctionalités.

33

3.3 FONCTIONNALITÉS

@Alex_Borto - WordCamp Paris 2014

Le support est à mon sens une fonctionnalité essentielle d’un thème.

Que dit-on du support d’un thème ?Est-ce que le forum de support proposé est actualisé régulièrement ?

Sur Themeforest, est ce que les commentaires postés trouvent une solution rapidement ?

Essayez de contacter l’auteur d’un thème pour tester la réactivité du support.

34

ALLEZ, ON S’Y MET !

@Alex_Borto - WordCamp Paris 2014

@alex_borto - WordCamp Paris 2014 35

LE DEFI

Tout ce que l’on vient de faire était le plus facile,

Nous avons réfléchi, établi plusieurs filtres, listé des fonctionnalités = Méthode SDF

Maintenant, le plus compliqué va être d’intérioriser tout le travail effectué et de dire si le thème que l’on a sous les yeux y correspond.

36@Alex_Borto - WordCamp Paris 2014

VISUALISEZ

« Le défi consiste à visualiser le futur site à traversla démo d'un thème #WordPress »

37@Alex_Borto - WordCamp Paris 2014

QUID DE L’EXPERTISE ?Serez-vous capable de personnaliser l’apparence du thème si le besoin se fait sentir ?

Une plus grande expertise vous permettra d’être moins rigoureux sur la sélection à faire car vous verrez les points que vous pourrez régler pour adapter le thème à vos besoins.

38@Alex_Borto - WordCamp Paris 2014

5 AUTRES BOUTIQUES

Au delà des Themeforest, WooThemes, Elegant Themes, Mojo Themes, StudioPress ou encore Template Monster, il existe d’autres boutiques.

Elles sont un peu plus modestes mais qui proposent de très beaux thèmes.

Il se pourrait même que vous ne les connaissiez pas :P

@alex_borto - WordCamp Paris 2014 39

@alex_borto - WordCamp Paris 2014 40

@alex_borto - WordCamp Paris 2014 41

@alex_borto - WordCamp Paris 2014 42

@alex_borto - WordCamp Paris 2014 43

44@Alex_Borto - WordCamp Paris 2014

3 ERREURS À ÉVITER

45@Alex_Borto - WordCamp Paris 2014

1. L’ACHAT IMPULSIF

« N’achetez pas votre thème #WordPress sur un coup de tête. »

46@Alex_Borto - WordCamp Paris 2014

2. SECTORISATION

« La plupart des thèmes #WordPress sont neutres. »

47@Alex_Borto - WordCamp Paris 2014

3. NOMBRILISME

« Ne créez pas de site pour vous mais pour vos visiteurs. »

48@Alex_Borto - WordCamp Paris 2014

AU BOULOT MATHIEU !

49@Alex_Borto - WordCamp Paris 2014

MERCI

@Alex_Borto

@ThemesdeFrance

@WP_Themes_Pro