Update services pages

Author: maximecolin

assets/scss/components/_titles.scss

@@ -19,6 +19,13 @@ h1, .h1 {
   }
 }
 
+.h1--black {
+  @extend .h1;
+
+  color: #000;
+  margin: 60px 0 30px 0;
+}
+
 h2, .h2 {
   margin: 50px 0 25px;
   position: relative;

src/Controller/ServicesController.php

@@ -50,4 +50,10 @@ public function servicesAdvice(): Response
     {
         return $this->render('site/services/consulting.html.twig');
     }
+
+    #[Route('/optimiser', name: 'services_optimiser')]
+    public function servicesOptimiser(): Response
+    {
+        return $this->render('site/services/optimiser.html.twig');
+    }
 }

templates/site/services/application.html.twig

@@ -2,15 +2,15 @@
 {% extends 'base.html.twig' %}
 
 {% set interval = date('now').diff(date(site.birthdate)) %}
-{% block meta_title "Application web et mobile sur-mesure" %}
+{% block meta_title "Construire : développer et mettre en ligne" %}
 {% block meta_description "Nous vous accompagnons dans la conception et le développement de votre application web et mobile sur-mesure | Elao" %}
 
 {% block content %}
 <div class="container">
     {{ macros.breadcrumb([
         {path: path('homepage'), label: 'Accueil'},
         {path: path('services'), label: 'Nos services'},
-        {path: '#', label: 'Application web et mobile sur-mesure'},
+        {path: '#', label: 'Construire : développer et mettre en ligne'},
     ]) }}
     <div class="banner-services">
         <h1 class="banner-services__title" data-aos="fade-right">Application web et mobile <span>sur-mesure</span></h1>

templates/site/services/consulting.html.twig

@@ -2,7 +2,7 @@
 {% extends 'base.html.twig' %}
 
 {% set interval = date('now').diff(date(site.birthdate)) %}
-{% block meta_title "Conseil et accompagnement | Elao" %}
+{% block meta_title "Concevoir : comprendre et conseiller | Elao" %}
 {% block meta_description "Sollicitez notre expertise fonctionnelle et technique afin de profitez d’un accompagnement globale qui contribuera à la réussite de votre projet web | Elao" %}
 
 {% block content %}
@@ -11,19 +11,19 @@
     {{ macros.breadcrumb([
         {path: path('homepage'), label: 'Accueil'},
         {path: path('services'), label: 'Nos services'},
-        {path: '#', label: 'Conseil et accompagnement'},
+        {path: '#', label: 'Concevoir : comprendre et conseiller'},
     ]) }}
     <div class="banner-services">
         <h1 class="banner-services__title" data-aos="fade-right">Conseil et<span>accompagnement</span></h1>
         <div class="banner-services__content">
             <div class="image" data-aos="fade-left" style="background-image: url('{{ asset('build/images/pages/services/services-banner.jpg') }}'); background-image: image-set(url('{{ asset('build/images/pages/services/services-banner.jpg') }}') 1x, url('{{ asset('build/images/pages/services/services-banner@2x.jpg') }}') 2x)"></div>
             <span class="highlight" data-aos="zoom-in">
-                <p>Notre expertise fonctionnelle et technique à disposition de vos projets</p>
+                <p>Bien comprendre votre métier et votre besoin avant de penser une solution !</p>
                 <i class="icon icon--square-brackets-right" aria-hidden="true"></i>
             </span>
         </div>
         <p class="banner-services__text">
-            Nous aimons notre métier, nous aimons le faire bien et le <strong>partage d'expérience</strong> est profondément ancré dans notre ADN. Aussi, nous proposons de vous <strong>accompagner à tous les niveaux de la conception de votre application</strong>, sans se limiter au développement.
+            Avant de trouver une solution sur-mesure à vos besoins, nous les comprenons en profondeur, les explorons, les challengeons pour que notre accompagnement soit efficient et puisse embarquer tout le monde !
         </p>
     </div>
     <div class="page-services">

templates/site/services/ia.html.twig

@@ -2,7 +2,7 @@
 {% import "macros.html.twig" as macros %}
 
 {% set swupContainers = [] %}
-{% block meta_title "Des solutions basées sur l'IA | Elao" %}
+{% block meta_title "Inspirer : valoriser et innover | Elao" %}
 {% block meta_description "Utilisez notre assistant basé sur les IA génératives afin de vous accompagner dans vos tâches récurrentes pour vous faire gagner du temps | Elao" %}
 
 {% extends 'base.html.twig' %}
@@ -16,7 +16,7 @@
         ]) }}
 
         <div class="banner-services">
-            <h1 class="banner-services__title" data-aos="fade-right">Des solutions <span>basées sur l'IA</span></h1>
+            <h1 class="banner-services__title" data-aos="fade-right">Inspirer : valoriser et innover</h1>
             <div class="banner-services__content">
                 <div class="image"
                      data-aos="fade-left"
@@ -25,7 +25,7 @@
                                                         url({{ asset('build/images/pages/services/ia/ia-banner@2x.jpg') }}) 2x);">
                 </div>
                 <span class="highlight" data-aos="zoom-in">
