-
Notifications
You must be signed in to change notification settings - Fork 0
/
goldentriangle.html
88 lines (77 loc) · 4.06 KB
/
goldentriangle.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
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/font-awesome.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen,projection"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dan Rader | Portfolio</title>
</head>
<body>
<div class="gotri-hero hero">
</div>
<div class="main-content">
<div class="container row">
<div class="bigscreen col l10 offset-l1 m12 s12 block">
<img src="images/gotri/Go_tri_desktop.png" />
</div>
<div class="intro-text col l10 offset-l1 m12 s12">
<h1 class="Title">Golden Triangle</h1>
<h2 class="Title">UI & UX Design</h2>
<p>The Golden Triangle is one of the highest performing Business Improvement Districts (BID) in the United States. In redesigning their website, Social Driver unleashed the potential for users to easily search businesses, restaurants and services in the Golden Triangle, making the website a one-stop shop for planning an afternoon in the district. With more than 700 listings, the Golden Triangle interactive map connects visitors - both digital and physical - to DC’s most vibrant business district, like never before.</p>
<p class="lede">
I led the user experience design and visual design for this website redesign. I met directly with the client for creative intakes and design presentations. I also, worked closely with the developer to solve unique challenges that arose from the creation of the interactive map.
</p>
</div>
</div>
<div class= "full-width">
<img src="images/gotri/gotri-map.png"/>
</div>
<div class="container">
<div class="row">
<div class="col l10 offset-l1 s12 block mapsketch">
<img src="images/gotri/gotri_paper.png"/>
</div>
</div>
<div class="row">
<div class="col l4 offset-l2 m8 offset-m2 s12 block">
<img src="images/gotri/Icon1.png"/>
</div>
<div class="col l4 m8 offset-m2 s12 block">
<img src="images/gotri/Icon2.png"/>
</div>
</div>
<div class="row">
<div class="col l12 m8 offset-m2 s12 block">
<img src="images/gotri/gotri_iconsmao.jpg"/>
</div>
</div>
</div>
<div class="greybg">
<div class="container">
<div class="block">
<a href="http://goldentriangledc.com/" target="_blank">
<img src="images/gotri/gotri_homepage.png"/>
</a>
</div>
<div class="row weblink">
<a class="header-link" href="http://goldentriangledc.com/" target="_blank"><span style="color:#ffab17">—</span>check it out in real life</a>
</div>
</div>
</div>
<div class="footer">
<a href="index.html"><h1>D<span style="color:#ffab17">a</span>n R<span style="color:#ffab17">a</span>der</h1>
<h2>Full Stack Designer</h2></a>
<p class="contact"> 804.245.1006 | <a href="mailto:howdy@danrdesign.com?Subject=Howdy!" target="_top">howdy@danrdesign.com</a></p>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-84086424-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>