forked from Xtrah/webtek20
-
Notifications
You must be signed in to change notification settings - Fork 0
/
P1_requirements_20.html
182 lines (164 loc) · 10.3 KB
/
P1_requirements_20.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>P1 Project Requirements</title>
<link rel="stylesheet" href="style/stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
</head>
<body>
<img src="img/LeftOverlay.png" alt="Left Overlay" id="overlayL">
<img src="img/RightOverlay.png" alt="Right Overlay" id="overlayR">
<div class="wrapper">
<header>
<div id="timetag">
<p>20.09.2019</p>
</div>
<h1>P1 Project Requirements</h1>
<h2>Livia Valenti, Vemund Hassel, Andreas Haugli, Mats Finsås, David Lekve og Henrik Viken Lied</h2>
</header>
<main>
<section>
<h2><img src="img/client.png" alt="client icon" id="client">Our Client</h2>
<hr>
<ul>
<li><strong>Client Name:</strong> Hassel Software AS</li>
<li><strong>Contact person:</strong> Vigbjørn Hassel Vaage</li>
<li><strong>Position in company:</strong> CEO</li>
</ul>
<p>
Hassel Software is a Norwegian tech startup created by a company with more than a hundred years
experience of selling and distributing cars. Since 2015, we have developed software to digitize
traditional dealerships and dealership networks. Our platforms provides everything you need to
digitize your network, from webshop to your showroom. Besides offering your customers with a new
customer journey, our systems also provides unparalleled efficiency, uniformity and control of the
management of your network.
</p>
</section>
<section>
<h2><img src="img/purpgoals.png" alt="purpose goals and audience icon" id="purpgoals">Purpose, goals and
audience</h2>
<hr>
<strong>
The main goal of this web site is to make potential customers of our client interested enough to
make contact and ask for a meeting. Main target audience are potential customers of the clients
product.
</strong>
<p>
<em>Website visitors will primarily be potential customers of the company seeking more
information about the company and the product. More specific, these customers range from
national car importers and distributors, dealership groups and smaller stand-alone dealers.
They can be expected to have at least a basic understanding of the product before arriving on
the page. Other users may be potential investors or people who have heard about the
product/company and
are just curious. However, the main target audience are potential customers.
<br><br>
</em>
We plan to deliver on these goals in making the site informative and present the product
our client is selling through different images showing the software in use with text to support what
the images are telling. Google maps integration to show the locations of where the product is
installed at existing customers shops or showrooms, allowing a potential customer to locate a shop
or showroom and enabling the customer to physically interact with the product. This will deliver
both our client, and their customers, an added benefit and allows the customer to interact with the
system in a live environment at their own, pace. Together, these elements will give the web site
visitors a firm understanding of the benefits and potential of using the product.
<br><br>
<strong>"The main goal of this web site is to make potential customers of our client interested
enough to make contact and ask for a meeting."</strong> <br><br>
We feel that this is best achieved through a simple and concise website consisting of only one page
with has different sections scrolling down. This is simple and intuitive for the customer combined
with a sticky navigation bar,
which will give the customer what they were seeking upon visiting the site and hopefully reach out
and make contact with our client.
</p>
</section>
<section>
<h2><img src="img/content.png" alt="content icon" id="content">Content of the Website and Organization
</h2>
<hr>
<p>
The client is interested in having a single-page site where you scroll through the content.
To make it user friendly and easy to navigate we are planning to include a sticky navigation bar on
the top of the page.
The sections on the page will probably be;
</p>
<ol>
<li><strong>Heading</strong><br>
A heading including an image of the products from Hassel Software in action.</li>
<li><strong>Our business</strong><br>
An "Our business" section will contain a concise text about Hassel Software and what kind of
company it is. The goal is for potential customers get a clear idea of the company.</li>
<li><strong>Benefits</strong><br>
A «Benefits» section with simple information about what benefits using the products Hassel
Software provides. For example branding, standardization and efficiency.
This will be short and concise to inform what the base benefits are. This will emphasize on key
selling points of the product.</li>
<li><strong>Google maps integration</strong><br>
A map showing the location of live installments of the products, allowing the customer to get
hands on experience.</li>
<li><strong>Image gallery</strong><br>
A gallery-section with pictures of the products used in the real world today. This way customers
can see how the solutions have previously been applied and what possibilities it offers.</li>
<li><strong>Our technology</strong><br>
An «Our technology» section with information about what kinds of technologies Hassel Software is
utilizing. This way the user will know how customizable and innovative the product can be.</li>
<li><strong>Contact us</strong><br>
A "Contact us" section where the user can contact the business through a form. This allows the
site to convert interested visitors into meetings, and creating potential customers.</li>
</ol>
</section>
<section>
<h2><img src="img/requirements.png" alt="requirements icon" id="requirements">Requirements</h2>
<hr>
<ul>
<li>The website must contain a photo gallery with images of the product in use.</li>
<li>The website must have a contact form for potential customers to get in touch with our client.
</li>
<li>If possible the client wants an English and Norwegian language option.</li>
<li>The website must have a professional look and feel which gives the customer faith in the
abilities of the company.</li>
<li>The design should be simplistic, and allow them key selling points and images to speak for
itself.</li>
<li>The website must showcase the potential of implementing the software
solution, and also showcase existing implementations.</li>
<li>The website should make it easier for the potential customer to get to know the product.</li>
<li>The website should not be too detailed.</li>
</ul>
<h3>Soft guidelines, but open to visual creativity.</h3>
<div style="margin-left: 25px">
<p>
<b>Font:</b> Lato<br>
<b>Google fonts:</b> Also ok<br>
<b>Primary color:</b> Black <br>
<b>Secondary colors:</b> <br>
Blue (RGB 91 155 213)<br>
Light Green (RGB 77 197 141)<br>
Dark Green (RBG 112 173 71)<br>
</p>
</div>
</section>
<section>
<h2><img src="img/location.png" alt="location icon" id="location">Final location</h2>
<hr>
<p>
The final location of the website will be under the clients custody and administration.
GitHub repository will be handed over upon completion of project. Our client, Vibjørn Hassel Vaage
will be responsible for the site maintenance.
</p>
</section>
<section>
<h2><img src="img/difficulties.png" alt="difficulties icon" id="difficulties">Technical difficulties
</h2>
<hr>
<p>
Since we all are fairly new to website production, we are not quite sure what difficulties we might
encounter.
Albeit, Google maps integration is new to us all, and we hope to deliver on this,
since we feel this gives an added value to both the customer and our client.
</p>
</section>
</main>
</div>
</body>
</html>