-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaia_pablo.html
237 lines (220 loc) · 9.41 KB
/
aia_pablo.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AIA by Pablo</title>
<meta name="robots" content="noindex,nofollow" />
<style type="text/css">
html
{
background-color: rgb(219, 235, 234);
}
h1{
font: 26px Arial, Helvetica, sans-serif;
font-weight: 600;
padding:5px ;
}
table
{
border-collapse:collapse;
font: 16px "Verdana", Arial, Helvetica, sans-serif;
}
table.client th
{
width:340px;
text-align:left;
border:2px solid rgb(151, 133, 203);
padding:5px;
background-color:lightcyan;
}
.audience th
{
width:200px;
text-align:center;
border:2px solid rgb(74, 46, 88);
padding:20px;
background-color:rgb(144, 145, 213);
}
td
{
border:2px solid rgb(74, 46, 88);
padding:12px;
width:320px;
background-color: lavender;
}
h1 {color: darkblue}
</style>
</head>
<body>
<header><h1>Audience, Issues and Approach by Pablo </h1></header>
<table class="client">
<caption><h1>Client Information</h1></caption>
<tr>
<th>Client Name & Decision Maker</th>
<td>Claudia A'Zar</td>
</tr>
<tr>
<th>Business Name</th>
<td>Claudia A'Zar. Her name is her business</td>
</tr>
<tr>
<th>Redesign or New Site</th>
<td>This is a brand new site. She does not have a website</td>
</tr>
<tr>
<th>Type of Website</th>
<td>
Identity/Marketing for her business. She wants to have a professional presence.
</td>
</tr>
<tr>
<th>Client's Goals</th>
<td>
Have a web presence. Showcase services offered.
No payment feature. Offer a resources page.
Does not want to spend too much time updating or adding things. Maybe update things once a year.
After receiving a referral, people look up businesses online before deciding to buy services.
Client is not trying sell or to find
new customers. She gets clients from word of mouth.
She wants people to find the website if they are looking for her and figure out who she is.
She wants a super cool business card.
</td>
</tr>
</table>
<table class="audience">
<caption><h1>Audience Information</h1></caption>
<tr>
<th>Audiences</th>
<th>Issues, Concerns, Needs</th>
<th>Approach</th>
</tr>
<tr>
<td><h3>Government (Courts/Lawyers/Social entities)</h3>
<p>
For each of these categories, the profile
is the similar. In government, it is usually an administrative officer or clerk
who has been assigned the task of finding translation or
interpretation services. This person usually already has a directory of certified interpreters
and translators and usually has a small pool of regulars. They may also call a language agency.
They have a desk job in front of the computer, at work, with a manager or supervisor to report to.
</p>
</td>
<td>
<ul>
<li>They are looking for interpretation/translation services.</li>
<li>They need to know Claudia is accessible.</li>
<li>Professionalism </li>
<li>Know about certifications. </li>
<li>Years of service and specialization </li>
</ul>
</td>
<td>
<ul>
<li>Include About Me page, with Bio and a résumé, credentials and qualifications</li>
<li>No need for a shopping cart as government has their own payment system.</li>
<!-- <li></li>
<li></li> -->
</td>
</tr>
<tr>
<td><h3>Private industry. Small businesses, companies and corporations.</h3>
<p>
The clients in this category are knowledgeable and generally sophisticated. However they lack
practical knowledge of what it takes to do a translation or interpretation.
They will be working on their desk, looking at different offerings for services. They may not
necessarily be looking for the lowest price. If they are looking for the cheapest price, then they
are not good prospects for doing business with Claudia.
</p>
</td>
<td>
<ul>
<li>They are looking for interpretation/translation services</li>
<li>They need to know the fields client specializes in:
Business/Economics/HR/Techlology</li>
<li>They want to read testimonials</li>
<li>They are looking for Dependability and professionalism</li>
<li>They need to know Claudia will deliver value</li>
<li>Quick and easy navigation</li>
</ul>
</td>
<td>
<ul>
<li>Include a resources page with NAJIT position papers.</li>
<li>Include a FAQ section with mention of quality over price</li>
<li>Include a services offered page with 6 different offerings</li>
<li>Below first page include tiles/cards with 6 different offerings</li>
<li>Include maybe some testimonials from clients. Claudia will think about this</li>
</ul>
</td>
</tr>
<tr>
<td><h3>Social Work (Non-for-profit Organizations) </h3>
<p>
The audience for the website in this group is a person who has been assigned the
task of finding translation or
interpretation services. This person looks online at different directories and
calls around for referrals. They may also call a language agency. This person
most likely is a secretary or administrative assistant, sitting behind a desk,
in front of the computer, at work, with a boss, manager or someone to report to.
They are used to navigating complicated government websites and regulations.
They have a task of finding the best service, sometimes at the lowest possible price
but they have budgets to pay for quality service.
Claudia wants to target clients in these categories: Social Justice
Domestic Violence/Sexual Assault, Philanthropy- Grants/working with grantees.
Equity / inclusion,
Gender equality/Immigration
</p>
</td>
<td>
<ul>
<li>They are looking for interpretation/translation services</li>
<li>Professionalism</li>
<li>Confidentiality</li>
<li>Dependability</li>
<li>They need to know Claudia will deliver value</li>
</ul>
</td>
<td>
<ul>
<li>Design with user experience in mind. Optimization for mobile is not a priority
as most users will be on computers.
</li>
<li>Create a look and experience similar to the best language agency.</li>
<li>Maybe add anonymous customer testimonials </li>
<li>No List of past clients</li>
</ul>
</td>
</tr>
</table>
<!-- <footer>
<small>© 2013, All Rights Reserved ~
<a href="http://validator.w3.org/check/referer" target="_blank">Valid HTML</a> ~
<a href="http://jigsaw.w3.org/css-validator/check?uri=referer" target="_blank">Valid CSS</a>
</small>
</footer> -->
<footer>
<p><small>© 2022-<?=date("Y")?> by
<a href="contact.php">Pablo Sepulveda</a> All Rights Reserved ~
<a id="html-checker" href="#">Check HTML</a> ~
<a id="css-checker" href="#">Check CSS</a></small>
</p>
</footer>
<!-- END Footer -->
</main>
<!-- END WRAPPER -->
<script>
//https://tinyurl.com/dynamic-html-checker
document.getElementById("html-checker").setAttribute("href","https://validator.w3.org/nu/?doc=" + location.href);
document.getElementById("css-checker").setAttribute("href","https://jigsaw.w3.org/css-validator/validator?uri=" + location.href);
//manages mobile nav - from W3Schools
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>