Maquettes : landing page pour le SEA

Homme assis dans un chantier
Homme assis dans un chantier
Homme assis dans un chantier

14 juin 2021

Mon rôle au sein de cette mission était de proposer une maquette HD de la landing page (en 2 versions différentes) et le formulaire de contact.

PRACTICAL INFORMATION

Présentation de la mission de webdesign

Contexte de la mission

Nextensia conçoit, produit et installe des bâtiments industriels standardisés et démontables livrés clé en main.

Le site web est un site de démonstration des produits qui avait besoin de gagner en visibilité.


Besoins client

  • Travail sur le design de la landing page et du formulaire de conversion

  • Design choisi en accord avec le site web existant

  • Charte graphique du client à respecter

Bâtiments de chantier
Bâtiments de chantier
Bâtiments de chantier
Hangars, maisons et rues
Hangars, maisons et rues
Hangars, maisons et rues

Objectifs

  • Augmenter le taux de conversion

  • Programmer des campagnes Google en y associant des landing pages

  • Augmenter la visibilité de la marque

Outils utilisés

  • Sketch

  • Invision

Hangars industriels
Hangars industriels
Hangars industriels

PROCESS

Design de la landing page et du formulaire de contact

Démarrage de la mission

Rapport d'audit
Rapport d'audit
Rapport d'audit

J’ai participé à la réunion de cadrage du projet en collaboration avec le client et les parties prenantes en marketing digital.

J’ai crée un questionnaire client pour obtenir quelques informations sur le profil des utilisateurs.

Le design devait se caler sur le design du site web en ligne.

Le formulaire de contact devait être pensé pour être intuitif en version desktop et mobile.



Design des maquettes

  1. Recueil des données fournies par le client :

    • Analytics

    • Contenus

    • Illustrations / Photographies

    • Charte graphique


  2. Création des maquettes :

    • J’ai proposé un design qui respecte l’accessibilité et les règles d'ergonomie web (lisibilité etc) et la mise en place d’un contenu de qualité optimisé pour le SEA

    • J’ai animé les réunions de suivi de design (modifications et validations des maquettes).

Wireframe landing page
Wireframe landing page
Wireframe landing page

RESULTS

Maquettes livrées pour la mise en place des campagnes

J’ai livré les 3 maquettes ci-dessous prêtes à être intégrées par le développeur.




Maquette landing page formulaire
Maquette landing page formulaire
Maquette landing page formulaire
Maquette landing page CTA
Maquette landing page CTA
Maquette landing page CTA
Maquette formulaire
Maquette formulaire
Maquette formulaire

Chaque client est propriétaire de son site web et est libre d’y apporter des modifications et/ou des suppressions.
J’expose ici mon travail à un instant T sans être responsable des changements visibles en ligne actuellement.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.

Besoin d’aide pour votre projet ?

Vous souhaitez externaliser vos efforts en recherche et design, au lieu de les gérer en interne, ou me confier l'intégralité de votre projet.