Site web : Du cahier des charges à la maintenance
Ecoute de vos besoins & rdv sur demande, auprès de Mahé, web@utilite-publique.fr ou de Laurent, digital@utilite-publique.fr
savoir-faire :
analyse secteur > audit et conseil > maîtrise d’ouvrage > cahier des charges > spécifications prescriptions techniques > gestion de projet > production développement recette > suivi après projet & tierce maintenance applicative
périmètre :
• création • refonte • récupération bases de données • du one page à la plateforme web • multi-sites, multi-services, multi-langues • local, international • cms open sources ou développement propriétaire
éco-responsable :
Réduction de l’empreinte carbone :
Un site éco-responsable est conçu pour être plus économe en énergie et génère moins d’émissions de gaz à effet de serre.
L’impact énergétique d’un site reposant essentiellement sur son contenu, limiter les ressources utilisées sera un critère primordial :
• simplifier les fonctionnalités pour limiter les scripts gourmands en énergie,
• favoriser les polices système (Arial, Helvetica, Verdana, Times, Geneva…) ou au moins restreindre au minimum le nombre de polices et de graisses,
• limiter l’usage de photographies dans le contenu.
• optimiser le poids des médias en les réduisant à la taille nécessaire à l’affichage, les diffuser dans un format de fichier de nouvelle génération (WebP, svg).
• éviter l’intégration de vidéos,
• réduire les effets et animations (privilégier le CSS au Javascript),
• minifier les fichiers composant la structure du site pour réduire leur poids et améliorer leur temps de chargement.
Amélioration de la vitesse de chargement :
Les sites éco-responsables sont généralement plus légers et plus rapides à charger. Cela améliore l’expérience utilisateur, réduit le taux de rebond et favorise la rétention des visiteurs. Une réduction du temps de chargement contribue également à économiser de l’énergie chez les utilisateurs finaux, notamment sur les appareils mobiles.
Optimisation de la consommation d’énergie des serveurs :
Nous préconisons un hébergement chez O2Switch, basé en France qui réduit sa consommation globale d’énergie et son emprinte carbone via différents engagements. Cela permet de réduire l’impact environnemental du fonctionnement d’un site web.
étape par étape :
1 • ETUDE AUDIT / DIAGNOSTIC & PRESCRIPTIONS
Entretiens Ecoute et diagnotique région + Contexte de la refonte, stratégie digitale, enjeux & objectifs • Analyse de secteur / écosystème,
relevé de l’existant, points forts / points faibles • Publics cibles, personnae et chemins utilisateurs. Cibles publics, personnae et chemins utilisateurs
2 • CAHIER DES CHARGES ET SPECIFICATIONS TECHNIQUES ARBORESCENCE, MODELES & SCHEMAS DE PAGES / WIREFRAMES DYNAMIQUES. Adaptabilité et ergonomie responsive : desktop > tablette > smartphone • Modules de fonctionnalités
3 • CREATION GRAPHIQUE / WEB DESIGN / MAQUETTES DE PAGES
Recherches graphiques et propositions. Respect de la charte commanditaire. • Livrables : Feuilles de styles et charte web : typographies web, corps police, couleur pictos & usages • Ergonomies et maquettes de pages • Design des blocs fonctionnalités.
4 • PREPARATION DES CONTENUS
Réécriture rédactionnel court pour le web • Imports textes
Création d’une banque d’images : iconographies adaptées : photo, giphy, gif, pictos, vidéos, illustrations… • Traitement images pour le web
5 • PRODUCTION Développement Intégration du design dans les schémas de pages
6 • TEST RECETTAGE Déploiement du logiciel CMS sur l’hébergement préalablement acheté à part Installation du serveur hébergé Livraison de la plateforme web mise en ligne dont les contenus resteront à compléter par vos équipes
7 • FORMATION WORDPRESS UNE DEMI JOURNEE Prise en main du CMS pour contribution commanditaire en » back-office »
8 • SAV SUR 1 MOIS EN HOTLINE PENDANT LA CONTRIBUTION
9 • TIERCE MAINTENANCE APPLICATIVE
10 • CONTRIBUTION & ENTRETIEN CONTENUS VISUELS & TEXTUELS ANNUALISES
accessibilité :
Inclusion et équité :
Un site web accessible selon les normes RGAA garantit que toutes les personnes, y compris celles en situation de handicap (visuel, auditif, moteur, cognitif, etc.), puissent accéder à son contenu et l’utiliser de manière efficace. Les textes, images et codes sont optimisés afin de garantir un chargement rapide.
Meilleure expérience utilisateur :
L’accessibilité web ne bénéficie pas seulement aux personnes en situation de handicap. Elle améliore également l’expérience utilisateur pour tous les visiteurs. Un design accessible inclut des fonctionnalités telles que des descriptions d’images, des contrôles de navigation clairs et des polices lisibles, ce qui rend la navigation plus intuitive et agréable pour tout le monde.
Amélioration de la réputation : En démontrant votre engagement envers l’accessibilité web, vous renforcez la réputation de votre organisation en tant qu’entité socialement responsable et respectueuse de la diversité. Cela peut influencer positivement la perception que le public a de votre association ou de votre institution.