-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathrise.html
More file actions
422 lines (386 loc) · 17 KB
/
Copy pathrise.html
File metadata and controls
422 lines (386 loc) · 17 KB
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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2XH0GY2B5X"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-2XH0GY2B5X");
</script>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="description" content="UX Portfolio project">
<meta name="keywords" content="UX, Design, Designer, Portfolio">
<meta name="author" content="Mathieu Nauleau">
<title>RISE</title>
<!-- Favicon -->
<link href="assets/img/favicon.ico" rel="icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap"
rel="stylesheet">
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS Files -->
<link href="assets/css/style.css" rel="stylesheet">
<link href="custom.css" rel="stylesheet">
<link href="tokens.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top">
<div class="container-xxl d-flex justify-content-between header-content">
<a href="index.html" class="logo d-flex align-items-center">
<!-- <img src="assets/img/logo.png" alt="logo"> -->
<span>Mathieu Nauleau</span>
</a>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto" href="index.html">Design</a></li>
<li>
<a class="nav-link scrollto" href="index.html#craft">Craft</a>
</li>
<li><a class="nav-link scrollto" href="about.html" data-i18n="nav.about">About</a></li>
<li><a class="nav-link scrollto"
href="https://mathieunauleau.notion.site/Resources-2c0cd84250f5483499d8045da024b8d3" target="_blank"
rel="noopener noreferrer" data-i18n="nav.resource">Resource</a>
</li>
<li class="lang-mobile"><a href="#" onclick="changeLanguage('en')">English</a></li>
<li class="lang-mobile"><a href="#" onclick="changeLanguage('fr')">Français</a></li>
<li class="dropdown">
<button class="dropbtn" aria-haspopup="true" aria-expanded="false">
<img id="current-flag" src="assets/icon/en.svg" alt="current language flag">
</button>
<div class="dropdown-content">
<button type="button" onclick="changeLanguage('en')" aria-label="Switch language to english"><img
src="assets/icon/en.svg" alt="english flag"></button>
<button type="button" onclick="changeLanguage('fr')" aria-label="Traduire en Français"><img
src="assets/icon/fr.svg" alt="french flag"></button>
</div>
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
</div>
</header>
<!-- End Header -->
<main>
<!-- ======= START Portfolio Header ======= -->
<section class="portfolio-header">
<div class="container-fluid container-xl d-flex align-items-center">
<div class="col-12">
<img src="assets/img/portfolio/project6/project-hero.png" alt="Strategic project hero image">
</div>
</div>
</section>
<!-- ======= END Portfolio Header ======= -->
<!-- ======= START Portfolio hero Section ======= -->
<section class="portfolio-description container-xl col-lg-9">
<h1>Reimagining the Inflight Service Ecosystem</h1>
<div class="row">
<div class="portfolio-info col-lg-4 col-sm-12">
<div class="row">
<div class="col-4">
<strong>Date</strong>
</div>
<div class="col-8">
<p>Jan 2020 - Dec 2020</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-4">
<strong>Company</strong>
</div>
<div class="col-8">
<p>Safran Cabin Innovation</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-4">
<strong>Website</strong>
</div>
<div class="col-8">
<p>
<a href="https://www.safran-group.com/companies/safran-cabin" target="_blank"
rel="noopener noreferrer">Safran Cabin</a>
</p>
</div>
</div>
<hr>
<div class="row">
<div class="col-4">
<strong>Skills</strong>
</div>
<div class="col-8">
<p>Strategic design, System thinking</p>
</div>
</div>
</div>
<div class="col-lg-8 col-sm-12 px-lg-5">
<h3>
2020 was (also) a challenging year for aviation. This strategic
project as part of the Safran Cabin company, led our team to look
at the micro and macro factors that would shape the future of the
industry.
</h3>
</div>
</div>
</section>
<!-- ======= END Portfolio Header ======= -->
<!-- ======= Start Portfolio Development Section ======= -->
<section class="portfolio-description container-xl col-lg-9">
<div class="sub-section row">
<div class="col-lg-6 col-sm-12">
<h2>Initiative</h2>
<p>
Since air travel became widespread, inflight services (meals, duty-free sales, and other onboard offerings)
have operated within a largely unchanged product-service ecosystem. Safran has long been a leader in key
products like trolleys and galleys. <br>
However, today’s industry faces growing competition, evolving airline business models, and a wave of
technological innovations seeking to add value.
</p>
</div>
<div class="col-lg-6 col-sm-12">
<h2>Role & ambition</h2>
<p>
As part of Safran Cabin Innovation, I led context research, developed a vision and strategy, and created
value propositions. My visual skills facilitated communication with stakeholders, from marketing to upper
management. <br>
The project aimed to drive breakthrough innovations, enhance Safran’s competitive edge, and
maintain its industry leadership.
</p>
</div>
</div>
<div class="sub-section">
<div class="col-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-02.jpg" alt="vision illustration">
</div>
</div>
<div class="sub-section row">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-10.png" alt="illustration of process">
</div>
<div class="col-lg-8 col-sm-12">
<h2>01 — Products and processes study</h2>
<p>
We first conducted a detailed study of all related processes, from
the backend processes (at the catering company, ...) to the
onboard service itself (safety, duty-free, meal and drink
services), and other logistical operations (meal and equipment
supply chains). We finally created a detailed service blueprint
and use cases of all relevant products and activities.
</p>
</div>
</div>
<div class="sub-section row">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-01.png" alt="illustratio of business plan">
</div>
<div class="col-lg-8 col-sm-12">
<h2>02 — Stakeholder & ecosystem analysis</h2>
<p>
By interviewing experts and several stakeholders, we were able to
map and highlight their needs, powers, and interests to one
another. We made use of stakeholder maps, customer profiles
(combined with value propositions), and Business Model Canvases to
organize and share our insights.
</p>
</div>
</div>
<div class="sub-section row">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-03.png" alt="illustration of connected themes">
</div>
<div class="col-lg-8 col-sm-12">
<h2>03 — Macro & Micro trend research</h2>
<p>
Using the scenario planning method and interviewing experts to get
valuable insights, we analyzed the mega-trends of the world, the
mezzo-trends of the aviation industry as well as the micro-trends
of our societies, and we translated them into drivers of change
that could shape the context of the future ecosystem and change
the stakeholders' behavior, business and processes. We also used
environment maps to identify trends affecting each stakeholder's
business and produced a report to share our insights.
</p>
</div>
</div>
<div class="sub-section row gx-4">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-04.png" alt="magazine for future scenarios">
</div>
<div class="col-lg-8 col-sm-12">
<h2>➃ Scenario planning</h2>
<p>
We translated the drivers of change (based on ongoing worldwide
and industry trends) into 3 distinct, yet possible, scenarios of
the future of the world and their impacts on the Industry, using
the same themes to compare them. We finally produced a magazine
illustrating and narrating our 3 scenarios and shared it with
different business units.
</p>
</div>
</div>
<div class="sub-section row gx-4">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-05.png" alt="sketch of project vision">
</div>
<div class="col-lg-8 col-sm-12">
<h2>➄ Company Vision and Project Mission</h2>
<p>
From our research efforts and our 3 scenarios, we defined 3
distinct ambitions for Safran's future ecosystem role as well as
five 'actionable objectives'. An innovation vision was formulated
from these, which is now used both to streamline existing R&D
projects and as guidance for developing new value propositions
within RISE.
</p>
</div>
</div>
<div class="sub-section row gx-4">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-06.png" alt="illustration of different scenarios">
</div>
<div class="col-lg-8 col-sm-12">
<h2>➅ Ecosystem innovation and value proposition design</h2>
<p>
Later on, we created new Value Propositions based on future
profiles of our customers. This allowed us to imagine first
products and services fulfilling future needs and interests. We
used the 3 ambitions to direct our ideas towards the company
vision and we produced different user journeys and storyboards to
present our ideas to the management and the marketing team.
</p>
</div>
</div>
<div class="sub-section row gx-4">
<div class="col-lg-4 col-sm-12">
<img loading="lazy" src="assets/img/portfolio/project6/view-07.png"
alt="illustration of interconnected scenarios">
</div>
<div class="col-lg-8 col-sm-12">
<h2>➆ Innovation roadmap</h2>
<p>
We turned the value propositions into comprehensive and
well-rounded concepts for future products and services.
Ultimately, an innovation roadmap was created to align the
existing Safran Cabin strategy with our inputs. We finally
presented our insights and concepts to the upper management of
Safran Cabin, to the marketing team, and to the R&T teams of the
relevant Business Units.
</p>
</div>
</div>
<div class="sub-section">
<img loading="lazy" src="assets/img/portfolio/project6/view-11.jpg" alt="photo of Safran's office">
<br><br>
<p>
Project managed by Tom Schreuder and performed by the Safran Cabin
Innovation Studio
</p>
</div>
</section>
<!-- ======= End Portfolio Development Section ======= -->
<!-- ======= End Project navigation ======= -->
<section class="project-nav container-xl col-lg-9">
<div class="row">
<div class="col-6">
<a href="island.html" class="portfolio-link">
<div class="prev-next left">
<div class="col-12">
<p class="direction"><i class="bi bi-arrow-left"></i><span data-i18n="nav.prev">Previous Project</span>
</p>
<br>
<span class="title">Island Slide Puzzle</span>
</div>
</div>
</a>
</div>
<div class="col-6">
<a href="sketching.html" class="portfolio-link">
<div class="prev-next right">
<div class="col-12 gx-2">
<p class="direction"><span data-i18n="nav.next">Up next</span><i class="bi bi-arrow-right"></i></p>
<br>
<span class="title">Digital Sketching</span>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- ======= Start Project navigation ======= -->
</main>
<!-- End #main -->
<!-- ======= Footer ======= -->
<footer class="footer">
<div class="copyright">
<p>Created with <a href="https://bootstrapmade.com/" target="_blank" rel="noopener noreferrer">Bootstrap</a> |
2026</p>
<div class="footer-social">
<ul>
<li>
<a class="nav-link social-links" href="http://instagram.com/mathieunauleau" target="_blank"
rel="noopener noreferrer">
<i class="bi bi-instagram"></i>
</a>
</li>
<li>
<a class="nav-link social-links" href="https://www.linkedin.com/in/mathieunauleau/" target="_blank"
rel="noopener noreferrer">
<i class="bi bi-linkedin"></i>
</a>
</li>
<li>
<a class="nav-link social-links" href="https://www.github.com/mathnauleau" target="_blank"
rel="noopener noreferrer">
<i class="bi bi-github"></i>
</a>
</li>
<li>
<a class="nav-link social-links" href="https://www.etsy.com/shop/SKETCHday" target="_blank"
rel="noopener noreferrer">
<i class="bi bi-explicit-fill"></i>
</a>
</li>
<li>
<a class="nav-link social-links" href="https://dribbble.com/mathieunauleau" target="_blank"
rel="noopener noreferrer">
<i class="bi bi-dribbble"></i>
</a>
</li>
</ul>
</div>
</div>
</footer>
<!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="js/localization.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>