Bolty App

Launched a Small Circle Social App end to end from research to deliver and marketing for teens age +13

Design specification

Onboarding

1.Download application from App Store

2.Open app from Home Screen

3.“Ask app not to track?”

4.Lands on splash page

5.Clicks start

6.Sign up/Login

a.If DOES NOT have an account, selects age and clicks “Let’s start”

i.Continue to 7

b.Else clicks “Log in”

i.Continue to [OTP login 1]

7.Allow Location

a.Click on “Allow Location” to prompt location sharing request

i.If selects “Allow Once” or “Allow While Using App”

1.Continue to 8

ii.If else selects “Don’t Allow”, school suggestions will be ordered by most members and not location

1.Continue to 8

8.Select current grade

a.If grade 9/10/11/12 selected

i.Continue to 9

b.Else

i.Cannot enter app

9.Pick your school

a.If school is in list

i.Select school

1.Continue to X

b.if school not in list

i.Click “I can’t find my school”

ii.Search for school in list

1.If school is in list

a.Select it

b.“We will notify you when app is released in your school”

2.if school not in list

a.Click “I can’t find my school”

b.Enter school details

c.“We will notify you when app is released in your school”

10.Your contacts

a.Click “Find my Friends”

i.if “Allow”

1.Continue to 11

b.If don’t “Allow”

i.?????

OTP login

1.Enter your number

a.Is the country flag (code) correct?

i.If yes, continue to 2

ii.else, change to correct flag (code)

b.Enter your phone number and select “Continue”

c.If SMS with OTP arrives

i.Enter OTP and click “Continue”

1.If OTP is correct

a.Move to [Personal Details 1]

2.Else

a.“The code that you have entered is incorrect”

d.If SMS with OTP does not arrive

i.Click “Send Again”

1.If it still doesn’t arrive

a.User can press “Use a different phone number” to return to page X and re-enter number

Personal Details

1.Enter your name

a.Type in your first name and click “Continue”

i.If name is shorter than 3 letters

1.“Your name is too short”

ii.If else name is on banned words list

1.“You can’t use that name”

iii.Else

1.Continue

b.Type in your last name and click “Continue”

i.If name is shorter than 3 letters

1.“Your name is too short”

ii.If else name is on banned words list

1.“You can’t use that name”

iii.Else

1.Continue

2.Date of Birth

a.Select your DOB and click “Continue”

3.Gender

a.Select gender and click “Continue”

4.Photo

a.Question: how do we ensure the picture is of the face?

Friends List/ Add friends

1.Add friends

a.Lists

i.First list will be same year school friends

ii.Second list will be non-same year school friends