-                    <p>Chez Elao, nous voyons en l'IA un allié de taille pour nous aider dans nos tâches quotidiennes</p>
+                    <p>L’IA et la data : des leviers stratégiques pour transformer votre quotidien</p>
                 </span>
             </div>
         </div>
@@ -34,18 +34,46 @@
             <h2 class="h2--dash">Elao et l'IA</h2>
             <div class="offset-content">
                 <p>
-                    Chez Elao, nous voyons
-                    <strong><a href="{{ path('glossary_term', {term: 'ia'}) }}">l'IA</a></strong> comme un outil
-                    <strong>puissant</strong> et <strong>polyvalent</strong> qui nous permet
-                    de <strong>gagner un temps précieux</strong> et de concentrer nos efforts là où nous avons de
-                    la <strong>véritable valeur</strong>.</p>
+                    L’<strong><a href="{{ path('glossary_term', {term: 'ia'}) }}">IA</a></strong> et les datas sont pour nous des outils puissants et polyvalents qui vous permettent de gagner un temps précieux, de concentrer au quotidien vos efforts là où vous avez un véritable apport et de <strong>valoriser l’impact de chaque projet, service, équipe.</strong>
+                </p>
                 <p>
-                    Face à cette affirmation, nous nous sommes demandés comment faire de l'IA un outil quotidien
-                    donnant une <strong>forte valeur ajoutée à nos tâches récurrentes</strong>.
+                    Plus que des mastodontes effrayants, nous faisons d’eux des alliés de tous les jours, des moteurs de transformation conçus pour répondre et s’adapter aux besoins spécifiques de votre organisation, à vos processus sans tout bouleverser en interne pour autant !
                 </p>
+
+                <h2>Des outils sur mesure, intégrés à votre environnement</h2>
+
+                <p>
+                    Nous comprenons que chaque entreprise dispose d’un écosystème unique. C’est pourquoi nous intégrons l’IA et la data de manière fluide et personnalisée dans vos processus existants Ainsi, vous profitez des bénéfices de l’innovation sans la complexité de la mise en œuvre.
+                </p>
+
+                <h2>Des bénéfices tangibles pour votre quotidien</h2>
+
+                <ul>
+                    <li>
+                        <strong>Gagner du temps :</strong> En automatisant les tâches répétitives, en organisant et simplifiant l’analyse des données (même les signaux faibles) ou en optimisant vos processus, nous vous aidons à concentrer vos ressources sur ce qui compte vraiment : l’innovation et la valeur ajoutée.
+                    </li>
+                    <li>
+                        <strong>Améliorer la prise de décision :</strong> Grâce à des insights issus de vos données pleinement exploités, vous pouvez anticiper les tendances, identifier des opportunités et réduire les incertitudes.
+                    </li>
+                    <li>
+                        <strong>Mettre en lumière vos métiers et projets :</strong> faire briller vos expertises en augmentant l’impact de vos actions et en illustrant concrètement les résultats obtenus. Cela permet ainsi de mettre en lumière les équipes et le sens de chaque mission, de chaque projet.
+                    </li>
+                    <li>
+                        <strong>Favoriser la transmission :</strong> nous œuvrons à vous rendre autonomes dans cette démarche et ainsi à pouvoir pleinement partager vos savoirs pour ne pas les perdre et les faire grandir.
+                    </li>
+                </ul>
+
+                <h2>Autonomie et montée en puissance</h2>
+
+                <p>
+                    Nous croyons fermement que la technologie doit <strong>renforcer votre indépendance</strong>, pas créer de nouvelles dépendances. Nos solutions sont pensées pour être intuitives et accessibles, permettant à vos équipes de les adopter et les maîtriser rapidement.
+                </p>
+
+                <h2>Au service de vos ambitions</h2>
+
                 <p>
-                    Notre idée : faire de cet outil technologique un allié
-                    de tous les jours plutôt qu'un mastodonte effrayant.
+                    En innovant via l’IA et la data, nous ne nous contentons pas de répondre à vos besoins immédiats. Nous vous accompagnons dans une vision stratégique à long terme pour que ces technologies deviennent de véritables soutiens dans la valorisation de vos projets, des innovations, l’épanouissement de vos équipes et la croissance de votre entreprise.
+                    Vous pouvez ainsi transformer votre quotidien et <strong>révéler tout le potentiel de votre organisation</strong> !
                 </p>
             </div>
 

templates/site/services/optimiser.html.twig

