Marketing

BA.FR : SPÉCIFICATIONS FONCTIONNELLES

WIDGETS : CARROUSEL / CONTENUS / WIZARD / FILIÈRES OU CULTURES / LES PLUS LUS / TWITTER / NEWSLETTER  / MON COMPTE / LISTINGS

1. WIDGET CARROUSEL

Où ? Home Accueil / Culture éditorialisée / Thématique

Wireframes : se reporter aux wireframes des homes

Maquette : en cours de validation

Le Carrousel de contenus est entièrement administrable et permet de valoriser en Home n’importe quel type de contenus (internes ou externes).

Ce widget peut afficher un nombre illimité d’items, au choix du webmaster. Dans la mesure du possible, nous préconisons l’affichage de max 5 contenus (un ou deux contenus transverses et  trois ou quatre contenus issus des cultures).

Chaque item est ainsi constitué :

- Un visuel

- Un titre

- Un bouton de renvoi

Chaque élément est administrable par le webmaster (choix du visuel, du titre, du texte du bouton (par défaut « Voir plus ») et du lien).

Comportement responsive :

En version mobile, ce widget occupe une colonne.

En version desktop, ce widget occupe toute la largeur de la page.

2. WIDGET CONTENUS

Où ? Home Accueil / Culture éditorialisée / Thématique

Wireframes : se reporter aux wireframes des homes

Maquette : en cours de validation

Le widget Contenus est entièrement administrable et permet de valoriser en Home n’importe quel type de contenus (internes ou externes).

Il se compose ainsi :

- Un visuel

- Un titre

- Un sous-titre (facultatif)

- Un chapeau (facultatif)

- Un bouton de renvoi

Chaque élément est administrable  (choix du visuel, des titres et sous-titres, du chapeau, du texte du bouton et du lien de renvoi).

Cependant, si l’utilisateur sélectionne une url interne au site, les champs suivants se remplissent automatiquement : visuel – titre – chapeau (avec ajout automatique de « … » si celui-ci est trop long).  L’utilisateur peut bien sûr modifier les champs ainsi pré-remplis.

Par défaut, le texte du bouton cliquable est le suivant : « Voir Plus »

Au clic sur le bouton, l’utilisateur est renvoyé vers la page concernée (nouvel onglet).

Comportement responsive :

En version mobile, ce widget occupe une colonne.

En version desktop, ce widget occupe une colonne sur 3 max : il faut donc penser l’agencement de la home en fonction de cette contrainte.

3. WIDGET WIZARD

Où ? Home Accueil / Culture éditorialisée

Wireframes : 

• 320 :
• 1280 :  

Maquette : en cours de validation

3.1 Comportement

ETAPE 1. Ce widget se présente sous la forme d’un menu déroulant :

> Surtitre (wording à valider)

> Question (wording à valider)

> Liste de besoins (wording à valider) accessible via un menu déroulant :

- Gérer mon désherbage

- Contrôler les maladies

- Maîtriser ses intrants

- Gagner en rendement et en qualité

- Se conformer à la réglementation

ETAPE 2. Au clic sur un besoin multi-filière (ex : contrôler les maladies), le widget se déploie. Un message apparaît pour remercier l’utilisateur et lui demander de préciser la filière qui l’intéresse :

> Etape 1 visible

> Message

> Menu déroulant avec liste des filières concernées :

- Grandes cultures

- Vigne

ETAPE 2bis. Au clic sur un besoin transverse  (ex : se conformer à la réglementation), l’utilisateur est automatiquement redirigé vers la page besoin concernée (rechargement de la page).

=> Facultatif  (à valider) : on peut imaginer une popin intermédiaire qui remercie l’utilisateur et l’informe de la page vers laquelle il va être redirigé dans quelques instants.

ETAPE2ter. Au clic sur un besoin mono-filière (ex : gérer mon désherbage), un message de remerciement apparaît précisant que, pour cette problématique, nous pouvons aider l’utilisateur sur une filière spécifique uniquement. L’utilisateur clique au choix sur « ça m’intéresse » ou « Non merci » :

=> « Ça m’intéresse » : l’utilisateur est automatiquement redirigé vers la page besoin concernée (rechargement de la page).

=> « Non merci » : le wizard se replie.

ETAPE 3 Mobile. Au clic sur une des deux filières, l’utilisateur est automatiquement redirigé vers la page besoin concernée (rechargement de la page).

=> Facultatif (à valider) : on peut imaginer une popin intermédiaire qui remercie l’utilisateur et l’informe de la page vers laquelle il va être redirigé.

ETAPE 3 Desktop. Au clic sur une des deux filières, le wizard affiche une sélection de 4 contenus (les 3 contenus stars de la page besoin + la page besoin). Au clic sur un des contenus, l’utilisateur est automatiquement redirigé vers la page concernée (rechargement de la page).

3.2 Administration

Le webmaster peut modifier la liste des besoins (ajout/suppression).

Pour le reste, tout se passe automatiquement :

> le titre, le surtitre et les messages sont définis en dev (à valider asap)

> le wording des besoins ou des filières est directement défini et récupéré depuis les pages besoins et homes concernées.

> les étapes se déroulent automatiquement selon le type de besoin choisis :

- besoin multi-besoin

- besoin transverse

- besoin mono-besoin

3. WIDGET FILIÈRES OU CULTURES

Où ? Home Accueil / Culture éditorialisée

...