-
Notifications
You must be signed in to change notification settings - Fork 1
/
side_project--walnut.html
101 lines (89 loc) · 5.34 KB
/
side_project--walnut.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Walnut artwork visualisation iOS app | 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>
<!-- lazy load images -->
<script src="js/lazy_img.js"></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">Walnut <span class="nobr">iOS app</span></h1>
<p>Walnut allowed people to visualise an artwork on their wall, before buying it.</p>
<p>The app is no longer available on the App Store.</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>I designed, built and marketed Walnut with two friends. We registered it as a business and actually made some decent money from it.</p>
<p>That was in 2011. For a long time, it has the most accurate perspective artwork visulisation of any similar apps. That was until AR kit and similar technology came along.</p>
<br>
<div id="walnut-img-container" class="image--medium placeholder" data-large="resources/images/walnut_example.jpg">
<img id="walnut-img-placeholder" class="img-small" src="resources/images/walnut_example_PLACEHOLDER.jpg">
<div style="padding-bottom: 42.11%;"></div>
</div>
<script type="text/javascript">lazyLoadImage('walnut-img-container','walnut-img-placeholder',"Walnut app in action");</script>
</div>
<div class="sub-section__content">
<h2 class="h2-heading">My motivation</h2>
<p>I partially built Walnut for the wrong reasons. I wanted to learn iOS dev and wanted to build an app. In reality, I didn't really care whether I was solving a problem worth solving, I just wanted to build an app (because that was a cool thing to do at the time).</p>
</div>
<div class="sub-section__content">
<h2 class="h2-heading">What I learnt</h2>
<p>I could write a lot on the things I learnt about launching a start-up, developing a business and managing clients, but I won't do that here. If we end up talking, I'm happy to go through it.</p>
<p>The most valuable lesson was that you should never enter into a venture with other people if you don't have the same goals in mind.</p>
<p>While I am proud of some of the early product validation work we did, including guerilla testing at art shows, we could have done a lot more to test whether people were willing to <strong>actually pay</strong> for the service.</p>
</div>
<div class="sub-section__content sub-section--last-in-section">
<h2 class="h2-heading">Current status</h2>
<p>We've disolved the business and retired the website, and the app is no longer available for download.</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>