-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSynbird.html
340 lines (280 loc) · 15 KB
/
Synbird.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Steve Avisse</title>
<meta content="" name="descriptison">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<style>
.faq-item {
border-bottom: 1px solid #ddd;
padding: 10px;
}
.question {
cursor: pointer;
font-weight: bold;
margin-bottom: 10px;
position: relative;
}
.answer {
max-height: 0;
overflow: hidden;
margin-bottom: 20px;
transition: max-height 0.3s ease-in-out;
}
.arrow-icon {
position: absolute;
top: 0;
right: 0;
transition: transform 0.3s ease-in-out;
}
.answer-visible .arrow-icon {
transform: rotate(180deg);
}
</style>
<!-- =======================================================
* Template Name: MyResume - v2.1.0
* Template URL: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<main id="main">
<!-- ======= Portfolio Details ======= -->
<section id="portfolio-details" class="portfolio-details">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-8">
<h2 class="portfolio-title">Transformation Numérique de l'Accueil Municipal : SynBird, la Révolution de la Gestion de File d'Attent</h2>
<div class="owl-carousel portfolio-details-carousel">
<img src="assets/img/syndbird5.png" class="img-fluid" alt="">
<img src="assets/img/syndbird2.png" class="img-fluid" alt="">
<img src="assets/img/syndbird3.png" class="img-fluid" alt="">
<img src="assets/img/syndbird4.png" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-4 portfolio-info">
<h3 style="text-align: center;">Optimisation Opérationnelle, Fluidité Usager, et Flexibilité Inégalée pour la Ville de Montrouge </h3>
<ul>
<li><strong>Categorie</strong>: SynBird</li>
<li><strong>Pour: </strong>: Mairie de Montrouge </li>
<li><strong>Projet URL</strong>: <a href="#">https://www.synbird.com/fr/</a></li>
</ul>
<!-- Introduction -->
<p>En tant que chef de projet informatique pour la ville de Montrouge, j'ai initié un projet visant à remplacer l'ancienne solution de ticketing, nommée Qmatic, qui s'avérait coûteuse et parfois inefficace. La nouvelle solution que nous avons choisie en collaboration avec le prestataire SynBird est un outil logiciel de gestion de la file d'attente et d'accueil.</p>
</div>
<div class="col-lg-13 portfolio-info">
<!-- Cart@DS Section -->
<h2 ><strong>Introduction à SynBird et la Raison du Changement :</strong></h2>
<h2><strong>SynBird : Révolution de la Gestion de File d'Attente</strong></h2>
<p><strong>SynBird</strong>, notre nouveau partenaire dans la gestion de file d'attente, offre une solution SaaS avancée qui <strong>révolutionne</strong> la manière dont nous gérons l'accueil et les rendez-vous au sein de la ville de Montrouge. Conçu pour <strong>simplifier</strong> et <strong>améliorer</strong> l'expérience usager, <strong>SynBird</strong> se distingue par son <strong>efficacité</strong>, sa <strong>flexibilité</strong>, et son <strong>adaptation</strong> aux besoins spécifiques de notre collectivité.</p>
<p>La solution <strong>SynBird</strong> propose une gestion d'accueil et de file d'attente entièrement intégrée aux rendez-vous et à l'agenda, offrant ainsi une visibilité complète sur les usagers attendus. Cette approche novatrice vise à créer un parcours usager fluide, que ce soit avec ou sans l'utilisation d'écrans et bornes digitales.</p>
<p>Le choix de passer de notre ancienne solution <strong>Qmatic</strong> à <strong>SynBird</strong> découle de plusieurs avantages clés. Tout d'abord, <strong>SynBird</strong> offre une <strong>connaissance approfondie</strong> des individus attendus, permettant une <strong>personnalisation</strong> de l'accueil et une gestion plus efficace de l'attente. L'intégration de la file d'attente avec les rendez-vous et l'agenda crée une synergie qui <strong>améliore</strong> la coordination et la communication interne.</p>
<p>De plus, <strong>SynBird</strong> propose une solution entièrement <strong>paramétrable</strong> et <strong>administrable</strong>, offrant ainsi une flexibilité essentielle pour s'adapter à notre scénario de réception spécifique. Les statistiques détaillées sur le <strong>nombre de visiteurs</strong>, les <strong>temps d'attente</strong>, et les <strong>durées de rendez-vous</strong> par guichet, par jour et par créneaux horaires constituent des outils précieux pour piloter efficacement nos activités.</p>
<p>En choisissant <strong>SynBird</strong>, nous nous engageons à offrir un <strong>accueil maîtrisé</strong>, une <strong>optimisation interne</strong>, et une <strong>communication fluide</strong> au sein de nos équipes. Ce changement s'inscrit dans notre quête constante d'<strong>amélioration</strong>, nous permettant de répondre de manière plus efficace et efficiente aux besoins évolutifs de la ville de Montrouge.</p>
</div>
</div>
<div class="col-lg-13 portfolio-info"><h2 style="color: #007bff; font-weight: bold;">Les Grandes Étapes de Mon Projet :</h2>
</div>
<!-- ======= etapes suivantes ======= -->
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer1', this)">
1. Identification des Besoins :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer1">
<ul>
<li>Analyse approfondie des besoins et des utilisateurs finaux :</li>
<ul>
<li>Exploration détaillée des exigences du service informatique et des utilisateurs.</li>
<li>Entretiens approfondis pour comprendre les besoins spécifiques.</li>
<li>Examen critique des processus existants pour cibler les domaines d'amélioration.</li>
</ul>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer2', this)">
2. Choix du Prestataire SynBird :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer2">
<ul>
<li>Évaluation des solutions de gestion de file d'attente sur le marché.</li>
<li>Identification de SynBird comme le prestataire répondant le mieux à nos besoins.</li>
<li>Négociation des termes du contrat avec SynBird.</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer3', this)">
3. Mise en Place Progressive de la Solution :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer3">
<ul>
<li>Déploiement progressif à partir d'octobre-novembre.</li>
<li>Généralisation à l'ensemble du service à la fin de l'année 2018.</li>
<li>Formation des équipes à l'utilisation de SynBird.</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer4', this)">
4. Formation des Équipes :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer4">
<ul>
<li>Formation approfondie sur l'utilisation de SynBird.</li>
<li>Compréhension des fonctionnalités et des avantages offerts par la nouvelle solution.</li>
<li>Formation sur la gestion administrative de SynBird en tant qu'administrateur.</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer5', this)">
5. Configuration et Personnalisation :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer5">
<ul>
<li>Configuration initiale de SynBird selon nos besoins spécifiques.</li>
<li>Personnalisation des paramètres pour s'adapter à notre scénario de réception.</li>
<li>Attribution de droits et gestion des utilisateurs dans l'application.</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer6', this)">
6. Mise en Œuvre de la Gestion de File d'Attente :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer6">
<ul>
<li>Déploiement effectif de SynBird pour la gestion de la file d'attente.</li>
<li>Test approfondi pour assurer le bon fonctionnement.</li>
<li>Réglages finaux et ajustements selon les retours des utilisateurs.</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer7', this)">
7. Suivi Post-Mise en Place SynBird :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer7">
<ul>
<li>Mise en place d'un processus de suivi post-déploiement spécifique à SynBird.</li>
<li>Collecte de retours d'expérience des utilisateurs avec SynBird.</li>
<li>Correction des éventuels problèmes identifiés après la mise en production de SynBird.</li>
</ul>
</div>
</div>
<div class="faq-item">
<div class="question" onclick="toggleAnswer('answer8', this)">
Formation des Équipes pour SynBird :
<span class="arrow-icon">▼</span>
</div>
<div class="answer" id="answer8">
<ul>
<ol>
<li>
<strong>Formation à l'utilisation de SynBird :</strong>
<ul>
<li>Comprendre l'interface utilisateur et la gestion des files d'attente, des rendez-vous et de l'agenda.</li>
<li>Explorer les fonctionnalités avancées pour personnaliser l'accueil et optimiser les temps d'attente.</li>
</ul>
</li>
<li>
<strong>Intégration avec les rendez-vous et l'agenda :</strong>
<ul>
<li>Apprendre à intégrer efficacement la gestion de file d'attente avec les rendez-vous pour une coordination optimale.</li>
</ul>
</li>
<li>
<strong>Personnalisation de l'accueil :</strong>
<ul>
<li>Utiliser les fonctionnalités de personnalisation pour adapter l'accueil aux besoins spécifiques de la collectivité.</li>
</ul>
</li>
<li>
<strong>Paramétrage et administration :</strong>
<ul>
<li>Configurer SynBird en fonction des besoins spécifiques de la collectivité.</li>
<li>Maîtriser les fonctionnalités administratives pour une utilisation optimale.</li>
</ul>
</li>
<li>
<strong>Analyse des statistiques et rapports :</strong>
<ul>
<li>Générer, interpréter et utiliser les rapports statistiques pour optimiser les opérations et prendre des décisions éclairées.</li>
</ul>
</li>
<li>
<strong>Communication interne et externe :</strong>
<ul>
<li>Mettre en place des sessions de formation sur la communication interne pour assurer une collaboration efficace entre les équipes.</li>
<li>Éduquer le personnel sur la communication externe transparente avec les usagers.</li>
</ul>
</li>
<li>
<strong>Gestion du changement :</strong>
<ul>
<li>Former les équipes à la gestion du changement pour faciliter la transition et résoudre les résistances potentielles.</li>
</ul>
</li>
</ol>
</ul>
</div>
</div>
<!-- ======= etapes suivantes ======= -->
</div>
</section><!-- End Portfolio Details -->
</main><!-- End #main -->
<a href="#" class="back-to-top"><i class="bx bx-up-arrow-alt"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script>
function toggleAnswer(answerId, question) {
var answer = document.getElementById(answerId);
answer.classList.toggle("answer-visible");
question.classList.toggle("answer-visible");
if (answer.style.maxHeight) {
answer.style.maxHeight = null;
} else {
answer.style.maxHeight = answer.scrollHeight + "px";
}
}
</script>
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/typed.js/typed.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>