-
Notifications
You must be signed in to change notification settings - Fork 0
/
va-clp.html
45 lines (32 loc) · 2.59 KB
/
va-clp.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>Ryan Thurlwell / Projects / VA Campaign Landing Pages</title>
<meta name="description" content="rtwell.com">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container-fluid">
<div class="container">
<a class="back-link" href="index.html"><img src="./images/left-carat.svg">All projects</a>
<h1>VA Campaign Landing Pages</h1>
<h2>The problem</h2>
<p>The VA has too many web pages that are spun up and left rotting on the internet—if I recall correctly, the VA has over 650,000 unique URLs. This leads to duplicitive content, erroneous or out-of-date information, poor SEO, and a clumsy user experience.
<h2>The solution</h2>
<p>We believed strongly in mkaing it easy to do the right thing, rather than make it hard to do the wrong thing. To curb the VA business's prolific website creation habits, we developed easy to use Drupal templates and provided rigid guidance on their use, including adding time limits, so that websites can be retired once they are out of use. Read in depth our prolem statements, outcomes, OKRs, and assumptions on the <a href="https://github.com/department-of-veterans-affairs/va.gov-team/tree/01128645847a404f20063cbf37e8e156327a14de/products/content/tier-2-content-IA-and-design/campaign-landing-page-templates" target="_blank">product readme</a>.
<h2>My role</h2>
<p>I worked with expert content strategists, engineers, and product owners to develop various design templates that work with the VA design system. These templates were designed from scratch, using previous VA websites as samples. We worked together to provide documentation on how they are built, how they should be used (including guidance in the Drupal authoring experience), and how they will improve usability.</p>
<div class="caption">
<p>Mobile and desktop maximal campaign landing page designs</p>
<img src="./images/va-clp-design.jpg" alt="mobile and desktop maximal campaign landing page designs">
<p>Developer and drupal markup for campaign landing page</p>
<img src="./images/va-clp-markup.jpg" alt="developer and drupal markup for campaign landing page">
</div>
<a class="back-link" href="index.html"><img src="./images/left-carat.svg">All projects</a>
</div>
</div>
</body>
</html>