-
Notifications
You must be signed in to change notification settings - Fork 1
/
side_project--minty_ninja.html
96 lines (85 loc) · 5.03 KB
/
side_project--minty_ninja.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Minty Ninja website and service | by Vedran Arnautovic</title>
<link rel="stylesheet" src="http://normalize-css.googlecode.com/svn/trunk/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/app.css">
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700|Roboto' rel='stylesheet' type='text/css'>
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="public"/>
</head>
<body>
<!-- NAV -->
<nav class="nav nav--on-light-bg noselect" id="nav">
<ul class="nav__list">
<li class="nav__item"><a href="index.html">Home</a></li>
<li class="nav__item"><a href="about_vedran.html">About me</a></li>
<li class="nav__item nav__item--selected"><a href="vedrans_design_work.html">My work</a></li>
</ul>
</nav>
<!-- Make nav sticky on scroll -->
<script type="text/javascript" src="/js/sticky_nav.js"></script>
<script type="text/javascript">formatStickyNav("@colour-light-gray");</script>
<div class="section section--medium">
<div class="section__content section--top-of-page section--last-in-section section__content--allow-wide">
<h1 class="h1-heading">Minty Ninja website and service</h1>
<p>If this product had a personality, it would be a complete douchebag.</p>
<p>This is the only product I regret getting involved with, but I did, so here we are. The site is no longer live, but you can see an archived version of it below.</p>
<p><a class="link link--on-light-bg" href="/side_projects/minty.ninja/index.html">View minty.ninja (archived)</a></p>
</div>
</div>
<div class="section section--light ">
<div class="sub-section__content sub-section--first-in-section">
<h2 class="h2-heading">About the project</h2>
<p>Minty Ninja allowed you to send personalised message and chewing gum to someone you know.</p>
<p>Sounds harmless, right?</p>
<p>Except, that it allowed you to do so annonimously and the message told your friend how smelly their breath is.</p>
</div>
<div class="sub-section__content">
<h2 class="h2-heading">My motivation</h2>
<p>To be honest, when a friend pitched the idea to me and asked me if I'd be interested in designing it, I didn't think hard enough about the effect the product could have on recipients of the message.</p>
<p>The idea sounded fun and I looked forward to writting some cheeky copy. That is one part of the project I'm proud of and had fun doing.</p>
</div>
<div class="sub-section__content">
<h2 class="h2-heading">What I learnt</h2>
<p>I think I have a pretty good moral compass. I've always worked on products I could support from an ethical point of view. This was the first and only time I compromised my design ethics.</p>
<p>The experience has thought me, first hand, the importance of stopping to think about products before getting involved with them.</p>
</div>
<div class="sub-section__content sub-section--last-in-section">
<h2 class="h2-heading">Current status</h2>
<p>I decided to pull out of the team in 2016 having explained my rationale to them. Thankfully, they all understood and together we decided to pull the product down.</p>
<br>
<p><a class="link link--on-light-bg" href="/side_projects/minty.ninja/index.html">View an archived version of minty.ninja</a></p>
</div>
<div class="section section--medium section--nav">
<div class="sub-section__content sub-section--last-in-section">
<a class="link link--on-light-bg link--case-study-nav" href="vedrans_design_work.html#SideProjects">Back to ‘My work’</a>
</div>
</div>
</div>
<!-- START FOOTER -->
<script src="js/clipboard.min.js"></script>
<script src="js/copy_email.js"></script>
<div id='footer'></div>
<div class="footer section--dark footer__content">
<div class="section__content noselect">
<div id="email-bttn" class="bttn bttn--almost-black bttn--email">
<span class="bttn__label" id="email-label"
onmouseover="mouseOver('email-label')"
onmouseout="mouseOut('email-label','[email protected]')"
data-clipboard-text="[email protected]">
</span>
</div>
<a class ="link link--on-dark-bg link__footer" target="_blank" href="https://twitter.com/vedranio">Twitter</a>
<a class ="link link--on-dark-bg link__footer" target="_blank" href="https://medium.com/@vedranio">Medium</a>
<a class ="link link--on-dark-bg link__footer" target="_blank" href="https://www.linkedin.com/in/vedran-arnautovic-716a1b128">LinkedIn</a>
<a class ="link link--on-dark-bg link__footer" target="_blank" href="https://github.com/vedranio">GitHub</a>
<a class ="link link--on-dark-bg link__footer" target="_blank" href="https://www.instagram.com/vedran_arnautovic/">Instagram</a>
<script type="text/javascript">copyEmailToClipBoard('.bttn__label','email-label', "bttn__label","[email protected]");</script>
</div>
</div>
<!-- END FOOTER -->
</body>
</html>