Projet
Conception UX et développement de thèmes Wordpress adaptés à des utilisateurs novices.
> Titre RNCP Webdesigner
Date
Juin 2017
Client
Agence Zedd
> Stage de fin de formation
UX Design
Réflexion et recherches des besoins des utilisateurs,
Définition d'un catalogue de thèmes adaptés à l'user,
Chemin de navigation et wireframes.
UI Design
Maquettes grahiques.
Développement web
Formation autodidacte sur la création de thème wordpress et sur PHP
Adaptation de l'interface d'administration de Wordpress.
Présentation
Lors de mes trois mois de stage au sein de l'agence Zedd, j'ai été en charge de la mise en place totale de leur futur service destiné à uen partie de leur clientèle. Celle-ci désirant étre autonomes sur leur propre site web, j'ai été en charge de concevoir de A à Z des thèmes Wordpress adaptés à eux et à leurs besoins.
il existe déjà de nombreux thèmes Wordpress, mais l'agence souhaitait développer son propre catalogue, adapté à des utilisateurs novices
Cahier des charges, conception, maquettage... ce projet a dépassé celui d'un projet web classique, pour devenir un projet d'UX Design à part entière.
Les étapes clés du projet
Design UX
Suite à l'analyse de la clientèle, j'ai défini quatre thèmes Wordpress, avec fonctionnalités propres, et donc adaptés à la taille de l'entreprise (micro/indépendant ou PME), et souhaitant mettre en avant un contenu visuel ou textuel.
Chaque besoin, et donc focntionnalité a été présenté sous forme de modèle de page. La création de wireframe a permis de définir ceux-ci, mais aussi d'être un support pour le client, afin de l'aider à placer ses contenus.
Exemple de maquette Wireframe
Design UI
J'ai réalisé des maquettes graphiques exemples, afin de montrer aux futurs clients des exemples de sites web qu'ils pourront réaliser.
Maquette graphique exemple d'un site comportant peu de photos
Maquette graphique exemple d'un site comportant des photos à mettre en avant
Intégration
L'intégration s'est faite via un starter thème Wordpress, et y est ajouté entre autre :
- le framework Bulma pour le CSS
- le pluging Advanced Custom Fields
Le challenge de cette intégration, en plus d'être mon premier gros développement web avec PHP, a été de mener une intégration approfondie, afin de donner le maximum de fonctionnalités aux thèmes, sans qu'il y ait besoin de rajouter beaucoup de plugnins externes (agenda, slider...)
Customisation front et back de l'interface de Wordpress
Développement Back-Office
Afin de rendre l'utilisation de ces nouveaux thèmes la plus confortable possible, il a fallu modifier les panneaux de personnalisation du CMS Wordpress. Il a été avéré que les utilisateurs finaux préféraient customiser en comparant, le développement s'est donc porté sur la prévisualisation du site en temps réel.