```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2F7798bd00-f205-4919-95d0-a325ac664c51.jpg?alt=media&token=3056a85d-f9ff-4790-b341-6e8a0947ee53","id":"7798bd00-f205-4919-95d0-a325ac664c51","width":2448,"height":1377,"filename":"IMG_0095-s.JPG","type":"image/jpeg","caption":"","border":false}]}
```

Hey there,

Today [Adam](https://twitter.com/adamputinski), [Cameron](https://twitter.com/cjreynoldsflatt), and [I](https://twitter.com/j_hnshin) are launching [Moment](http://moment.rocks/) on the [App Store](https://itunes.apple.com/us/app/moment-fun-way-to-share-stories/id929355264?mt=8). Like many people, we send text messages to each other as a way to chat, but the service was never designed to embody the fun and engaging conversations we have.

Moment is a fun way to have conversations with friends. A chat in Moment looks like this:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2Fa079f3f1-82f3-4fa8-85a1-b7b73a0e3eda.gif?alt=media&token=bc5269e9-f6a1-4b9d-9ee8-bbd9483d07c5","id":"a079f3f1-82f3-4fa8-85a1-b7b73a0e3eda","width":275,"height":562,"filename":"medium-iphone1.gif","type":"image/gif","caption":"","border":false}]}
```

Conversations are more like this in person than how they’re typically manifested digitally as speech-bubble timelines. Two people, face-to-face, responding to each others’ stories with crafted stories of their own. Chats have their own sense of rhythm and pace that add value to the interaction. Emulating that was worth exploring.

> We wanted to enable people to create short stories, frame-by-frame, with the right content to make them engaging and fun to share just like the conversations you have with friends.

We’ve had a lot of fun these last few months building Moment. It’s a side project we’re proud of and we’re thrilled you can have it in your hands today. We chose to ship it with the features that most embody what Moment is about.

[Download it](https://itunes.apple.com/us/app/moment-fun-way-to-share-stories/id929355264?mt=8) and read on for more details about some of the features that define Moment.

Have fun.\
John

### **[Download Moment](https://itunes.apple.com/us/app/moment-fun-way-to-share-stories/id929355264?mt=8)**

[Download Press Kit](https://moment.rocks/resources/downloads/press-kit.zip)

---

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2F696072c8-f548-4391-a80b-3ff3bb3203b4.jpg?alt=media&token=b81a4c19-4dee-4e01-94fd-dcf03d9aabe5","id":"696072c8-f548-4391-a80b-3ff3bb3203b4","width":2000,"height":1500,"filename":"8a_bot_jumping.JPG","type":"image/jpeg","caption":"","border":false}]}
```

## **Creating Moment’s Unique Features**

### **Conversations in real life**

Messaging looks like this today:

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2Fb6cf0921-182d-44d1-827c-bd85153eeb19.png?alt=media&token=e8f7a7f7-cf5a-4bf0-b145-7a6f6b4b6db5","id":"b6cf0921-182d-44d1-827c-bd85153eeb19","width":2000,"height":591,"filename":"text-message-flow.png","type":"image/png","caption":"","border":false}]}
```

When two friends are communicating there’s a rapid exchange of visual and verbal information over a period of time. A good story here. A funny joke there. These individual moments create a conversation thread. Some moments are related and some are off-topic, but the most important one is the one happening right now.

Translated digitally, that rapid exchange drove the decision to dedicate the whole screen to a split window view of the sender and the receiver. There’s no scrolling. You can see your moment (bottom) and your friend’s moment (top) with the most recent one highlighted and playing prompting the other person to respond. It’s like conversation ping-pong.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2F8fe8e1bd-1b58-42a9-af63-32042a2d4e80.png?alt=media&token=60779569-fea6-49f0-ba9a-2658044759c2","id":"8fe8e1bd-1b58-42a9-af63-32042a2d4e80","width":2000,"height":591,"filename":"moment-flow.png","type":"image/png","caption":"","border":false}]}
```

And, if the moment you’re sharing is something you want to share with others, you can forward it on to other people you’re chatting with easily. Perhaps more importantly, the interaction is lightweight and not precious. You should feel free to stop and start again, and the next moment you share is the most important one. And, it should be exciting.

### **Playing with time**

Moving pictures are exciting. They’re suspenseful and add a little drama with each subsequent frame; almost like hanging on to the next sentence of your friend’s story. GIFs are really good at this as edited shorts. They’re also great public consumption citizens since they don’t transmit audio and, more importantly, they’re edited for brevity to carry the crux of the message.

We wanted this kind of engagement in our moments. Like I mentioned earlier, visual and verbal information over time characterize conversations so images and text were the clear top choices to include in moments.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2F449f2620-44f8-4259-9cf3-903f7994a446.gif?alt=media&token=caeb997b-6cb3-4e89-954f-84773aeaf318","id":"449f2620-44f8-4259-9cf3-903f7994a446","width":275,"height":562,"filename":"medium-iphone3.gif","type":"image/gif","caption":"","border":false}]}
```

We took the opportunity to enhance a user’s moments with GIF-like behavior without the GIF format. This allowed us to make consuming moments easy and fun, but keeps the door open for adding different interactions within each frame of the moment beyond just images and text. Sometime. In the future. Maybe. ;)

Creating a moment should feel easy and lightweight so operating the composer should be straightforward and fast. Switching between a photo or a color background with text on it is as simple as swiping up or down on the screen. There are controls for taking a photo or, of course, the keyboard for writing text. Advancing slides is as easy as tapping *Next* on the keyboard or swiping to the left on the screen.

Up or down to switch between photos and color backgrounds. Left and right to move forward or go back and edit in time. High five.

### **Chat rooms using keys not names**

Imagine you have a key in your hand. It’s a key to a room that only you and your friend know about because she told you about it. No one else in the world knows where this room is. Further, you own one of two keys that open this room. The other one is with your friend and she already used it and she’s waiting for you to join her.

It sounds like the beginning of a really good story, but that’s actually how our chat rooms work. We could have made it so that your friend told you to “bring your ID and they’ll let you in,” but we (the room makers) don’t really want your information. And for that matter, we don’t want you fussing with emails, phone numbers, and passwords either.

> …we don’t want you fussing with emails, phone numbers, and passwords either.

Every chat in Moment begins with you creating a room that can be accessed with two unique keys. One of those keys is immediately used for you to enter the chat and the other key is left for you to share with whomever you want to chat with. You can share that key however you can— it’s just a URL. The important thing you have to remember is that once two people enter a room, it can’t be accessed by anyone again.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FvtBVmlrR5QeNDfMhKfyx5txieyo1%2FqQiEyzZjzOg9dZrh1cRy%2F03a6e8da-4b53-4f5b-85f7-12475d45d663.gif?alt=media&token=501eedb0-7c66-4df6-8e7c-e50ce2b168d1","id":"03a6e8da-4b53-4f5b-85f7-12475d45d663","width":275,"height":562,"filename":"medium-iphone2.gif","type":"image/gif","caption":"","border":false}]}
```

It’s like the door locks behind you and there are no more keys. If you or your friend exits, the room vanishes along with the moments shared between you two. There is no preciousness here. A room is only slightly more difficult to delete than it is to create. If a room is deleted for whatever reason by one of the participants, it’s also removed from the device of the other participant, no questions asked.

It’s quasi-anonymous in this way, too. You can chat with any of your contacts by sending them the key, or you can broadcast it out and whoever sees the key (and has the app) can enter the room on a first-come, first-served basis.

Best of all, our method of using private chat rooms gets you chatting as fast as you can send someone a key without all the back-and-forth of email confirmations.

---

And that’s how we want to present Moment. We want our users to jump in and start having fun, creating awesome moments, and sharing them with whomever they please. There’s an option to share a chat — it exports a short video of the combined moments — so please, share them on Facebook and Instagram. Reach out to us on [Twitter](https://twitter.com/momentrocks), too. For more specific information about using Moment, check our [FAQ](https://moment.rocks/faq/) and if you need our logo and App Store screenshots, grab them [here](https://moment.rocks/resources/downloads/press-kit.zip).

Like I mentioned earlier, we couldn’t be more proud or excited. We hope you enjoy using it as much as we enjoyed making it.

**[Download Moment](https://itunes.apple.com/us/app/moment-fun-way-to-share-stories/id929355264?mt=8)**

Moment

Designer

Some friends and I made an ephemeral messaging iOS app. You can't download it anymore, but I think it holds up pretty well. The verbose launch writeup is attached in case the link dies.

I filled both IC and leadership roles at Remind, ultimately leading design and reporting to the VP of Product at the time.

Head of Design

Design Manager

I was on the Platform team building declarative "no-code" apps since I had joined. I built the first version of the Process Builder.

Senior Designer

I joined as the first designer. We were on a mission to improve the inefficiencies of the mortgage industry while reinventing how people purchase homes.

John Shin

Contact

Work Experience

Side Projects