Graham Slick

Every project UX, Design

Submarine

Graham’s concept for a dating app built around short videos, with the feature list and iPhone screens he designed in May 2015.

When
2015
Role
Concept, UX and UI design
Platform
iPhone

Submarine was Graham’s idea for a dating app built around short videos. In May 2015 he wrote out its features and designed the iPhone screens. On the home screen you swipe yes or no through a deck of profiles. Each shows the person’s top five photos or videos, with video encouraged, and counts of the videos, photos and Instagram posts you can see once you connect.

Conversations are ranked into new, favorited and all. The record screen has a seven-second timeline, and a video sent in a chat is deleted as soon as it is sent. Your own profile, filled in from Facebook with an Instagram feed linked, leads to discovery settings (distance, age, gender, height and hashtags), stars and stats for your videos and photos, and account preferences, where the logout button reads “I’m off the market.”

Roles Concept · UX design · UI design

The Submarine home screen: a gray submarine logo over four colored tabs, then a deck of profile cards topped by Johnny, 26, New York, he’s now 1.9 miles from you, with a play button over his photo and counts of 1 video, 10 photos and 250 Instagram posts. A teal bar below holds your discovery preferences: #Beards, #Lumberjack, 25 to 35, 5′10″ to 6′5″, within 2 miles
Home: swipe yes or no
Johnny’s card opened up: where he lives, his work (creative director at an ad agency), his age, height and hashtags, above placeholder text for his bio
More about a profile
The conversations list in three groups, new and updated, favorited, and all, each row a man’s photo, his name and age, and the start of the last message or “You’re connected! Start a conversation,” with a bookmark for favorites
Conversations, ranked
Fred’s profile, opened from a conversation: a large photo with a play button and a star, tabs for 1 video, 10 photos and 250 Instagram posts, and his conversation points: New York, creative director at an ad agency, 32, 5′10″, and his hashtags
A profile and its conversation points
The record screen: a black camera view where Submarine asks for access to the camera, a seven-second timeline, an orange record button, flash and camera switch, over a menu of Record Video, Your Videos, Your Video Activity and Video How-to
Recording a seven-second video
Your Videos: a greeting video with 150 stars, then videos 001 to 004, each with who it was sent to and when, and a note that direct message videos are deleted right after they are sent (they’re secret)
Your videos
Your own profile card, a woman of 35 in New York with 3 videos, 10 photos and 250 Instagram posts, above a menu of Profile Edit, Discovery Settings, Stars & Stats and Account Preferences
Your profile
Discovery settings: location from where you are, a distance slider at 2 miles, age 25 to 35, gender male, height 5′10″ to 6′5″, and the hashtags #Plaid and #Beards above a hashtag search
Discovery settings
Account preferences: switches for notifications of new matches, messages, stars and in-app vibrations, links to the FAQ, privacy policy and terms of service, a button that reads I’m off the market (Logout), the gray submarine logo above Version 1.1, and Delete Account
Account preferences