-
Notifications
You must be signed in to change notification settings - Fork 0
/
sir_richards.html
46 lines (46 loc) · 2.62 KB
/
sir_richards.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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>Emma Lawler</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="portfolio.css" />
</head>
<body>
<div id="header_box">
</div>
<div class="container">
<div id="header">
<a href="index.html">Emma Lawler</a>
</div>
<div id="contact">
<a href="http://dribbble.com/emmalawler">
<img src="images/dribbble.gif" alt="dribbble" width="50" height="50"></a>
<a href="https://github.com/lawlere" target="_top">
<img src="images/github_logo.png" alt="Email" width="50" height="50"></a>
<a href="https://twitter.com/emmalawler24">
<img src="images/twitter.png" alt="Twitter" width="50" height="50"></a>
<a href="http://www.linkedin.com/pub/emma-lawler/22/194/556">
<img src="images/linkedin.png" alt="LinkedIn" width="50" height="50"></a>
<a href="mailto:[email protected]?Subject=Nice%20to%20meet%20you" target="_top">
<img src="images/email-black-logo.png" alt="Email" width="50" height="50"></a>
</div>
<div id="text_hero">
<h1>Design, UX, entrepreneurism</h1>
</div>
</div>
<div class="info_container">
<div id="info">
<h1>Sir Richard's Condom machine</h1>
<p>We created this campaign idea for <a href="http://sirrichards.com/web/ui/#home">Sir Richard's Condom Company.</a> We started out with a survey sent around to 100 people, asking them questions on condoms, and what their problems with the experience were. The major pain point we found was that buying condoms is awkward.</p>
<p>So we decided to turn that awkwardness on its head. We made a mock up of a giant Sir Richard's condom machine that would sit in crowded areas. If people are brave enough, they can walk right up to the machine and buy a 3 pack of condoms. Otherwise, there is text drawing them to the website to buy online. We also mocked up a prototype for a condom package shaped like a pack of gum so that people don't have to walk around with an obvious condom package in a crowded area.</p>
<img src="images/sir_richards_machine.png" alt="condom machine">
<img src="images/condom_prototype" alt="condom machine">
<img src="images/sir_richard_screen_1.png" alt="condom machine screen">
<img src="images/sir_richards_screen_2.png" alt="condom machine screen">
<img src="images/sir_richards_screen_3.png" alt="condom machine screen">
</div>
</div>
</body>
</html>