-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
178 lines (151 loc) · 7.71 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<title>Digital Product Design</title>
<meta name="viewport" content="width=device-width">
<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
<meta name="robots" content="noindex, nofollow" />
<!-- Favicon -->
<link rel="icon"
type="image/png"
href="imgs/favicon.png" />
<!-- Share Image -->
<meta property="og:image" content="imgs/share.png" />
<meta name="twitter:card" content="photo" />
<meta name="twitter:site" content="@umichDesign" />
<meta name="twitter:title" content="Digital Product Design" />
<meta name="twitter:image" content="imgs/share.png" />
<meta name="twitter:url" content="http://umichdesign.com/" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</head>
<body>
<header class="text-center hide-mobile text-white">
<div class="container">
<div class="inline-block">
<div class="u-of-m"><img src="imgs/u-of-m.png"></div>
</div>
</div>
<div class="content">
<h5>ENTR 390.012 • FALL 2016</h5>
<h1 class="text-white">Digital Product Design</h1>
<h3 class="text-white">Mondays, 4-5pm <br /> 170 Weiser Hall</h3>
</div>
</header>
<nav class="nav">
<div class="container">
<div class="float-left">
<img src="imgs/UMPDlogo.png" height="30" style="margin-top: 20px;">
</div>
<div class="float-right">
<img style="padding-top: 24px; margin-right: 6px;" data-action="show-mobile-nav" class="show-mobile" width="30px" src="imgs/hamburger.png">
<img style="padding-top: 24px; margin-right: 6px; display: none" data-action="close-mobile-nav" width="21px" src="imgs/close-menu.png">
<ul class="nav-list hide-mobile">
<li class="active"><a href="/">Lectures</a></li>
<li><a href="/about.html">About</a></li>
<!-- <li><a href="/resources.html">Resources</a></li> -->
<li><a href="/contact.html">Contact</a></li>
</ul>
</div>
</div>
<ul class="nav-mobile" style="display: none;">
<li><a href="/">Lectures</a></li>
<li><a href="/about.html">About</a></li>
<!-- <li><a href="/resources.html">Resources</a></li> -->
<li><a href="/contact.html">Contact</a></li>
</ul>
</nav>
<section class="main">
<div class="container">
<div class="mar-b-36">
<h2>Course Description</h2>
<p>This interdisciplinary course is an introduction to the fundamentals of designing products for digital platforms, taught by actual designers at a startup.</p>
<h3>You'll learn how to</h3>
<ul>
<li><span style="padding-left: 20px; display: block;">
Use design thinking to discover problems worth solving, generate and prototype solutions, and test them with real users
</span></li>
<li><span style="padding-left: 20px; display: block;">
Design your own products by creating wireframes, interactions, and visual designs
</span></li>
<li><span style="padding-left: 20px; display: block;">
Use typography, color, shape, space--and industry-standard tools like Sketch, Invision, etc--to build designs that are attractive, simple, and work well
</span></li>
<li><span style="padding-left: 20px; display: block;">
Solicit constructive feedback, critique design work and substantiate your criticism
</span></li>
<li><span style="padding-left: 20px; display: block;">
Discuss topics in the design world, including usability, user experience design, user interface design, and design research
</span></li>
</ul>
<p>This course was created by UM students and will be taught by practicing designers working at FarmLogs.</p>
<p>Take this course if you want to learn how to make awesome stuff 🔥 💯</p>
<h3>Intended Audience</h3>
<p>This is an introductory course for students studying engineering, art and design, and liberal arts--or anyone interested in making effective digital products.</p>
<h3>Format</h3>
<p>Weekly lectures with optional work sessions where students can hang out and work with instructors, classmates, and others in the Ann Arbor design community. Weekly small design assignments with a final product project at the end of the semester.</p>
</div>
<h2>About Us</h2>
<div class="mar-b-30 bio_bundle">
<div class="bio">
<h4>Sam Pierce Lolla</h4>
<div class="float-left inline-block width-1of2_laptop width-full_phone">
<p>As the first employee and Director of Product Design at FarmLogs, Sam has been building the product--and design team--that helps run and optimize many of America's farms. Whether he's at FarmLogs or working on one of his <a href="http://sampl.us/" target="_blank">other projects,</a> he's obsessed with designing simple, powerful tools that help people think and learn.</p>
</div>
</div>
<div class="bio_image">
<img class="profile" src="imgs/sam.jpg">
</div>
</div>
<div class="mar-b-30 bio_bundle">
<div class="bio">
<h4>Kelsey Trabue</h4>
<div class="float-left inline-block width-1of2_laptop width-full_phone">
<p><a href="http://klsy.co" target="_blank">Kelsey</a> is a Michigan native, living in Ann Arbor. She is currently a designer at FarmLogs and has a deep passion for working with tech startups and entrepreneurs. She has a Bachelor's degree in Communications and Spanish from Wingate University and a Master's in Interactive Media from Elon University. Kelsey loves making complex information digestible and easier to understand.</p>
</div>
</div>
<div class="bio_image">
<img class="profile" src="imgs/kelsey.jpg" class=>
</div>
</div>
<div class="mar-b-30 bio_bundle">
<div class="bio">
<h4>Carson Covell</h4>
<div class="float-left inline-block width-1of2_laptop width-full_phone">
<p><a href="http://carsoncovell.com/" target="_blank">Carson</a> studies Computer Science and Entrepreneurship at the University of Michigan. He spent the last summer in Atlanta, GA, working a user experience developer for MailChimp. Previously he interned as a front-end developer at FarmLogs and got to know the wonderful Kelsey Trabue and Sam Pierce Lolla. Carson is interested in combining design and development to build exceptional digital product experiences.</p>
</div>
</div>
<div class="bio_image">
<img class="profile" src="imgs/carson.jpg">
</div>
</div>
<div class="mar-b-30 bio_bundle">
<div class="bio">
<h4>Emmad Mazhari</h4>
<div class="float-left inline-block width-1of2_laptop width-full_phone">
<p><a href="http://mazhari.me/" target="_blank">Emmad</a> is a student at UMich studying Econ & CS. He spent his past summer designing at Quora and the summer before that designing for a cybersecurity company called Forcepoint (formerly Websense | Raytheon). He's really interested in mechanics design and how frameworks we create can influence people and their decision making, particularly in physical spaces. He also like game theory & rap.</p>
</div>
</div>
<div class="bio_image">
<img class="profile" src="imgs/emmad.jpg">
</div>
</div>
</div>
</section>
<script type="text/javascript">
$(document).ready(function() {
$(document).on('click', '[data-action="show-mobile-nav"]', function (e) {
$(e.target).hide();
$('[data-action="close-mobile-nav"]').show();
$('.nav-mobile').slideDown('fast');
});
$(document).on('click', '[data-action="close-mobile-nav"]', function (e) {
$(e.target).hide();
$('[data-action="show-mobile-nav"]').show();
$('.nav-mobile').slideUp('fast');
});
});
</script>
</body>
</html>