Dans le cadre de sa stratégie de développement en France et à l'International, Squid Solutions, éditeur logiciel spécialisé dans l'offre de solutions Big Data a fait appel à l'Agence pour réaliser la refonte de son site web.
1. REFONTE DU SITE INTERNET
Le site web : un enjeu stratégique
SQUID SOLUTIONS
Janvier 2014
2. SOMMAIRE
1 - Évaluation des besoins
2- Amélioration de la charte graphique
3 - Amélioration du socle technique du site web
4 - Optimisation du référencement et des performances
5 - Faire vivre le site et le faire connaître
3. FEUILLE DE ROUTE DU PROJET - Le Cube Vert
Phase 1 – Études préalables
Phase 3 – Intégration des maquettes
et développement des fonctionnalités du site
Internet
Analyse de l’existant et de la concurrence
Élaboration du CDC
Phase 2 - Conception fonctionnelle et graphique
du site Internet
Phase 4 – Le contrôle qualité
Reprise de la charte graphique
Optimisation du code source
Conception et élaboration des maquettes fonctionnelles
du site Internet
Sécurisation du site Internet (protection du FTP, du backoffice, sauvegardes BDD, etc…)
Recettage des fonctionnalités du site Internet
LANCEMENT DU SITE INTERNET
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
5. CONTEXTE DU PROJET - Le Cube Vert
Contexte
Dans le cadre du développement de sa stratégie de modernisation, Squid Solutions
souhaite augmenter sa visibilité en France. Pour cela, Squid Solutions a souhaité
réaliser la refonte de son site Internet pour le rendre plus accessible.
Objectifs
Développer la visibilité de Squid Solutions dans l’écosystème du Big Data en France et à
l'international et se positionner en expert du secteur. Améliorer le taux de conversion
sur le site de l’entreprise.
Publics cibles
Clients : grands comptes et spécialistes, l’écosystème du Big Data et du numérique.
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
6. ÉVALUATION DES BESOINS 1/2 - Le Cube Vert
VEILLE CONCURRENTIELLE ET BENCHMARK
- Constituer une cartographie de l’univers concurrentiel ( France & International)
- Mesure de la notoriété et de l’attractivité de Squid ( Réseaux sociaux et requêtes)
- Audit ( technique & structurel) & analyse S.W.O.T de l’ancien site
- Veille technologique et fonctionnelle des sites concurrents
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
7. ÉVALUATION DES BESOINS 2/2 - Le Cube Vert
NOS RÉPONSES
- Modernisation et dynamisation du site Web
- Simplification du contenu éditorial et amélioration de la compréhension de l’offre
- Simplification de la navigation
- Rendre le site plus informatif pour une meilleure compréhension du positionnement
stratégique de Squid Solutions
- Augmenter la visibilité du site sur des requêtes ciblées ( DMP, Big Data, DataScientists)
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
9. AMÉLIORATION DE LA CHARTE GRAPHIQUE 1/2 - Le Cube Vert
LES ÉLÉMENTS CLÉS DE LA CHARTE GRAPHIQUE
- Conservation du logo et du bleu original de Squid Solutions
- Modernisation de la charte graphique pour rendre les contenus plus accessibles à
l’utilisateur
- Travail sur des dégradés de bleus et de gris pour adoucir les teintes
- Nouvelle typographie plus lisible, plus institutionnelle et déclinable en print
- Utilisation du “flat design”, tendance actuelle du webdesign pour moderniser l’
image de squid auprès d’une cible B2B & B2C
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
10. AMÉLIORATION DE LA CHARTE GRAPHIQUE 2/2 - Le Cube Vert
- Recherche d’un design plus aéré, l’ancien étouffait un peu l’utilisateur et nuisait à
la navigation
- Construction de blocs et d’aplats de couleurs aidant à la navigation & à la lecture
- Recherche d’un design corporate, efficace, sobre mais chaleureux
- Utilisation de pictos pour rendre les thématiques du Big Data plus visuelles et
plus accessibles
- Utilisation de photographies pour “humaniser” le design du site web
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
11. AMÉLIORATION DU SOCLE TECHNIQUE 1/3 - Le Cube Vert
WORDPRESS, UN CMS ADAPTE AU PROJET DE SQUID
- Libre
- Respect des standards
- Ergonomique
- Protection contre le spam implémenté nativement
- Gestion du workflow
- Gestion des pages facilitée
- Gestion de la bibliothèque des média ergonomique
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
12. AMÉLIORATION DU SOCLE TECHNIQUE 2/3 - Le Cube Vert
2 FONCTIONNALITÉS ESSENTIELLES DU NOUVEAU SITE
- Le responsive design : adapté et optimisé aux différents terminaux & navigateurs
- Le multilingue, associé à une optimisation du code pour les 2 langues
STRUCTURE ET ARBORESCENCE
- Site en one-scroll pour une meilleure mise en avant du contenu et une
simplification de l’expérience utilisateur
- Création d’une structure logique de l’information lors de la progression dans le
site Internet, pour favoriser l’accès à l’information
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
13. AMÉLIORATION DU SOCLE TECHNIQUE 3/3 - Le Cube Vert
BARRE DE NAVIGATION
- Accès aux sections rapide, via le principe des ancres
- Peu importe où se trouve l’utilisateur, il peut accéder en 3 clics à toutes les
informations du site Internet
- Changement de langue accessible à tout moment de la navigation sur le site
Internet ( via la barre de navigation )
MISE EN PAGE
- Simplifiée pour être plus claire (h1 - titre pour les en-tête, et h2 - description pour
chaque section pour compréhension immédiate de l’utilisateur)
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
14. AMÉLIORATION DU REFERENCEMENT & DES PERFS 1/2 - Le Cube Vert
OPTIMISATION DU REFERENCEMENT
- Utilisation d’un plugin SEO fiable et reconnu
- Optimisation des méta titres et des méta description des pages
- Intégration des mots-clés dans le code source et balisage sémantique
- Mise en place de structures de permaliens “SEO Friendly”
- Optimisation des images ( description, compression, balises)
- Intégration de la pagination ( blog) et optimisation des blogs ( FR/EN)
- Mise en place des redirections 301 pour conservation du référencement existant
- Nofollow sur les liens inutiles & vérification des erreurs 404
- Redirection du “www” vers http://squidsolutions.com
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
15.
16. AMÉLIORATION DU REFERENCEMENT & DES PERFS 2/2 - Le Cube Vert
OPTIMISATION DES PERFORMANCES
- Compression des ressources HTML/CSS/JS
- Limitation du nombre d’extensions pour gain de performances
- Optimisation du .htaccess pour diminution du temps d’affichage
- Optimisation du header.php pour diminution des requêtes/nettoyage BDD
- Traitement récurrents PHP mis en cache
-Mise en place du contrôle cache navigateur ( expire headers)
- Mise en cache ( cache controls)
- Déclaration de l’activation de la compression GZIP via le .htaccess
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
19. BILAN - Le Cube Vert
AVANTAGES DU NOUVEAU SITE INTERNET
- Plus moderne, plus ergonomique et plus affordant pour l’utilisateur
- L’expertise et le positionnement stratégique de Squid Solutions est clair en
langue Française et en langue Anglaise
- Optimisé pour les moteurs de recherche et facilement administrable
- Une première impression de Squid Solutions très positive
- Favorise l’augmentation du trafic sur le site Internet
- Un site plus “social”et interactif pour l’utilisateur
- ...
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
20. FAIRE VIVRE LE SITE & LE FAIRE CONNAÎTRE - Le Cube Vert
POUR QU’UN SITE INTERNET SOIT UNE RÉUSSITE:
- Le mettre à jour et veiller à son bon fonctionnement & référencement
- Créer des nouvelles pages/rubriques au besoin pour le faire évoluer
- Limiter au maximum le nombre de personnes ayant la main sur l’
administration ( peut causer de gros problèmes à terme)
- En faire la promotion sur les réseaux de l’entreprise
- Publier régulièrement du contenu pertinent pour la cible
- Continuer à optimiser les contenus publiés avec des mots-clés ciblés pour
favoriser l’indexation sur les moteurs de recherche
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
21. FIN
MERCI DE VOTRE ATTENTION !
RETROUVEZ-NOUS SUR LES RÉSEAUX SOCIAUX
Twitter : @lecubevert
Facebook : facebook.com/lecubevert
LinkedIn : linkedin.com/company/lecubevert
Scoop.it : scoop.it/lecubevert
@Algora_ / @Dan_Dunne
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014
22. NOTRE EXPERTISE & NOS VALEURS
Le Cube Vert mobilise toute son expertise dans chaque domaine de compétences afin de
répondre à l’éventail des services attendus par ses clients. Nous accompagnons nos
clients dans la définition, la conception et la mise en oeuvre de leurs dispositifs
stratégiques. Nous nous engageons, dans un souci d’excellence et en suivant une
démarche professionnelle et éthique, à atteindre vos objectifs, à les pérenniser et à les
dépasser.
Le Cube Vert - Agence digitale spécialisée en développement web,
conseil et stratégies de communication digitale
www.lecubevert.fr - janvier 2014