ARKAM Mr Pierre DE WEIRELD - Agence wallonne de l'air & du climat Développement du nouveau site internet awac.be & maintenance
←
→
Transcription du contenu de la page
Si votre navigateur ne rend pas la page correctement, lisez s'il vous plaît le contenu de la page ci-dessous
Agence wallonne de l’air & du climat
Développement du nouveau site internet
Pathologie
awac.be & maintenance
Mr Pierre DE WEIRELD
ARKAM
creative strategic institution
1 ARKAM
CREATIVE STRATEGIC INSTITUTION
1
WE ARE
Arkam est un bureau créatif & stratégique.
2
WE DO
Arkam s’imprègne de votre culture d’entreprise
pour vous établir une stratégie, un concept et un plan
de communication à long terme. Nous avons pour mission
de développer votre image de marque et votre business.
3
WE COME FROM
Actif depuis le début du siècle, Arkam se remet continuellement en question
et ne cesse d’évoluer et de se renouveler. En nous confiant votre communication,
vous bénéficiez de notre expérience de près de vingt ans, de notre expertise en stratégie
et surtout de notre créativité.
4
HOW WE DO IT
Arkam ne satisfait pas vos envies mais répond concrètement
à vos besoins. Nous nous efforçons de mettre au point
une stratégie qui correspond à vos valeurs et vos objectifs.
Nous procédons méthodiquement par étape pour assurer
une communication cohérente, efficace et créative :
1 BRIEFING 3 CONCEPT
Afin de vous établir une communication Nous développons des concepts créatifs
caractérisée, pertinente et qualifiée, percutants, dans une vision de communication
nous étudions votre culture d’entreprise à 360°, pour susciter l’intérêt et vous différencier
et nous en dégageons les éléments de votre concurrence.
dominants.
2 STRATÉGIE 4 PLAN DE COMMUNICATION
Sur base du briefing, nous entreprenons Nous choisissons méticuleusement
une analyse de plusieurs points : le marché, les multiples canaux de diffusion,
la cible, le positionnement, les objectifs selon la stratégie établie. Et planifions,
commerciaux, etc. En fonction sur du long terme, la marche à suivre
de ces derniers, nous déterminerons et la diffusion de la campagne
vos besoins : re-branding, supports papier pour maximiser son efficacité.
ou digitaux, campagne de publicité, etc.
1 sur 26
5
WE WORK WITH
Arkam travaille avec des centaines de clients : de l’institutionnel, à l’incubateur de start-up
en passant par des PME ou encore des sociétés internationales.
2 sur 26
2 CAS SIMILAIRES
PROJETS RELATIFS
www.mangerdemain.be
Manger Demain Projets Dynamiques territoriales Actualités Outils
Manger Demain,
L’alimentation durable
en Wallonie
25 SAMEDI 29 MERCREDI 30 JEUDI
AVR AVR AVR
Foire agricole de Namur Rencontres durables Atelier de sensibilisation à
l’alimentation durable
EN SAVOIR + EN SAVOIR + EN SAVOIR +
Actualités Dynamiques territoriales
9 AVR, 20 AQUACULTURE 11 AVR, 20 AGRICULTURE
L’aquaculture, une alternative Alimentation durable
à la pêche bientôt durable ? et agriculture, 2 enjeux réunis.
Aquaculture terrestre ou offshore, alternatives proté- A l’heure actuelle, les débats autour de l’agriculture
inées à base d’insectes, déploiement de l’aquaponie à s’intensifient. Les citoyens se questionnent de plus en
grande échelle… plus sur notre système alimentaire...
L’alimentation durable,
vers une vision collective
d’avenir
A propos
Manger Demain Objectifs Valeurs Equipe
La Cellule Manger Demain
La Cellule Manger Demain, une structure qui coordonne, fait du lien et facilite
les initiatives locales et régionales en matière d’alimentation.
• Apporte aux acteurs de l’alimentation durable une approche et un
accompagnement harmonisés.
• Se positionne comme courroie de transmission entre ces différents
acteurs.
• S’assure de garder une vision globale de la dynamique de transition,
au travers de la coordination de la stratégie.
• Informe le grand public sur l’alimentation durable et diffuse l’identité
« Manger Demain ».
Menu Infos légales Contact Rejoignez-nous!
Manger Demain Rgpd SOCOPRO
Projets Vie Privée Av. Comte de Smet de Nayer 14
Dynamiques territoriales Lien 3 5000 Namur Inscrivez-vous à la newsletter
Actualités Lien 4 info@mangerdemain.be
Outils Lien 5 Tél : 081/24 04 32
©2020 Manger demain - Tous droits réservés
3 sur 26
www.vhello.be
4 sur 26
www.menart.eu
5 sur 26
Prototype designé par Arkam, non réalisé
Version écran large Test version responsive
6 sur 26
Slide
7 sur 26
3 CAHIER DES CHARGES
PORTAIL WEB AWAC.BE
INTRODUCTION
Notre agence est très sensible à la cause environnementale et à l’implication de la wallonie dans le
développement de nouvelles mesures pour améliorer les choses. Nous avons déjà eu la chance de
participer à plusieurs campagnes sur le thème (dont nous reprenons quelques extraits ci-dessous) et
sommes ravis d’avoir à nouveau été sollicités pour réaliser votre nouvelle plateforme web. Nous sommes
convaincus qu’un site web bien conçu, joliement designé et développé de façon optimisée permettera
aux différents acteurs de notre région, actifs ou passif, de partager, de s’informer et d’informer dans un
même but commun d’évolution. Nous avons hate d’en discuter avec vous.
Selon les attentes reprises dans la demande, nous profitons de cette rubrique pour aborder les points
suivants:
a. Révision et conseils pour l’architecture, l’arborescence
Nous aborderons ces points lors du KICK OFF MEETING. Il conviendra de prendre en compte
les desideratas influencés par l’expérience de votre équipe pour définir au mieux la structure et
l’arborescence qui vous seront remises pour approbation avant le lancement du travail. Ce guide nous
permettra, à l’une comme à l’autre partie, de s’y référer en cas de réorientation ou de modifications. Il fera
office de plan de travail pour réaliser les étapes de développement.
c. Mode d’emploi et formation
ARKAM dispensera une formation à votre équipe anticipativement à la mise en ligne; Cette formation
s’étale sur une durée maximale de 4h et le nombre de collaborateurs/contributeurs n’est pas limité. Vous
disposerez d’une main-mise sur l’ensemble des données injectées et le développement de rubriques
encore inconnues à ce jour.
Par exemple : textes, visuels, événements, vidéos, articles, rubriques
d. Propriétés et droits
il est parfaitement entendu qu’après paiement intégral des prestations, le site et ses composants
(images, photos, graphiques, schémas,…) et tout autre contenu créé pour le site web par nos soins seront
votre propriété.
e. La disponibilité du code source des scripts et programmes pour des modifications
Nous travaillons avec un sytème ‘OPEN SOURCE’. Il nous est donc très facile de vous laisser accéder et
travailler dans la source par un simple accès. Nous conseillons les services d’une personne avisée sur
les manipulations car tout dommage créé par vos soins risquerait d’engendrer des frais de maintenance
exceptionnelle.
f. La confidentialité
ARKAM se doit de respecter le secret professionnel. Par conséquent, nous affirmons que tous les détails
ou informations que vous pourriez nous divulguer seront conservés avec une grande prudence et une
grande sécurité.
g. Explication pour les modifications futures du site internet et de la maintenance
Nous vous proposons un forfait annuel de maintenance. Cette maintenance couvre la mise à jour du
cms, la mise à jour des modules, et la prévention contre le hacking. Ce forfait est dégressif en fonction de
la durée du contrat de maintenance. Vous trouverez nos différentes options dans la catégorie budget en
fin de document. Durant la période choisie, la maintenance comprend les éléments suivants : la mise à
jour des outils mis en place (CMS,plugins, ..) dans un but de sécurité et le débug des pages en production.
Elle ne couvre pas la mise en place de nouveaux modules de contenus ou la modification structurelle du
site web. Pour ces derniers, un devis peut toujours être demandé au cas par cas.
8 sur 26
h. Proposition graphique (voir wireframe/présentation qui suit)
Sur le plan du design, nous souhaitons continuer à développer une allure très contemporaine et
marquante qui s’inscrit parfaitement dans la poursuite des objectifs de communication de l’Awac. Nous
avons bien pesé les enjeux de ce développement et notre réflexion s’étale sur une vision globale de sa
nouvelle image. Nous ne nous contentons pas de répondre à une de réalisation de site internet d’un point
de vue technique.
Rester dans l’esprit du modèle de layout de page web fourni dans le présent dossier n’est pas une
obligation sans compromis. Autant que nécessaire et en fonction des correctifs et avis de votre groupe
de travail, nous affinerons cette présentation qui découle à ce stade d’une réflexion sur les éléments que
nous connaissons.
Afin de s’inscrire dans la continuité graphique des différents sites liés à la Région wallonne, nous
allons reprendre tous les codes visuels et de navigation en offrant la possibilité d’une image à part
entière pour l’Awac. Les élements repris de la charte wallonne seront, les typo, la forme des bouton, le
style de présentation général. un header en partie ressemblant et le footer officiel.
Il apparaît aussi, en parallèle de cette idée, un souhait de présentation des valeurs, des missions de
l’Awac ainsi qu’un réel désire d’accroître la lisibilité et l’accessibilité dans sa communication. Ce sont des
valeurs véhiculées naturellement par le type de design que nous souhaitons adopter.
Le développement de la plateforme web s’inscrit donc dans la continuité du développement de l’image
de l’Awac. Le site renforcera d’autant plus le nouveau souffle identitaire qui gonfle ses voiles.
Approche de notre proposition graphique de la page d’accueil
Le design proposé pour la page d’accueil vous laissera observer la possibilité de garder un site vivant qui
propose d’entrée la vision horizontale des missions et des projets suivis par l’Awac.
Cette proposition intègre et respecte la demande en ayant pris le soin de mesurer les possibilités
techniques que nous laisse le CMS ou le template.
9 sur 264 DOSSIER TECHNIQUE
PORTAIL WEB AWAC.BE
1. EN QUELQUES MOTS
Nous préconisons l’utilisation du CMS multi usage WORDPRESS pour le développement technique du
site web en question. WORDPRESS, fort d’une large communauté de développeurs, garantit une grande
souplesse tant au niveau du look des sites que du point de vue des fonctionnalités d’édition (CMS) des
contenus grâce à la riche panoplie de modules existants et permettant de rencontrer la plus grande
majorité de vos besoins.
2. AVANTAGES
Solution complètement open source, aucun frais de licence pour l’utilisation des outils :
- Large communauté (support & développement mise à disposition de modules/plug-ins)
- Autonomie sur le court terme (gestion des contenus) et le long terme (évolutivité des sites),
- Facilité d’utilisation / Respect des standards du web / Optimisé naturellement pour le référencement
Nous notons que Wordpress est un des CMS le plus utilisé dans le développement web
Remarque : Prévoir des mises à jour au minimum quatre fois par an.
3. DESCRIPTION DE LA SOLUTION
APPROCHE GÉNÉRALE ET METHODOLOGIE
Une fois le principe de l’utilisation de WORDPRESS validé par les parties, nous suggérons de provoquer
une réunion de démarrage du projet (kick-off meeting) afin :
• D’adapter les recommandations du présent document qui devraient l’être,
• De discuter le détail des arborescences spécifiques,
• De valider l’échéancier et la répartition des tâches,
• D’explorer/valider les pistes de travail graphiques qui seront conçues pour l’occasion.
Pour vous permettre d’avoir une grande longévité, nous repenserons avec vous toute l’ergonomie de
navigation afin de faciliter l’accès à l’information et atteindre avec vous votre objectif de reconnaissance.
Nous mettrons à disposition un espace sécurisé sur notre serveur afin de partager vos contenus, textes,
images, documents. L’espace sera divisé de la même manière que l’arborescence du site internet pour
que cela soit plus intuitif. Un planning de travail et d’échange vous sera proposé afin de s’assurer de
respecter le délais souhaité.
FONCTIONNALITÉS & SPÉCIFICATIONS
SOUPLESSE ET ÉVOLUTIVITÉ DE LA SOLUTION DE DÉVELOPPEMENT
WORDPRESS est un CMS permettant de configurer tout type de site web, du plus simple au plus
complexe. Les fonctionnalités offertes par l’outil de base sont déjà nombreuses (gestion d’utilisateurs,
gestion des documents et médias, gestion des catégories et pages du site, intégration aux réseaux
sociaux, personnalisation complète de la hiérarchie, de l’organisation des contenus et du design
graphique, optimisation pour affichage sur mobile, protection contre le spam, optimisation du code en
vue du référencement, etc.).
Une bibliothèque de modules complémentaires permet d’enrichir Wordpress en vue d’apporter les
fonctionnalités supplémentaires nécessaires à chaque projet.
Côté serveur: PHP & MySQL, qui sont les deux langages sur lesquels est construit le coeur de
WORDPRESS. Ces langages sont les standards du développement web.
Côté client (utilisateur): HTML 5, CSS 3, Javascript (Jquery), également les standards actuels.
10 sur 26PRINCIPE DE L’AMÉLIORATION PROGRESSIVE
Notre approche dans le développement de votre site web sera l’amélioration progressive: sur base d’une
séparation entre le contenu (structure et organisation de l’information) et la forme (affichage).
Comme déjà expliqué, nous porterons notre attention en premier lieu sur l’accessibilité, l’organisation
sémantique du code sous-jacent organisant les contenus et le référencement.
Cette approche, du bas vers le haut, vise à assurer un accès universel aux contenus, quels que soient les
mode de consultations. Ensuite, viennent s’adjoindre les couches visuelles (habillage css) et interactives
(javascript) conçues comme non-obstrusives, autrement dit, ne bloquant pas l’utilisateur dans la
consultation des contenus.
TEMPLATE RESPONSIVE
Il est aujourd’hui primordial de considérer en priorité les utilisateurs mobiles. On peut croire que la
consultation de ce site se fera en grande partie à l’aide de mobiles (Ios, android, etc.). Dès lors, nous
préconisons de concevoir ce site à partir de l’expérience nomade qu’en auront les utilisateurs en
facilitant l’accès rapide aux informations, tout en ciblant prioritairement l’affichage des contenus
pratiques.
FEUILLES DE STYLE /CSS
Chaque feuille de style sera accessible par votre équipe informatique pour tout changement et
adaptation, un backup de chaque fichier sera disponible en cas de bug pour un retour sur une base seine.
L’ensemble du site sera construit dans les règles de l’art, utilisation des bonnes balises selon leur utilité
(H1,H2,H3,p, ...). Les images comporterons titre et description. Il est important de respecter ses règles et
bien d’autres afin d’être W3C et d’optimiser le référencement passif.
COMPATIBILITÉ AVEC LES NAVIGATEURS
Le site web sera optimisé pour tous les navigateurs récents ou dont le support est toujours actif:
• Mozilla Firefox
• Google Chrome
• Safari
• Internet Explorer.
GRAPHISME
Le design graphique sera conçu et réalisé sur base des informations récoltées lors du kick-off meeting
(1ère réunion de travail) et en total respect de la charte graphique que nous aurons le soins de mettre en
place.
Notre approche graphique privilégiera :
• Un graphisme articulé autour d’un système d’affichage d’informations et d’orientations dynamiques.
• Une lisibilité et visibilité des informations ergonomique
• Diriger le public cible en quelques clics vers les informations qui leurs sont utiles.
GESTION DES PAGES
Les textes des différentes pages des sites pourront être édités à l’aide d’un éditeur ELEMENTOR qui
permet d’enrichir le texte (mise en gras, italique, création de listes, ajout de titres, photos, liens, insertion
de media pdf/vidéos, etc.).
STATISTIQUES DE VISITES
Le site sera lié à Google Analytics pour les statistiques de consultations. Un accès direct, permanent
et en temps réel sera disponible pour toute adresse de type gmail ou google apps. Si aucune adresse de
ce type n’est disponible, nous planifierons l’envoi hebdomadaire d’un rapport automatisé reprenant les
principales statistiques.
Cette formation vous rendra complètement autonome.
Pour toute question supplémentaire, notre webmaster sera à votre disposition.
HÉBERGEMENT
Nous pouvons nous adapter à toutes les situations, travailler sur nos serveur ou sur les vôtres. Dans
le cas où nous ne travaillons pas sur notre structure, nous analysons la structure tierce afin de nous
assurer de la compatibilité complète et de la longévité de la solution.
11 sur 26FORMATION À L’UTILISATION DES OUTILS
Une formation à l’utilisation de WORDPRESS sera organisée pour les équipes destinées à gérer le site et
son contenu.
Cette formation visera à :
Explorer le fonctionnement général de WORDPRESS,
• Parcourir la création, l’édition, la suppression de contenus,
• Parcourir l’utilisation des modules spécifiques installés,
• Recenser les bonnes pratiques au niveau de l’édition sur le web, de l’optimisation des contenus
• Textes, documents et médias, de l’optimisation au référencement naturel (SEO)
En détails :
• Gestion de la page d’accueil et des pages internes
• La classification des articles
• La gestion des menus
• Sauvegarde du site
• Création/gestion des modules et formulaires
• Gestion des utilisateurs
• Les règles de sécurité
GESTION DES DROITS
L’ensemble des codes sources, images, textes, resteront votre propriété. Arkam se réserve le droit
de mentionner les sites réalisés au sein de son portfolio et de ses différentes communications
commerciales.
MAINTENANCE & SUIVI
Arkam s’engage à corriger tout bug qui serait le fruit de sa programmation initiale et ce endéans un an à
dater de la mise en route du site. (Garantie de base) Arkam s’engage à respecter les délais de résolutions
de problème requis par le cahier des charges.
Si un bug survient suite à une utilisation non conforme du CMS, sa correction fera l’objet d’une
facturation basée sur la durée de l’intervention nécessaire au tarif en vigueur.
Le site sera mis à jour afin d’améliorer sans cesse le niveau de sécurité, de profiter de nouvelles
fonctionnalités et ce dès la sortie des mises à jour officielles Wordpress.
Un support par téléphone ou par mail est prévu durant toute la durée de la maintenance afin de vous
aider et vous servir au mieux dans la gestion du site.
4. DESCRIPTION DES MODULES
FORMULAIRE PERSONNALISÉ
Des formulaires personnalisés seront à la disposition des internautes afin de demander des
informations, les formulaires sont totalement paramétrables, les possibilités de type de champ sont
nombreuses, un système de vérification des informations est présent afin de ne pas recevoir de mails
incomplets ou des réponses incohérentes. La récupération des informations se fait soit par mail soit en
export. Un Captcha securisera les formulaires afin de limiter la réception de SPAM. Nous pouvons aussi
envoyer les mails à différentes adresses en fonction du choix du service.
.
MODULES ELEMENTOR
ELEMENTOR est un formidable outil permettant des mises en page simples et complexes de vos pages
Web? un système de grilles, de modules et de cliquer/glisser vous aides créer les pages sans code.
MODULE DE NEWS/AGENDA/BLOG
L’affichage de news se fera facilement, les mises en page se feront automatiquement afin de garder une
uniformité dans la présentation. En un clic l’article pourra être mis en avant sur la page d’accueil grace à
l’option «Feature». Une présentation de «type blog» et «article» est prévue pour une ergonomie maximale.
12 sur 26SYSTÈME DE BACKUP MANUEL ET AUTOMATIQUE
En plus du backup automatique géré par l’hébergement, nous mettons à votre disposition à titre gracieux
un module de sauvegarde manuel, cet outil permettra de rapatrier une sauvegarde totale du site sur votre
ordinateur. Ce module nous permettra de rappatrier le site et la base de donnée sur un support mobile.
SÉCURITÉ
Le Module Wordfence sera déployé pour minimiser les risques de piratage / hack du site. Un système à
double autentification ( Google Authenticator) sera mis en place.
OPTIMISATION AU RÉFÉRENCEMENT NATUREL
Il est primordial d’être retrouvé sur les moteurs de recherches, il existe évidemment des outils payants et
très efficaces, mais il faut avant tout optimiser le site pour le référencement naturel, cela passe par une
bonne utilisation des balises titre, l’intégration des metatags, ...
La pertinence des textes sera votre meilleur atout afin de monter dans les charts des moteurs de
recherches. Afin de renforcer et d’optimiser le référencement naturel, nous utilisons Yoast SEO PRO, un
module permettant d’orienter les pages pour les morteurs de recherches.
INTÉGRATION DE NEWSLETTER
L’intégration de formulaire Mail Chimp est prévue à différents endroits stratégiques du site internet.
STATISTIQUE
Les informations seront récoltées par google analytics, la liaison au site sera assurée par notre service.
La lecture des statistiques sera un point important développé dans la formation dispensée à la livraison
du site.
MODULE DE RECHERCHE INTERNE
Ce module permet de faire une recherche sur l’ensemble du site, posts & pages.
MODULE MULTI-LINGUES
Le module peut accueillir autant de langues qu’on le souhaite. Le site détecte la langue du navigateur de
l’internaute afin de lui proposer la traduction en adéquate. A tout moment les drapeaux sont disponibles
pour changer la langue manuellement. Le système fonctionne avec des pages homologues à la page
principale de la langue maternelle et permet une traduction et une mise en page indépendante de
l’originale si on le souhaite. Ce système est très flexible et excellent pour le référencement naturel.
SLIDESHOW ACCUEIL
Nous travaillons essentiellement avec le module SLider révolution, qui permet d’être très libre dans
les animations. Nous mettrons en place des canevas pour que vous puissiez ajouter des slides ou en
supprimer au fil du temps mais nous allons aussi vous expliquer l’ensemble des options pour que vous
puissiez faire des animations en fonction de vos besoins.
FAQ
Le système Faq est réalisé via ELEMENTOR et est modifiable très facilement sans code.
FIL D’ARIANE
Suite de liens développant l’arborescence suivant la navigation
NEWSLETTER
Nous utilisons habituellement Mailchimp, mais nous pouvons aussi adapter d’autres solutions.
A discuter lors de la mise en place. Mailchimp a le même avantage que ELEMENTOR, une gestion facile
et sans code. Le système respecte les normes RGPD obligatoires.
RÉSEAUX SOCIAUX ( LIENS ET PARTAGES)
La possibilité de partager la page sur son propre réseaux et la possibilité d’aller sur les réseaux sociaux
de l’AWAC seront possibles à tout moment sur chaque page du site.
13 sur 26MENTIONS LÉGALES
Nous nous assurons que tout soit mis en place au niveau légal. Un disclaimer pour les cookies, le lien
RGPD et autres mentions légales que vous pourrez nous fournir.
5. LE CONTENU
Notre offre de prix comprend l’insertion textes et images, la mise en place de l’ensemble des pages
principales et secondaires. Notre travail est de placer votre contenu au mieux pour qu’il soit le plus
digeste possible, nous travaillons donc les pages au cas par cas mais en gardant la même uniformité
graphique, le même fil conducteur de navigation dans l’esprit d’avoir un maximum d’ergonomie et de
pousser l’expérience utilisateur au maximum.
6. SERVICES APRES-VENTE / ASSISTANCE TECHNIQUE
Durant toute la durée du contrat de maintenance, nous resterons en backup pour toute aide quant à la
gestion du site.
Nous seront aussi vigilent pour vous rappeler les bonnes pratiques web, informations qui seront
développées lors de la formation à la gestion du site.
Nous nous engageons à intervenir très rapidement en cas de problème sur le site, assurer la correction
des bugs et la remise en ligne de celui-ci.
Une session de mise à jour sera prévue une fois par mois afin de rester up to date et de garantir une
sécurité optimale. Un backup journalier est fait via Ovh, nous ferons un backup manuel chaque semaine
ou mois, en fonction de votre volonté.
7. LE CONTEXTE AWAC/ARKAM
Nous sommes heureux d’être une nouvelle fois solicité afin de réaliser votre site internet. Nous avons
effectivement depuis 2014 eu le plaisir de vous suivre, de répondre à vos questions, de vous aider à
certains moments lors desquels le site à eu des problèmes ou des épisodes de déconnexion. Tout
cela bien après la première année de garantie du site et sans facturation. Si nous avons l’honneur
d’être à nouveaux choisi, la transition sera très facile, nous maitrisons les serveurs et nous avons tout
l’historique. Pas besoin de déménagement de compte ou de coupure serveur.
14 sur 265 Maquette
PORTAIL WEB AWAC.BE
// Identification des objectifs du site et définition des visuels.
Nous vous proposons un wireframe adapté qui va répondre pleinement à l’ensemble de vos objectifs
communicationnels. Nous serons aussi attentifs à retravailler la présentation afin de croiser votre expé-
rience et la nôtre tout au long du développement.
L’objectif principal du site sera d’être un portail d’informations attractif, ergonomique et utile.
Pour ce faire, un travail tout particulier sera fait sur le design. L’identité de l’Awac doit pouvoir exister en
tant qu’entité s’inscrivant pleinement dans l’environnement des différents sites d’informations de la Ré-
gion wallonne. L’ensemble des codes graphiques du site wallonnie.be seront donc repris ( typographie,
graphisme de navigation, style général,...) tout en gardant une part importante pour l’identité de l’Awac.
Au niveau ergonomie, l’information pourra se faire de multiples façons :
une consultation linéaire, via un accès mis en avant pour la section qualité de l’air et la section chan-
gement climatique, via un secteur d’activité avec la mise en place d’un menu visuel composé de picto-
grammes, un accès “En 1 clilc”, système calqué sur wallonie.be et un accès directe aux dernières actuali-
tés.
Notre proposition comporte les éléments suivants :
ESPACE HEADER :
Composé du logo, du système de changement de langue, de l’accès “Mon espace” renvoyant vers la fonc-
tionnalité du site wallonie.be, l’accès aux différents réseaux sociaux, un champ de recherche, la naviga-
tion principale du site.
ZONE ACCUEIL :
Un système d’animation flexible va permettre via un slidshow, une vidéo, des liens d’accès à une infor-
mation chaude, importante.
ZONE CATÉGORIES PHARES :
La section qualité de l’air et changement climatique seront illustré à l’aide d’un style graphique très
visuels. Ils seront également accessibles via le menu principal.
ZONE SECTEUR D’ACTIVITÉS :
Cette zone illustrée par des pictos permettra de proposer une information précise à une cible clairement
identifiée.
ZONE EN 1 CLIC :
Menu dirigeant les internautes vers une information phare en 1 clic.
ZONE ACTUALITES :
Mise en avant des 3 dernières news, cela permet aussi de donner vie au site avec l’ajout d’informations
chaudes et régulières. Excellent pour le référencement.
ZONE RESEAUX SOCIAUX :
L’Awac est en accord avec son temps et insiste sur le fait qu’elle est présente sur différents réseaux so-
ciaux. Les boutons-lien seront accessibles sur le site.
FOOTER :
Reprise de l’ensemble des liens obligatoires par la charte wallonne web, un module d’inscription à la
newsletter et les informations pratiques et de contact.
15 sur 26L’ensemble des pages internes du site seront construites au cas par cas. L’ergonomie sera donc optimi-
sée en fonction du contenu, que se soit textes, images, vidéos, …
Le style général découle de celui de la page d’accueil avec pour grande référence les codes ergono-
miques du site wallonie.be.
Version écran large - Accueil Test version responsive - Accueil
Suite page suivante
16 sur 26Version écran large - Page interne Test version responsive - Accueil
17 sur 26Version écran large - Page interne Test version responsive - Accueil
18 sur 266 ARCHITECTURE DU SITE
PORTAIL WEB AWAC.BE
Définition de l’architecture du site.
L’architecture du site se fera sur plusieurs niveaux.
1 la navigation principale
2 les encarts visuels
3 l’accès par secteur
4 l’accès en un clique.
Structuration de l’information
La présentation physique d’un ensemble de pages web peut être gérée par un fichier extérieur dit
feuille de style à chaque page HTML ou XML. Les pages comprendront alors des éléments logiques
(titres de différents niveaux, corps de texte, etc.) et la feuille de style assignera des caractéristiques
physiques à chaque élément. On peut ainsi les modifier en une seule fois pour toutes les pages. La
syntaxe des feuilles de style est régit par le CCS (Cascading Style Sheet). Chaque fichier HTML ou
XML peut aussi comporter des éléments de style mais cela ne permet pas de gérer les changements
de présentation dans plusieurs fichiers à la fois.
Menu de navigation principal
Accueil L’agence Thématiques Guichet technique Outils News
/Médiathèque
Présentation Changement climatique Permis d’environement
Équipe Qualité de l’air Agéments
Inventaire d’em. Emission Trading Shame Calculateur CO2
Réseau de mesures Accords de branches ETSWAP
Politique & actions Aviation Médiathèque
Législation
NOTE : le menu principal pourra se déployer vers 3 ou 4 niveaux de sous-sections, chaque niveaux de sous-sections sera accessible en un clic dans un menu
latéral déployé dans les pages appartenants à la même sous-section.
Menu de navigation «secteur d’activité»
Techniciens Chauffagistes Frigoristes
Laboratoires Citoyens Administrations
Écoles
NOTE : ce menu peut encore accueillir 2 éléments afin de compléter la liste sans que cela ne porte préjudice à l’ergonomie.
Menu de navigation «En 1 clic»
> ETS
> Calculateur CO2
> Adaptation
> Solidarité internationale
> Comité des experts du climat
19 sur 267 PLANING
PORTAIL WEB AWAC.BE
JOUR Envoi de Arkam vers l’Awac Envoi/validation l’Awac vers Arkam
J+1 Réunion Kick off
Présentation des intervenants
Relecture du cahier des charges
Définition des fonctionnalités spécifiques
Débrief de la proposition graphique (wireframe)
J+15 Finalisation du wireframe selon la réunion
J+18 Validation de la maquette et/ou fourniture des dernières modifications
souhaitées au niveau du graphisme général à apporter lors du développe-
ment.
J+19 Envoi sur le serveur Arkam de l’ensemble des textes/images/ contenu du
site internet.
J+20 Début du développement web
J+30 Envoi de l’accès sécurisé au site en développement. Le site sera navigable, l’intégration du
contenu/fonctionnalités sera toujours en cours
Réunion de travail (date à définir) Réunion de travail (date à définir)
J+35 Mise en place d’un document destiné à recevoir les demandes de modifications de la part A partir de cette date, l’AWAC pourra lister les modifications à faire dans
de l’AWAC le document.
Réunion de travail (date à définir) Réunion de travail (date à définir)
J+40 Début de la phase de débuggage
J+45 validation avant ouveture
J+46 Ouverture du site & mise en ligne officielle
-- Formation à l’utilisation du site
Cette date n’est qu’a titre informatif.
Le nombre de personne n’est pas limité
Peut être réalisée en vos locaux, à l’agence ou en visio.
Ce planing est une proposition, en fonction de la deadline nous pouvons réorganiser les choses.
Nous ferons aussi en fonction du contenu qui sera prêt et disponible.
20 sur 268 OFFRE DE PRIX
PORTAIL WEB AWAC.BE
DESCRIPTION COÛT* htva
DÉVELOPPEMENT DU SITE INTERNET
Dévelopement du wireframe selon la charte graphique fournie 2430,00€
• définition des styles web
• construction des visuels
• élaboration de l’arborescence
Mise en place du wireframe 2430,00€
• compatible smartphone et tablette
• optimisation pour l’accessibilité
• Intégration des outils/modules d’affichage
Intégration des Menus et articles (contenu) 3150,00€
• forfait 70>100 pages / sections
Module de formulaire personnalisé - boite de dialogue 540,00€
• récolte des informations par mail
Module blog/actualité 540,00€
• gestionnaire d’article/News
Module multi-lingue wpml 1620,00€
• Configuration du module
• Formation & aide à l’ajout des nouvelles langues
(traductions fournies par le client)
Module de présentation médiathèque 1620,00€
Sécurité / Firewall / login double authentification 540,00€
Google analytics 180,00€
Système de backup manuel 360,00€
et automatique avec récupération physique
Formation à l’utilisation du site 360,00€
Optimisation au référencement naturel 810,00€
• Installation et configuration de Yoast SEO Pro
• Optimisation entière du site internet
Note : toutes fonctionnalités non reprises dans cette liste de prix mais présente dans les cahier des charges sont
comprises dans l’offre.
Webservice - Maintenance 1800€
Durée : 1 ans ( 2 heure par mois pendant 1 an)
Gestion des problématiques liées à l’administration du site
Durant la période, la maintenance comprend les éléments suivants :
- La mise à jour des outils mis en place (CMS,plugins, ..)
dans un but de sécurité
- Le débug des pages en production
La maintenance ne couvre pas :
- La mise en place de nouveaux modules de contenus
- la modification structurelle du site web
Total HTVA 16 380,00€
TVA (21%) 3 439,8€
Total TTC 19 819,8€
* Comprend la gestion de projet et tous les frais liés à l’execution
21 sur 26ANNEXE 1 DU CAHIER SPÉCIAL DES CHARGES : FORMULAIRE D’OFFRE
CAHIER SPECIAL DES CHARGES N°AWAC-20-1413
Marché public de services de l’Agence wallonne de l’Air et du Climat
Procédure négociée sans publication préalable (PNSPP)
Article 42 §1er, al.1er, 1°, a) loi 17/06/2016
I. Identification
Le soumissionnaire soussigné5 : ….
ou
Arkam, dénomination commerciale pour Blacklens SPRL
La société soumissionnaire6 : …. Rue Lloyd George 68, 7012 JEMAPPES
BE 0824.255.619
Représentée par 7 : …. Thierry Raquez, gérant
ou
Le groupement sans personnalité juridique8 : ….
Composé par les participants suivants9 qui s’engagent solidairement : ….
Et représentés par 10 : …
II. Engagement
S’engage à exécuter le marché selon les conditions déterminées :
- au cahier spécial des charges ;
- à cette offre ;
- à l’inventaire annexée à cette offre,
5 Indiquez : nom, prénom, qualité ou profession, domicile et nationalité.
6 Indiquez : raison sociale ou dénomination, forme juridique, adresse du siège social, n° entreprise et nationalité.
7 Indiquez : nom(s), prénoms et qualité(s).
8 Indiquez : dénomination.
9 Indiquez pour chaque participant : nom, prénom, qualité ou profession, domicile et nationalité OU raison sociale ou
dénomination, forme, adresse du siège social, n° d’entreprise et nationalité.
10 Indiquez : Nom, prénom, qualité ou profession et domicile.
P a g e 23 | 29
22 sur 26pour un montant total de :
Prix total HTVA en €
…..
16 380,00€
exprimé en chiffres
Seize
…..mille trois cent quatre-vingts euros
et en lettres
auquel s’ajoute la TVA 21%
…..
exprimée en %
représentant un montant
…..
3 439,8€
en chiffres
…..mille quatre cents trente-neuf euros et huit centimes
Trois
et en lettres
Soit un prix total TVAC en €
19 819,8
…..
exprimé en chiffres
Dix-neuf mille huit cent dix-neuf euros et huit centimes
….
et en lettres
P a g e 24 | 29 23 sur 26SOUS-TRAITANCE
Envisage de sous-traiter11 : À12 :
…. ….
…. ….
…. …..
…. …..
III. Paiement
Les paiements en faveur de l’adjudicataire seront valablement opérés par virement au compte
:
n° de compte IBAN : IBAN BE30 3631 2654 3311
ouvert au nom de : Blacklens SPRL
auprès de l’établissement ING
financier:
IV. ANNEXES :
Sont annexés à cette offre13 :
- 3 maquettes du site internet comprenant :
Un exemple de la page d’accueil et
Un exemple d’une page interne au site.
- Les maquettes sont accompagnées d’une analyse stratégique comprenant :
Une identification des objectifs du site de l’AWAC et
Une définition du visuel le mieux adapté aux objectifs ;
La rédaction d’une définition de l’architecture du site et de la structuration de
l’information ;
La rédaction d’une feuille de route du projet et un planning.
Le prestataire indique comment il mettra en évidence la partie qualité de l’air, la partie
changement climatique et la partie accès rapide pour les techniciens.
- Une note de 2 pages maximum expliquant comment le prestataire compte réaliser les
différentes missions de l’assistance technique et les délais d’intervention prévus.
- Si l’offre est déposée par une personne morale, elle doit être accompagnée des statuts
ou actes de société et de toute modification des informations relatives à ses
administrateurs ou gérants ;
11 Le cas échéant, indiquez la part du marché que vous avez l’intention de sous-traiter.
12 Indiquez : nom, prénom, qualité ou profession, domicile et nationalité OU raison sociale ou dénomination, forme, adresse
du siège social, n° d’entreprise et nationalité.
13 Biffez les éléments que vous n‘avez pas joint à votre offre.
P a g e 25 | 29
24 sur 26- Si l’offre est signée par un mandataire, elle doit être accompagnée d’une copie de
l’acte authentique ou sous seing privé ou de la procuration qui lui accorde ses pouvoirs;
- L’annexe 2 du cahier spécial des charges (Inventaire) dûment complétée ;
Fait à Mons
… 12 février 2021
, le…
Le soumissionnaire14
Thierry Raquez
14Apposez votre signature si au point D.2 « Signature de l’offre » il est imposé une signature manuscrite. Et, en cas de
groupement sans personnalité juridique, chaque participant doit signer.
25 sur 26
P a g e 26 | 29ANNEXE 2 DU CAHIER SPÉCIAL DES CHARGES : INVENTAIRE
CAHIER SPECIAL DES CHARGES N°AWAC-20-1413
Marché public de services de l’Agence wallonne de l’Air et du Climat
Procédure négociée sans publication préalable (PNSPP)
Article 42 §1er, al.1er, 1°, a) loi 17/06/2016
MARCHE MIXTE
N° du Objet du Mode de Quantité Unité Prix Montant du
poste poste détermination unitaire poste15
(heure, jour,
du prix HTVA HTVA
kilo)
(en (en chiffres)
chiffres)
Tâche n°1
Renouvellem prix global
1 162 90€ 14….€
580€
1 ent du site et heures ….€
sa mise en bordereau
ligne de prix
Tâche 2 prix global
1 24
2 Maintenance heures 75€
….€ 1800€
….€
du site bordereau
de prix
…
…
…
…
Fait à Mons… 12 février 2021
, le …….
pour faire partie intégrante de l’offre.
Thierry Raquez
Le(s) soumissionnaire(s)16 :
15 En bordereau de prix, le montant du poste = (Prix unitaire) x (quantités présumées). En prix global, le montant du poste est
le prix forfaitaire couvrant l’ensemble des prestations comprises dans le poste considéré.
16 Apposez votre signature si au point D.2 « Signature de l’offre » il est imposé une signature manuscrite. En cas de groupement
sans personnalité juridique, chaque participant doit signer.
P a g e 27 | 29
26 sur 26Vous pouvez aussi lire
