How We Constructed and Shipped MeetButter in 3 Weeks

This should be an 11 min readJune 12, 2020Usually, when people think about building and launching a startup, they plan it out a few weeks in advance. In my...
How We Constructed and Shipped MeetButter in 3 Weeks

This ought to aloof be


11 min be taught

June 12, 2020

Veritably, when of us mediate constructing and launching a startup, they conception it out just a few weeks in reach. In my expertise doing instrument consulting, I’ve considered and worked on some initiatives where the founders lift 2 – 3 months to open basically the most indispensable model of their product. That’s too grand time and energy sunk into a project that is never any longer going to work.

Why you would favor gather your Minimal Viable Product out ASAP

The difficulty is that most of us are no longer relaxed with launching a minimal viable product. Founders are regularly creative of us that handle to stumble on and dive into “wouldn’t or no longer it’s frigid if”s. This habit also can cease up in a continuous loop of adding aspects, even earlier than basically the most indispensable model of your product is launched.

Perfectionism can generally gather within the form of execution, and I’ve fallen for this entice continuously. My first product (SideQuest) took me four months to create and open. To proceed setting up an untested product is, to keep it bluntly, smug. Right here’s why: it assumes that what that you might well be making is indispensable for your buyer. It assumes that you already know what’s simplest for your user. You don’t.

Image: What your startup breeze will potentially mediate respect

No founder is conscious of except they open their startup and gather strategies from of us. Your first model is seemingly going to suck; it would maybe even shuffle over the mark or be totally beside the level to the market. Or no longer it’s a ways a ought to to gather any detrimental and particular signals from your map market as soon as that it’s possible you’ll also mediate.

That was what we tried to invent with MeetButter. All and sundry on our crew has had expertise getting burnt by losing time, runway, effort, and emotion constructing products or aspects that had been inconsequential within the increased describe.

Right here’s the story of how we managed to create and ship MeetButter in three weeks.

Step 1 – Identification

It started with a thread

The first spark for MeetButter was a Slack thread discussing the misfortune lecturers and educators had been dealing with transitioning their learn rooms from offline to online. We came all the plan through that there was a truly human content with online video conferencing – they finest allowed the focal present one speaker at a time. It was awkward interrupting the speaker, and this brought about some participants to feel reluctant to discover. The discussion thread grew, with extra anecdotes and strategies from our pals and family.

Identifying the content is actually the most indispensable step. It’s significant to establish the groups of these who are facing the equivalent concerns and gathering strategies from them.

Step 2 – Investigation

We determined to lift this asynchronous discussion and organize a synchronous brainstorm session. At some level of this particular session, we mentioned three significant concerns that we had identified and had been attracted to fixing. On the checklist was the aforementioned “video conferencing” – which not at once became MeetButter.

Breaking down basically the most well liked video conferencing expertise

Some significant functions had been brought up by every person on the crew, and we came all the plan through that these had been concerns that every thought to be one of us had faced while doing online video conferencing:

  1. It’s tense to show mask an interest in speaking, answer to basically the most well liked dialog, or add to the discussion without feeling respect you’re interrupting basically the most well liked speaker.
  2. It’s impossible to transition without problems between one speaker to the subsequent. As soon as quickly mid-sentence pauses are met with quite a lot of speakers attempting to enter into the dialog straight away. Combined with creep, this also can gather reasonably awkward.
  3. The avoidance of awkwardness causes some of us to dwell quiet.
  4. The loudest enlighten within the room content – some of us naturally dominated discussions.
  5. Social cues are nearly non-existent when your total crew gets boxed into shrimp dwelling windows on-show mask mask and are finest visible from their shoulder up.

The map of this brainstorm was no longer to narrow down into solutions, but it was to dive deep into the concerns.

Adam is typing something… (Click to negate)

Step 3 – Sketching

After the brainstorm session, we mentioned some tips on easy recommendations to handle the content. Solutions can seem honest imprecise, and customarily, what happens is that quite a lot of key phrases gather thrown around. For us, it was “queue,” “overlay,” and “polls.” It’s appropriate to protest that of us generally visualize key phrases in some other case and personal very diversified ideas of their heads.

An image is price a thousand phrases. Sketching is an compulsory means to be taught for any founder, because it’s basically the most predominant medium to transfer your tips with a low signal-noise ratio. Americans generally misunderstand your phrases. Must you’re no longer appropriate at drawing, it’s appropriate to be taught to sketch out a prototype digitally using free tools respect Figma. I devour even faded Google Slides to create a low fidelity prototype for a consumer once! As soon as quickly I even screenshot aspects of diversified apps and combine them into a Frankenstein of an image – something else to befriend bridge the gap between your imaginative and prescient and their imagination.

Sketch of the app that became into MeetButter

Essentially based on the strategies and ideas from the crew, this was the very first sketch for MeetButter that I constructed using Figma. After sharing it on our crew Slack, we held a meeting to chat concerning the steps animated forward. We determined to slash out some aspects and as a replacement focal level on the queuing performance as we had been ready to test it internally all the plan in which through our day-to-day standup calls.

