-
Notifications
You must be signed in to change notification settings - Fork 0
/
2_1.html
57 lines (52 loc) · 2.87 KB
/
2_1.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>2_1 PWDB - Development - The story - Personas - Scenario</title>
<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/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Development>Interaction "project - users" Diagram ======= -->
<h2>Development</h2>
<h3>The story - Personas - Scenario</h3>
<div class="container" id="Story">
<h4>The story</h4>
<p>As it emerged from the creative process developed via ideation cards, we have identified two ideal profiles for the users of this initiative: Marco and Sofia. In outlining them, we took into account some specific aspects: gender, age and social factor.
Sofia is an high school student, she spend a lot of time on the telephone, like most of the guys and the girls of her generation; in this scenario we imagined an example of functional use of technology, useful to the her learning and her social sharing activity.
Marco is Matilda’s father, he wants to be, as much as he can, present in her life choices; he doesn’t want her to be unconfident with technologies, on the contrary he wants her to learn how to use it in responsible and constructive way.</p> <div class="container">
<h4>PERSONAS</h4>
<div class="two-grid">
<div class="left">
<p><img src="assets/img/Personae1.jpeg"></p>
<h4>SCENARIO Sofia</h4>
<iframe ondblclick="requestFullscreen()" src="SOFIA.html" height="500px" width=100% allow="fullscreen"></iframe>
</div>
<div class="right">
<p><img src="assets/img/personae2.jpeg" width="60%"></p>
<h4>SCENARIO Marco</h4>
<iframe ondblclick="requestFullscreen()" src="MARCO.html" height="500px" width=100% allow="fullscreen"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter.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>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>