Slide 1

Slide 1 text

The esa way Creating a Profitable Product from a Hobby Project @ken_c_lo TAEKO AKATSUKA Tokyo Rubyist Meetup / Oct. 3, 2018

Slide 2

Slide 2 text

!2 • TAEKO AKATSUKA • @ken_c_lo • @taea • Graphic/UI/UX Designer • Co-founder of esa LLC Who am I ?

Slide 3

Slide 3 text

!3 RubyKaigi 2015 @Tsukiji

Slide 4

Slide 4 text

!4 • esa LLC is a very small company. • 1 designer (me) and 2 engineers. • There are only 3 people. • Founded at November 2014 • (Next month is our 4th anniversary ) • Our main service is esa.io About My Company

Slide 5

Slide 5 text

About esa.io Have you ever heard about “esa” ?

Slide 6

Slide 6 text

What is esa ? • “esa” is a SaaS product in which you can share documents with your teammates. • in a wiki-like format. • Various kinds of documents can be shared. • e.g. Manuals, Specifications, Idea notes, Reports, Diaries… • It can be written in Markdown. • It’s made with Rails.

Slide 7

Slide 7 text

• including great and famous tech companies in Japan. More than 2,700 teams use esa!

Slide 8

Slide 8 text

• A distinctive feature of esa is WIP (Work in Progress), • which shows other users documents that are still being worked on. • You can share imperfect documents with your teammate easily. • It fosters better collaboration by improving transparency of information in your team. Sharing Documents with WIP

Slide 9

Slide 9 text

Sharing Documents with WIP 2 submit buttons❓

Slide 10

Slide 10 text

Sharing Documents with WIP Save as WIP When you submit a WIP document, you can use this WIP button Ship It! When you submit a nearly completed document, you can use “Ship It!” button

Slide 11

Slide 11 text

Sharing Documents with WIP • Title is grayed out • It can be seen from other team members • Push notifications are disabled at this time. (e.g. slack) • You can share the document without proactively letting others know. • Title is turned black • Now push notifications are enabled! • So your teammates will pay attention your update and read your document. WIP Ship It!

Slide 12

Slide 12 text

• I'd like to talk about our way of turning a product from a hobby into a business, • and how to increase collaboration between engineers and designers. • I would be happy if I could encourage Ruby engineers who loves making products as a hobby through this presentation. Today’s Agenda

Slide 13

Slide 13 text

The History of esa The story from starting as a hobby to becoming a business.

Slide 14

Slide 14 text

• At a Hackathon in “P4D”, which is a Ruby community, in May 2014. • @fukayatsu (Engineer) and I started building esa.io • esa team was only 2 people then. • Although this Hackathon was only 2 days, we built esa’s first usable version. esa was born 4.5 years ago

Slide 15

Slide 15 text

• P4D = Programming for Designers • P4D is a community in which engineers and designers teach each other their own skills. • Ruby engineers teach designers how to use Git or Rails. • Designers also teach engineers how to design. • P4D sometimes held hackathons in which a pair of an engineer and a designer make a product in a day or two. About P4D

Slide 16

Slide 16 text

• After the hackathon, We had continued to develop and deploy esa everyday. Developing esa Everyday +, • esa was improved day by day… It was so fun!

Slide 17

Slide 17 text

• We continued to USE esa every day. • With several of our friends, we were sharing diaries in which we wrote what we experienced or thought every day to each other. • Improving esa, it made my friends who were using esa happy, and it motivated us to improve it more Using esa every day ✏

Slide 18

Slide 18 text

• Some companies asked us to let them use esa. • So, we released esa to dozens of companies as closed beta version. • We were not a corporation at that moment, and only provided esa as a hobby. • We started to consider founding a company for esa. Limited Release of closed βversion 4 months after from we started

Slide 19

Slide 19 text

• Finally, esa LLC was founded in Nov. 2014 Founded esa LLC 6 months after from we started

Slide 20

Slide 20 text

• Finally, We launched esa to the public and started billing. Launched and Started Billing 8 months after from we started

Slide 21

Slide 21 text

• esa became profitable enough to live for us off it, for just 2 people. • And now, our users and sales increase steadily Being Profitable 2 years after from we started Subscription →

Slide 22

Slide 22 text

• 3rd member @ppworks (Engineer) joined us! • Now, we are 3-person team 3rd Member joined us + 3 years after from we started

Slide 23

Slide 23 text