@@ -0,0 +1,92 @@
+{% set noindex = true %}
+{% import "macros.html.twig" as macros %}
+
+{% set swupContainers = [] %}
+{% block meta_title "Optimiser : consolider et évoluer | Elao" %}
+{% block meta_description "Ecouter, tester et superviser avec vous chaque étape pour un projet fluide qui atteint ses objectifs | Elao" %}
+
+{% extends 'base.html.twig' %}
+
+{% block content %}
+    <div class="container">
+        {{ macros.breadcrumb([
+            {path: path('homepage'), label: 'Accueil'},
+            {path: path('services'), label: 'Nos services'},
+            {path: '#', label: 'Optimiser : consolider et évoluer'},
+        ]) }}
+
+        <div class="banner-services">
+            <h1 class="banner-services__title" data-aos="fade-right">Optimiser : consolider et évoluer</h1>
+            <div class="banner-services__content">
+                <div class="image"
+                     data-aos="fade-left"
+                     style="background-image: {{ asset('build/images/pages/services/ia/ia-banner.jpg') }};
+                         background-image: image-set(url({{ asset('build/images/pages/services/ia/ia-banner.jpg') }}) 1x,
+                         url({{ asset('build/images/pages/services/ia/ia-banner@2x.jpg') }}) 2x);">
+                </div>
+                <span class="highlight" data-aos="zoom-in">
+                    <p>Ecouter, tester et superviser avec vous chaque étape pour un projet fluide qui atteint ses objectifs</p>
+                </span>
+            </div>
+            <ul class="banner-services__text">
+                <li>Définition des indicateurs de performance</li>
+                <li>Etapes de suivi et validation</li>
+                <li>Capitalisation et optimisation</li>
+            </ul>
+            <p class="banner-services__text">
+                Chez Elao, nous savons qu’un projet réussi est celui qui atteint ses objectifs et repose sur une <strong>collaboration étroite</strong> à chaque étape.
+                Car la mise en ligne d’une solution n’est que le début d’une autre phase. Nous avons à cœur qu’elle puisse continuer à évoluer avec vous,
+                en toute confiance, et pour qu’elle reste <strong>fidèle à ce qu’on a construit ensemble</strong> depuis le début.
+            </p>
+            <p class="banner-services__text">
+                Nous sommes un partenaire engagé pour des résultats mesurables !
+            </p>
+            <p class="banner-services__text">
+                Et cela commence avant tout et simplement, par être pleinement à votre écoute pour être proactifs en apportant d’autres perspectives, des innovations et grandir ensemble tout au long du projet…
+            </p>
+        </div>
+
+        <div class="page-services">
+            <h2 class="h2--dash">Écouter pour comprendre, adapter et faire de ce projet le notre</h2>
+            <div class="offset-content">
+                <p>
+                    Un projet performant commence par une compréhension claire de vos spécificités, de votre métier et de votre culture. C’est à nous de nous
+                    adapter au mieux à cela et construire une <strong>vision partagée</strong> qui guidera pas à pas chaque étape : de l’alignement sur les objectifs jusqu’à la
+                    fin du projet et même après ! En tant que partenaire, nous sommes une équipe supplétive à vos côtés, durablement, pour un projet de qualité.
+                </p>
+                <ul>
+                    <li><strong>Ecouter, observer, échanger</strong> pour bien saisir vos enjeux et votre écosystème</li>
+                    <li>S’approprier votre métier pour <strong>faire de ce projet le notre</strong></li>
+                    <li>Définir ensemble des indicateurs de performance clés (KPI) pour mesurer <strong>le succès et la qualité</strong> du projet et de chaque pas par rapport à ses objectifs pour être toujours pleinement en phase.</li>
+                </ul>
+            </div>
+
+            <h2 class="h2--dash">Tester et valider chaque étape pour un projet maîtrisé et agréable</h2>
+            <div class="offset-content">
+                <p>
+                    La transparence et l’agilité sont au cœur de notre démarche et de notre état d’esprit. Nous fonctionnons de manière itérative pour avoir des feedbacks
+                    les plus rapides et pertinents possible. Nous mettons ainsi <strong>l’humain et les interactions</strong> au coeur de nos projets.
+                </p>
+                <ul>
+                    <li>Vous impliquer activement dans les décisions critiques.</li>
+                    <li>Identifier vos enjeux et attentes spécifiques au début mais aussi mettre en place des points réguliers sur toute la durée de l’accompagnement en fonction de votre actualité, vos priorités et de la vie du projet…</li>
+                    <li>Prototyper et tester rapidement pour valider les fonctionnalités clés.</li>
+                    <li>Réagir efficacement aux retours et ajuster au besoin pour garantir que le produit reste aligné avec vos attentes et surtout celles de vos <strong>utilisateurs</strong>.</li>
+                </ul>
+            </div>
+
+            <h2 class="h2--dash">Capitaliser pour une optimisation continue</h2>
+            <div class="offset-content">
+                <p>
+                    Notre mission ne s’arrête pas à la livraison de votre application. Nous veillons à ce que votre <strong>solution évolue et s’améliore</strong>
+                    avec le temps. Nous oeuvrons pour transformer des idées et des expériences en succès grâce à :
+                </p>
+                <ul>
+                    <li>Une <strong>capitalisation des apprentissages</strong> tout au long du projet pour affiner votre stratégie.</li>
+                    <li>Une optimisation continue pour maximiser les performances et <strong>l’expérience utilisateur</strong>.</li>
+                    <li>Une passation efficace pour vous rendre pleinement <strong>autonomes</strong> sur votre outil, construire et <strong>embarquer</strong> vos équipes.</li>
+                </ul>
+            </div>
+        </div>
+    </div>
+{% endblock %}