Behance Twitter LinkedIn Facebook
Page d'accueil Portefeuille Contact

Conception de l'interface utilisateur/site web et développement de WordPress pour Inspires Marketing

Résumé de l'étude de cas

Inspires Marketing est une agence de marketing prospère basée dans le sud-ouest de Londres. Leur site web original a été construit sur la plate-forme Joomla en 2012 et devait être mis à jour depuis longtemps. Le client m'a fourni le logo de la société, des images de bonne qualité, un contenu riche et m'a présenté les exigences suivantes:
  • Transférez le domaine vers un nouvel hôte qui offre un certificat SSL gratuit.
  • Concevoir et construire un nouveau site sur WordPress pour permettre la publication de blogs.
  • Intégrer Mailchimp dans le formulaire de contact.
  • Activer Google Analytics et le suivi des pixels de Facebook.
  • Lancer le nouveau site dans un délai de trois à quatre semaines maximum.

Les solutions

Conception UX/UI

Conception de sites web

Conception de sites web mobiles

Développement du site web WordPress

Transfert de domaine

Introduction du Google Tag Manager

Intégration de Mailchimp dans un formulaire de contact

Voir Inspires Marketing

Détails du projet

Les fondements du projet

La cliente a acheté le pack d'hébergement chez Krystal hosting, et j'ai déplacé le domaine inspiresmarketing.com vers le nouvel hôte et activé le certificat SSL, permettant ainsi le protocole https pour le site.
J'ai créé et édité une icône pour chaque service marketing fourni par ma cliente et j'ai placé la section "Mes services" dans le quart supérieur de la première page pour lui donner l'attention qu'elle mérite.
J'ai suggéré de créer une section soulignant l'expertise de Susie dans le domaine du marketing. Nous avons sélectionné quelques entreprises pour lesquelles Susie a travaillé et avons inclus leurs images de marque dans une petite galerie d'images. Au survol, l'image serait superposée à un fond clair et à un texte détaillant le travail de marketing que mon client a effectué pour cette entreprise particulière.

Different devices screens displaying Inspires marketing's services, testimonials and expertise sections
an i-pad showing Inpires Marketing;s cleints' logos

La cliente a reçu un nombre important de commentaires positifs de ses clients et j'ai suggéré d'inclure certains de ces commentaires en première page et de les relier à une page séparée de témoignages, car les liens internes améliorent le référencement. La même chose a été faite pour les logos des clients de Susie.

Conception de l'interface utilisateur

J'ai utilisé les couleurs du logo de l'entreprise pour le design, mais en leur donnant parfois un peu de transparence. Le fond du titre était cohérent sur chaque page avec l'utilisation des couleurs du logo et une démonstration des outils que la cliente utilise pour son travail. J'ai suggéré au client de supprimer les sous-menus pour améliorer l'interface utilisateur. Nous avons laissé un menu d'une ligne propre dans l'en-tête.
Des effets de survol et de mise au point ont été appliqués à chaque élément dynamique d'une page.
Un widget en accordéon a été introduit sur la page des services pour améliorer la qualité de l'interface utilisateur et l'expérience de l'utilisateur.
L'image du héros a été manipulée avec des effets et un positionnement de l'arrière-plan pour s'assurer que l'image de la cliente puisse être vue sur chaque appareil, et l'énoncé de la mission avait un contraste élevé par rapport à l'arrière-plan de chaque appareil.

Phone and ipad screens showing the strongest points of UI design