• Over 2,700 organizations are using esa. • esa came to be known among the people who are working in tech jobs in Japan. • Subscribed users and organizations increase steadily every month. • And we continue to develop esa so happily Now, 
 Everything is going well 4.5 years after from we started

Slide 24

Slide 24 text

The esa Way The most important things for us

Slide 25

Slide 25 text

• We started from just a hobby, • from a tiny product, • from a small team (only 2 people) • and from small range of target users (for only my friends). • We didn't found a company in the beginning. • We didn't aim for profit by itself from the beginning. Start Small

Slide 26

Slide 26 text

• I was a freelance designer before founding esa, • so I continued my previous jobs while developing esa. • @fukayatsu (engineer) was a full-time employee of another company until we released esa to the public. • He continued esa development as a side project for a while. • In the beginning, we were developing esa in our spare time or on the weekend and we kept other sources of income. Keep other sources of income

Slide 27

Slide 27 text

• Our team members are only people who write code. • We use external services for annoying tasks for us: e.g. accounting or paperwork. • We depend on • SaaS (for accounting, management, selling), • Adviser accountants, • Attorneys … Use External Services

Slide 28

Slide 28 text

• We deploy, monitor, and process invoices every month with ChatOps. • Even our payroll transfers use a chat command • Let the machines do as much as possible, because we want to slack off • (It’s thanks to engineers. I did nothing about it ) Automate Routine Work

Slide 29

Slide 29 text

• We respect each other’s ideas, thoughts, sensibilities, and feelings. • Designer can also write code and communicate with code. • We improve UX agilely by using a real product. Collaboration between Engineers and Designers +,

Slide 30

Slide 30 text

Making a concept • Concept word: “Glowing Documents”

Slide 31

Slide 31 text

Making a concept • We create a concept which defines the reason for existence of the product. • esa is created thoroughly based on the concept which is reflected in UI and UX. • esa users can enjoy its pleasant and comfortable worldview which comes from the concept, not only just using it. • I think it's the most important thing in the power of design.

Slide 32

Slide 32 text

The Beloved Mascot a ⒡㱿⒡ esa bird

Slide 33

Slide 33 text

The Beloved Mascot a ⒡㱿⒡ • We've created and are selling a lot of kinds of swag. • We think "Kawaii" is very important

Slide 34

Slide 34 text

Developing with Users • We have a feedback form for the users on bottom right of every page.

Slide 35

Slide 35 text

Developing with Users • We usually reply to user feedback in just five mins. • When receiving user feedback, sometimes we fix or improve within one hour if the issue can be resolved quickly. • Such a quick response often makes users happy. • Sometimes our users tweet or blog about our services and mention about that quick response. • It leads to a good reputation for our services. • We think users’ opinions are very important because we are a very small three-person team.

Slide 36

Slide 36 text

No Online Ads • We've never placed advertisements online because we don't like them. • So far, esa was spread only by word of mouth, blogging, or tweeting by our users. • We sometimes sponsor tech-conferences which we love. • Or, we sometimes give a presentation in conferences or meetups just like this presentation, • so then it's also a good chance to let everyone know about esa.

Slide 37

Slide 37 text

Free for Students or OSS • We also provide an Academic Free Plan for students • and Tech Community Free Support Plan for OSS or non-profit tech communities. • It is also the token of appreciations for OSS and tech communities. • If you run a OSS or non-profit tech community, please ask me to use the free support plan.

Slide 38

Slide 38 text

Don't change the world immediately • First of all, we'd like to make people who are close to us or make ourselves happy. • Probably, we are not a ordinary start-up. • So, we don't aim for too rapid growth. • We do things at our own pace.

Slide 39

Slide 39 text

Just for Fun • esa was originally started from a hobby product. • esa was produced from our thought that coding for problem-solving or creation is so fun. • Even now we've became profitable, we think fun is the most important. • We believe that the motivation is the source of all creativity. • We refuse to do unenjoyable things just for the sake of profit.

Slide 40

Slide 40 text

Thanks to Ruby • Rubyists are so nice, • they welcomed me into their nice community although I’m a designer. • Ruby and Rubyists taught us the fun of writing code and creation. • Ruby is the origin of everything for us.

Slide 41

Slide 41 text

Thanks to Ruby I was so glad to tell Matz at RubyKaigi “Thank you!
 We were able to change our life completely thanks to Ruby!”

Slide 42

Slide 42 text

Thank you for listening I would be so glad if this presentation of our story could encourage you. And thank you also @pwim! 
 I’d really appreciate your help with my presentation slide.