Projet
- Date : 2020 – 2022
- Chef de projet : Desmotta
- Partenaire : Jérémie
- Création du site : 4 mois
- Evolution du site : 3,5 mois
BeneficisTransformation digitale des entreprises et croissance « éthique »
Description
Beneficis guide les entreprises dans la définition de leur stratégie globale, dans la maîtrise de leur projet ainsi que dans leur transformation numérique.
Nous sommes intervenus dans la refonte complète du site en 2020 puis dans la maintenance et l’évolution du site.
- Identité graphique
- Supports de communication
- Conception pages & arborescence
- Zoning et maquette graphique
- Intégration
- Développement web
- Seo
- Sécurité
Branding
Beneficis.fr a été réalisé dans un style corporate et Flat design avec un jeu autour des 4 couleurs propres à Google selon la demande du client.
Palette de couleurs
Les principales couleurs utilisées sur l’ensemble du site (hors déclinaison):
#1D2E4F
Background
#009FDD
Elements : boutons, icônes
#727272
Font
#EFF4F6
Background
Typographie
Les 2 types de police utilisées sont Montserrat et Roboto avec 3 déclinaisons de graisse. Montserrat est une typographie moderne et lisible que nous avons utilisé pour les titres. Roboto est utilisée pour les textes pour son confort de lecture.
Montserrat-SemiBold
font-family: « Montserrat-SemiBold »,sans-serif; font-size: 3.21429em; line-height: 1.15em; color: #1D2E4F;
Montserrat-SemiBold
font-family: « Montserrat-SemiBold »,sans-serif; font-size: 1em; line-height: 1.07143em; color: #009FDD;
Roboto-Regular
font-family: « Roboto-Regular »,sans-serif; font-size: 1.07143em; line-height: 1.53333em; color: #727272;
Développement web
Beneficis est un site web WordPress avec un thème réalisé sur mesure (from Scratch). Après la création du site, j'ai travaillé à la maintenance et à l'évolution du site sur plusieurs années.
Intégration web: WordPress sur-mesure
Intégration de 10 modèles de page riches avec de nombreuses superpositions d’éléments. Création d’un menu flat responsive (JQ / CSS). Intégration de 4 sliders.
HTML
- Sur mesure (From scratch)
- 10 modèles de page HTML
- Thème générique JointsWP
SCSS
- 5k lignes
- Flex (50%), Foundation 6
- Fluide : % / em / rem
- Responsive & compatibilité
Javascript & environnement
Front / JavaScript / JQ
- 1 Menu responsive custom
- 1 Carte (API Google Map)
- 1 Popup
- 4 Sliders (Slick)
Edition
- Advanced Custom Fields PRO
- Site entièrement éditable
Environnement
- PhpStorm
- Gulp
- Git / GitHub
Responsive 15 breakpoints
Responsive tous supports : smartphone 0-640 px | tablette 640-1024 px | ecran 1024 et + | breaks point intermédiaires
Explorez l'intégralité du site Web sur www.beneficis.com
Avis du client
« Doneo a su parfaitement retranscrire le design (par rapport au brief et aux travaux du designer) et le comportement voulu sur le site de ma société Beneficis. C'est un travail ... »
Développement PHP
Configuration et mise en forme d’un plugin de prise de rendez vous synchronisé avec Google agenda. Création de 5 formulaires avec onglet JS / pièce jointe. Réalisation d’un blog avec recherche par tag et par nom.
PHP
- Blog
- Bookly Agenda synchronisé
- 9 types de contenu (Requêtes etc.)
- Menu & sidebars
Autres
- Assets cleanup pro (defer)
- CDN (CloudFlare)
- HTTPS
- RGPD (Consentement / Registre)
- Formation
- Migration du site
Plugins
- WPML
- Tidio (chat)
- 5 formulaires (Contact Form 7)
- WPRocket (cache)
- Yoast SEO (SEO)
- RGPD
Sécurité & SEO
Sécurité
- Pratiques recommandées WP (15 items)
- BackWPup (sauvegarde)
- iThemes Security (antivirus)
- Pare-feu serveur
SEO
- Mots clé pour 10 pages
- Structure Url
- Vitesse de chargement
- Analytics, Search Console
Projet suivant