Le projet


Création du site Voisins Nachbarn

A l’initiative d’une équipe de journalistes indépendants et spécialisés dans la presse transfrontalière, le site Voisins Nachbarn est crée et mis en ligne au printemps 2021. Celui-ci propose des articles traitant de la coopération transfrontalière entre la France et l’Allemagne.

Les articles du site Voisins Nachbarn sont organisés par rubrique (1) : travailler, préserver, coopérer, aménager, rechercher et captiver. Ceux-ci peuvent être regroupés par dossier (2) et aussi par auteur (3). En plus de cette organisation, chaque article appartient à une édition qui est visible uniquement en page d’accueil (4): le lundi pour les sujets qui traitent de l’économie, le mercredi pour l’aménagement du territoire et le vendredi pour la culture dans l’espace frontalier.

Le site dispose en outre d’un grand nombre de fonctions :

• Moteur de recherche. (5)
• Archives d’articles (6)
• Privatisation d’articles (7)
• Abonnement (8)
• Compte client (9)
• Multi-langue (10)
• Espaces publicitaires
• Newsletter
• Paiement en ligne

Durant l’année 2021, ont été ajoutées des pages pour permettre la vente de livre et de Bandes dessinées (11). En 2022, des espaces dédiés à l’actualité des différents partenaires ont également été ajoutés (12).

Etablir ensemble les objectifs du projet

Définition de projet

Le projet a démarré par un rendez-vous avec l’équipe des journalistes situés à Metz. Lors de cet entretien nous leur avons soumis différents questionnaires afin de définir les grandes lignes du projet : les objectifs marketing, les utilisateurs potentiels, la partie technique, les orientations graphiques, le référencement. Après avoir recueilli toutes ces informations, nous avons réalisé un cahier des charges pour guider la production du site à toutes les étapes de celui-ci.

Conseiller la solution la plus adaptée à votre projet

Domaine et hébergement

Lors du rendez-vous de briefing, nous avons proposé différentes idées et solutions pour le nom de domaine et l’hébergement du site. S’agissant d’un site d’information, un hébergement de type OVH Performance avec un serveur SQL privé nous a semblé la meilleure option. Par la suite, nous avons configuré cet hébergement pour que celui-ci offre, entre autre, les meilleures performances que ce soit pour le SEO ou la visibilité du site dans la communauté européenne.

En savoir plus

Concevoir et imaginer les différentes formes du projet

Structure et prototype

Avant de lancer la phase de prototypage, nous avons procédé à un inventaire des contenus existants. Pour cela, l’équipe de Voisins Nachbarn qui avait déjà travaillé au projet depuis quelques mois nous a proposé différentes maquettes ainsi que le logo du site. Nous avons ainsi gagné du temps et nous nous sommes inspirés,de ce qui avait déjà été produit pour aller plus loin en terme graphique. Pour faciliter le travail et la compréhension du projet, nous avons réalisé un plan sous la forme d’un organigramme. Ensuite, nous avons défini concrètement ce dont disposerait chacune des pages modèle du site Voisins Nachbarn. Enfin, nous avons crée plusieurs prototypes pour la page d’accueil ainsi que les autres modèles de page : rubrique, articles, moteur de recherche, articles par auteur, abonnement, dossier d’articles, etc. 

Concernant spécifiquement la page d'accueil, nous avons proposé trois prototypes pour déterminer la meilleure configuration en fonction des objectifs définis. Ensuite, nous avons ajusté le prototype validé pour y inclure les trois éditions : lundi, mercredi et vendredi.

En savoir plus

Dessiner et mettre en image le projet

Conception graphique

Avant de lancer le processus de conception de l’interface graphique et pour être sûr de bien cibler les attentes de l’équipe Voisins Nachbarn nous avons crée deux concepts. Les concepts ont pour but d’imaginer un style graphique particulier en fonction des objectifs définis dans le cahier des charges. 

Après avoir validé le bon concept et en suivant les recommandations de l’équipe Voisins Nachbarn, la graphiste en charge de la conception graphique a crée une interface graphique originale répondant aux attentes, tout en respectant le cahier des charges édité lors du briefing de projet.

En savoir plus

Produire et donner vie au projet

Production et intégration

Après avoir validé l’ensemble de la production graphique, nous sommes passés au codage du site. Le codage du site Voisins Nachbarn comme pour tous les sites dynamiques s’est déroulé en deux parties. Une première phase de codage statique qui consiste à reproduire exactement la version graphique du site, puis une autre phase pour rendre le site dynamique afin que celui-ci puisse être piloté par une solution de gestion.

Pour le site sur-mesure Voisins Nachbarn, nous avons développé les modules nécessaires pour entre autre la gestion des trois éditions de la page d’accueil, la privatisation des articles, la gestion des archives, les articles les plus lus, les plus vus, les espaces publicitaires, etc. Cela avec les dernières technologies disponibles pour obtenir les meilleures performances en terme de vitesse de chargement, SEO et responsive design.

En savoir plus sur Nova

Adapter la solution de gestion du site

Production CMS

Les fonctions ajouter, modifier ou supprimer des éléments du site Voisins Nachbarn se réalise avec une solution de gestion de site dynamique (CMS). Développé en interne depuis de nombreuses années, celle-ci a été adapté au projet afin que les différents modules développés côté client puissent fonctionner convenablement et cela dans un contexte multilingue. Nous avons aussi adapté la base de données en conséquence. Une fois le site mis en ligne, nous avons formé les journalistes pour la prise en mains de la solution de gestion.

Mesurer et analyser la réussite du projet

Référencement et statistiques

Après quelques mois de fonctionnement, nous avons ajusté le site internet côté client avec des correctifs d’ordre visuel pour rendre le site plus agréable à la lecture. Ensuite nous avons ajouté de nouveaux modules pour les articles partenaires, la commande de livre, etc., le site sera par la suite optimisé pour le rendre encore plus rapide.

Coordonner les différentes phases du projet

Conduire et réaliser

La conduite du projet, le prototypage, la réalisation technique et le CMS ont été réalisés au sein de l’agence Olloweb. Ont collaboré au projet le Studio Hussenot pour la création du logotype, le choix typographique et les premières maquettes, Publinoves Communication pour le graphisme et l’iconographie.

Merci à l’équipe des journalistes et notamment, le webmaster Kyou, Christian Robischon et Pascale Braun.