-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcatsis.html
81 lines (69 loc) · 3.23 KB
/
catsis.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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>CatSis App</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<div id="page-wrapper">
<header id="header">
<h1><a href="index.html">Inessa Luerce</a></h1>
</header>
<section id="wrapper">
<header>
<div class="inner">
<h2>CatSis</h2>
</div>
</header>
<div class="wrapper internal-page">
<div class="inner">
<p>
An app to find someone to help with taking care of your cat. It could be
someone to take them to the vet while you working, visiting them while you are
traveling, administrating medication, etc.
</p>
<p>
In the user journey, I tried to summarize some actions, so that when you go further
on the flow, some content is already filled. The idea is to illustrate which pages would
be there.
</p>
<div class="case">
<img src="images/catsis/01.png"
alt="Three phones with three app screens. First screen: initial page with a logo of a black cat in a yellow background, the title: CatSis. There are two buttons, a sign in and a sign up. Second screen has the logo, two inputs for username and password, a button of sign in, and two links: forgot your password, and sign up. Last screen is a menu page with picture, profile, notifications, and other app related menus." />
<img src="images/catsis/02.png"
alt="Three phones with three app screens. First screen: saying Hi, Jane. Then, four options of actions: cat sitter, day care center, veterinarian, and, medication, bottom menu. Second screen is a catsitter search page, has start and and date, address, filters, price range and, some catsitters cards, bottom menu. Third page is a catsitter profile, Carol Days, 3km away, 5 stars rating. Has a profile description and two buttons: schedule a pre-visit and send a message." />
<img src="images/catsis/03.png"
alt="Three phones with three app screens. First screen: message page. Jane send a message to Carol and received a reply. Second page, schedule a pre-visit with Carol, has date, shift and message options to fill. Third page is a confirmation of the pre-visit with carol, has theh logo and says MeoAwsome, bottom menu." />
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="inner">
<ul class="copyright">
Made with love by Inessa © 2022. Based on a html-template by <a href="http://html5up.net">HTML5
UP</a></li>
</ul>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>