This presentation on Wirify discusses the original concept, the launch in December 2010, and what followed. It also includes lessons we learned that should help fellow online entrepreneurs plan and build their web-based products. It was presented by Jussi Pasanen at the inaugural Melbourne Geek Night on Tuesday 20 Sep 2011. Read the related blog post: http://www.volkside.com/2011/09/presentation-wirify-lessons-from-a-micro-internet-phenomenon

1. Volkside
Interaction & information design,
Interaction and information design
User experience and usability
User experience and usability
Wirify
Lessons from a micro internet phenomenon
Jussi Pasanen, September 2011
1

2. #parraontheyarra on Friday 17 Dec 2010 2

3. Didn’t happen 3

4. December 2010
4

5. The birth of Wirify
5

6. Inspired by web.without.words
Paul Armstrong (2008) 6

7. DOM + jQuery =
Hypothesis – 17 Dec 2010 7

8. =
Proof – The Age – 18 Dec 2010 8

9. CoolHunting.com Respective Wirify wireframe 9

10. “Wirify is a bookmarklet that lets you turn any web page into a wireframe in one click” 10

11. Launch tweet – 20 Dec 2010 11

12. Next morning …
12

13. 100’s of tweets – 21 Dec 2010 13

14. 46 hours effort
22 Dec 2010 14

15. First month
15

16. Volkside.com 4 weeks prior
16

17. Volkside.com 4 weeks after
17

18. Global audience
18

19. 98% positive
feedback
Anecdotal 19

20. The buzz
20

21. Wireframes Magazine – 20 Dec 2010 21

22. Konigi – 21 Dec 2010 22

23. Information Architects Japan – 22 Dec 2010 23

24. Nick Finck – 22 Dec 2010 24

25. UX Booth – 30 Dec 2010 25

26. Smashing Magazine newsletter – 7 Jan 2011 26

27. OmniGraffle – 14 Jan 2011 27

28. The Next Web – 24 Jan 2011 28

29. Swissmiss – 25 Jan 2011 29

30. Erik Spiekermann – 15 Apr 2011 30

31. Wirify.com and Wirify Pro
31

32. Wirify.com launched on 22 Feb 2011 32

33. Export wireframes into OmniGraffle 33

34. Pricing model – Pay per export 34

35. 430 hours effort
23 Feb 2011 35

36. Further development
36

37. More testing 37

38. More export formats 38

39. More features 39

40. The numbers
40

41. 296,640
wireframes created
19 Sep 2011 41

42. 3,000 per day at peak
350 per day at present
13 Sep 2011 42

43. 650 hours
total effort
Equivalent to 4 months full time work – 25 Aug 2011 43

44. 519
credits sold
13 Sep 2011 44

45. $3,007
total revenue
13 Sep 2011 45

46. $4.63
hourly rate
USD, before expenses 46

47. $65,000
opportunity cost
The alternative: 650 hours of client work at example $100 per hour 47

48. Getting the name
out there – priceless
48

49. Would I do it again?
Hell no.
49

50. Should you do it?
It depends.
50

51. Lessons
51

52. Idea
Prototype
Detailed
design Development
and integration
Plans and Testing and
feature sets monitoring
Help and
user guide Marketing and
User promotion
management
Communication
and follow-up
Customer
support Payment
systems
etc.
Online products are really hard work 52

53. Lessons
Your idea is worth nothing until you work it
Web applications are a lot of work and it all adds up
Prototype 48 hours → Product 480 hours
Plan it – set targets and track your effort
Sweat equity is not free
53

54. Lessons
People expect most things for free online
Buzz is exciting but doesn’t mean there is money in it
Start charging for your product as early as you can
Don’t drink too much start-up Kool-Aid
54

55. Lessons
Show – don’t just tell – the value of your product
Deliver on your promises – “… in one click”
Surprise and delight your users
Listen to your customers
55

56. Most importantly…
Think twice about piking as
it may cost someone $65k
– and they will miss out on
the drinks too! J 56

57. Thank you
twitter: @jopas
www.wirify.com 57

58. Image credits
2, 3, 56. http://cdn.dealsdirect.net/m/products/980/45980/5/product1_45980_600x600.jpg
37. http://blog.ryanrampersad.com/2009/01/31/major-browser-icons/
38. http://upload.wikimedia.org/wikipedia/en/f/f9/OmniGraffle_Logo.png
http://vipultaneja.com/wp-content/uploads/2011/02/visio-2010-icon.png
http://www.suberapps.com/wp-content/uploads/balsamiq_icon_small.png
http://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Adobe_Illustrator_logo.svg/342px-
Adobe_Illustrator_logo.svg.png
52. Iceberg in Newfoundland by natalielucier http://www.flickr.com/photos/natalielucier/3620143737/
All product names, trademarks, logos and icons are the property of their respective owners
58

59. © 2011 Volkside. All rights reserved.
59