Step 4 – Prototyping

I won’t shuffle into too grand component about how we constructed the prototype. This step will seemingly be diversified for every crew: some groups will decide to invent a no-code prototype using tools respect AirTable and Google Forms; some will take to invent a “simulated” prototype using Figma or Zeplin; some will decide to create a fully functioning albeit minimal prototype using code. We determined to invent the latter because it was the fastest for me to code something snappily.

Developers all the plan in which through a hackathon weekend

The map of our prototype was to test:

  1. If the core hypothesis works. On this case, we wanted to test if allowing participants to queue would befriend conferences drift better.

  2. If shall we create the tech. Founders generally underestimate the technical work that goes into setting up their imaginative and prescient. Constructing a prototype lets you invent a mini feasibility test.

Adam is typing something… (Click to negate)

Step 5 – Attempting out and Strategies

Or no longer it’s alive!

After getting your prototype, you would favor gather it in entrance of some test users. Finding test users also would maybe be tricky. Ideally, the test users ought to aloof be from within your crew; this was the case for us with MeetButter. It supposed that we had been constructing a product for ourselves, that we had been section of our map market. Constructing a product to resolve your concerns has some obvious benefits:

  1. It creates a shorter and extra atmosphere pleasant strategies loop.
  2. It’s more easy to innovate on concerns you face
  3. It critically validates your market.

Must that you might well be constructing a product that’s no longer for yourself, I’d counsel finding a minimal of ten of us within your networks who can became your accurate test users.

MeetButter was additionally gigantic easy to integrate into our day-to-day workflow. All we needed to invent was start up the internet app all the plan in which through our extraordinary standup calls. It’s compulsory to create some form of strategies loop. I sent a Google Operate to the participants of the meeting to amass preliminary strategies as soon as the meeting ended – it’s simplest to strike while the iron is scorching. We additionally had quite a lot of Slack threads discussing extra tips that came up as we persisted testing.

Step 6 – Reiteration

After testing our prototype, we mute the strategies and went befriend to the approach map planning stage. At this level, you would favor to make a clear decision at the side of your prototype – invent you proceed to reiterate, or invent you waste the project? We came all the plan through that our prototype worked reasonably well, and despite the indisputable reality that we had been skeptical, there was a sense that we had been onto something. We started using the prototype in every meeting, so it was onerous to content that our crew internally came all the plan through it in fact helpful.

The brand new product constructing strategies loop

We repeated the route of of designing, reiterating, and receiving strategies quite a lot of instances. Our testing neighborhood grew from our interior crew of 5 of us out to our pals within our social circles.

Final Step – Birth

After just a few rounds of iterations, our prototype slowly shed its items and morphed into something comparable to a product. As soon as we exhausted our instantaneous networks, we knew that the subsequent step was to open MeetButter past interior test users.

I began to keep the groundwork for a codebase that would maybe grow into a scalable project. Our tech stack ended up being the next:

  • Frontend – NextJS with Redux and GraphQL
  • Backend – A combine of Firebase and an Inform server that’s powered by Apollo GraphQL and Sequelize
  • Infrastructure – We faded Netlify and AWS to deployment

Why it’s a ways a ought to ought to fail snappily

Several factors allowed us to create and ship MeetButter snappily.

Firstly, we had been fortunate to devour had the expertise and the abilities to develop snappily. We didn’t flee into many technical boundaries, as every thought to be one of us had stuffed the quite a lot of roles that had been wished. These roles consist of make/UI UX, instrument constructing, and advertising/networking.

Secondly, we tried to utilize basically the most predominant practices for thought technology. The brainstorm that ended in MeetButter wasn’t basically the most indispensable one which we had together. It was potentially our fifth brainstorm session after getting together as a crew as Project Phoenix. With quite a lot of practice, we had been ready to create a space of simplest practices to devour productive brainstorm classes, gather strategies, and reiterate.

Thirdly, we had been shut to our map market, which allowed us to test snappily and slowly lengthen our test userbase.

Fourth, we threw perfection out the window. Our prototype didn’t work 100% of the time, had a bunch of bugs, and constructed with the naked minimal UI. Despite this, we aloof faded it every single day for our video calls. It was appropriate adequate for testing the performance, which is the shuffle level of effort you would maybe aloof map at for your prototype.

So as that’s the story of how we constructed and shipped MeetButter in finest three weeks!

MeetButter is an app that helps you with coordinating conferences, comparable to day-to-day standups, or significant conference calls of larger than eight of us. We excellent launched video performance powered by Jitsi! Attempt it out at and let me know what you if reality be told mediate.

Enjoyed this put up?

Fragment me your “zero to prototype” tales! I’d handle to listen to your startup breeze!

Learn Extra

Internet of Things
No Comment

Leave a Reply