iii.Third list is ‘mutual friends’ + phone contact list friends (people from your contact list

b.Ticking boxes of people you want to add as friends

i.If >= 2 users ticked, the ‘Next’ button becomes black and can be clicked

ii.If < 2 people ticked, ‘Next’ remains grey you can’t continue

2.Notifications Permission

a.Pop up to grant permission to Notifications

i.Continue to [Home 1] regardless of answer

Home

1.Splash page

a.App introduction page appears on screen (ONLY FIRST TIME AFTER REGISTRATION)

i.To interact with it, users slides it up (to mimic the game)

ii.3 pages appear, and each time you slide up the next one appears

1.“Pick your friends in each questions”

2.“See who picks you”

3.“Let’s get started”

iii.Every time they swipe up, phone vibrates

2.Game begins

a.Rules:

i.User is presented with a question at the top and 2 pictures (friends) to choose from below

ii.Each ‘game session’ is 12 questions total

iii.The pictures (friends) should be random for each question

iv.The user will receive between 1-4 coins for each question answered

v.If user leaves in middle of a session, the session is saved and continues when they return from the same place

vi.Quick actions rule: if a user swipes too fast, or presses Shuffle or Skip too fast, a pop up appears telling them to “Slow down”

vii.Question logic: user should not receive the same question twice, ever

1.Questions received for each user should not be random. They should follow the queue of questions in DB.

a.Should different users start from different points in the queue?

b.Buttons on page

i.Shuffle

1.A user can Shuffle their options (two new pictures appear) TWICE per game session

ii.Skip

1.A user can Skip a question and move onto the next question (remaining questions will be decreased)

2.No coins are earned if a question is skipped

iii.UNLIMITED skips per session (12 max as only 12 questions)

c.Playing the game

i.Users ‘swipes up’ on their selection

ii.The picture leaves the page in the direction of the swipe

iii.A small vibration as the image leaves the page happens

3.Coin Rewards

a.After 12 questions completed, coin collection page loads

b.When the user clicks cash out, coin counting animation appears to count the coins

i.countdown from ‘sessionCoinTotal’

ii.count up for “coinTotal”

4.Wait screen

a.User has 30-minute ‘wait time’ before being able to answer more questions (new game session)

b.If the user sends an SMS invite to their contact list, the wait time is skipped and a new game session begins

Shop

1.Shop

a.User can spend their coins from answering questions here in the shop

2.Your balance

a.Users coin balance is displayed at the top

3.Items

a.Item 1: Get your picture on 3 random polls (100 coins)

i.This adds the users name to 3 polls immediately

1.When user clicks the button “Get your name on 3 random questions”, a notification appears at the bottom to confirm

a.100 coins are deducted from ‘Your Balance’ (-100)

b.Notification at bottom: “Your name has been added to 3 random polls”

b.Item 2: Put your picture in your crush’s poll (300 coins)

i.This allows the user to add their picture to a specific persons poll

1.When the user clicks “Put Your Name in Your Crush’s questions”:

a.They go to page X, and choose a ‘crush’ from their list of friends

b.When they chose, the can press ‘Next’

c.They return to page X

d.Their balance is updated (-300)

e.A notification appears at the bottom “Your name has been added to [CRUSH NAME]’s questions”

c.Not enough coins

i.If item chosen where cost > current balance

1.The number is current balance shakes to indicate that it’s not enough

Push notification

1.“Your school has been added to X!”

a.Users school not active in app during registration

b.Once school is activated, this notification is sent

i.

1.Page X - user is taken to start of sign up flow to register

a.Have we saved their selections? Can we start them from Page X (your school is X)?

2.“Time’s up! Your next poll is ready!”

a.When 30-minute timer expires, we send a notification to alert the user

i.When notification is clicked

1.Page X - start next quiz

3.“[FRIENDS NAME] has accepted your friend request!”

a.When a friend request has been accepted, we notify users

i.Home page - either new session starts, or wait page

4.“You have received a friend request from [REQUESTER NAME]”

a.When user receives a friend request, user is notified

i.Page X - add+ page

5.“Somebody has selected you in a poll!”

a.When user is chosen in a poll, they are notified

i.Page X - inbox

1.Or should they be taken to the poll results directly?

6.“Someone has added their name to your poll”

a.When user is target of “add your picture to your crush’s poll”, they are notified

i.When notification is clicked

1.If Premium == true

a.Page X - it shows who added their name to your poll

b.Where is this??

2.If Premium !=true

a.Page X - you are taken to “buy premium page”

7.“X new people have joined from your school! Come and play!”

i.Home page

8.“Someone has just gifted you a premium subscription!”

Inbox

1.Inbox

a.When user is chosen in a poll, a row is added in their inbox (each row is a unique poll). Either:

i.a boy chose you in their poll

ii.a girl chose you in their poll

iii.someone chose you in their poll

1.Each of these has a ‘fire’ emoji next to it

2.View results

a.When a row is selected, the user views the poll they were selected in (Page X). Included:

i.The question

ii.“A boy/girl/somebody from Year X chose you”

iii.2 images (Inbox[3]): the user picture from the poll and a blurred, default image

iv.“See who picked you button”

1.If Premium == true

a.Page X - shows a hint and includes a button to reveal full name (2 available per subscription cycle)

2.If Premium != false

a.Page X - opens ‘Subscribe to Premium’ pop-up

b.After results of a poll are revealed with premium

i.an unlock icon icon appears next to messaged in 1.a.

Profile

1.Profile page includes:

a.User photos that are displayed in other user questions

b.Edit details

c.Share profile

d.Enter shop button

e.Friends list

2.Photos

a.The photo added during on-boarding will be added as the first image on the left

b.User is able to add two additional pictures from camera or photo library

3.Edit details (“Edit Profile Button”)

a.Edit the details selected/added during on-boarding

4.Share profile

a.Tapping “Share Profile” button brings:

i.Copy profile link

ii.Share via SMS

5.Enter shop button

a.Another entry into the shop - Page X

6.Friends List (master friends list)

a.If user taps “Added”

i.Friend is removed (button changes to “Add” in case mistake)

1.Once they refresh the page, row has been removed from list

b.If user taps on name or image of friend

i.Pop up appears to Unfriend, Block or Report

1.Unfriend

a.See 6.a.i

2.Block

a.Page X

3.Report

a.Page X