*some stickers I designed as prizes for the Scouts
Context
In May, I had secured 15 users, aged 16-20 for our Seen Scout program.
The program involved missions where Seen Scouts could complete to earn points. These missions were connected to our app goals and were designed to have them create a commotion among their friends, who we’d later ask them to invite to the app.
Some mission examples included (”send a picture of your next meal to a friend” or “call up a friend you haven’t spoken to in a while.”)
The program involved missions where Seen Scouts could complete to earn points. These missions were connected to our app goals and were designed to have them create a commotion among their friends, who we’d later ask them to invite to the app.
Some mission examples included (”send a picture of your next meal to a friend” or “call up a friend you haven’t spoken to in a while.”)
Problem
The app was going to be released a week early to these 15 users (aged 16-20) in order for us to begin gathering user retention data for funding opportunities that had just opened up for the company.
Seen's App Design At The Time
With very little time to launch the app to our scouts, any added designs would need to be unobtrusive to the existing UI. Thus, the original designs created by a contracted designer with Seen including button styles, fonts, and the logo would need to be left unedited.
.png)
UI drafts
Since we were missing a majority of our UX indicators (feedback for buttons, onboarding flow, etc.), my goal was to create assets that would brand the screens as a playful work-in-progress.
Design Breakdown of Added Screens
APP INSTRUCTIONS SCREEN
For screen #1, I used our app's main actions (TAP, SWIPE RIGHT, SWIPE UP, and TELL FRIENDS) for the headings. This design separates the action from the outcome while condensing the instructions into something more digestible for users. To add the playful work-in-progress element, I added handwritten instructions, scribbles, and arrows between the instructions. These elements are in pink to incorporate our branding to the page and is meant to emphasize the outcome of the action (play, last message, timeline, exclusive invite).
APP INTRODUCTION SCREEN
For screen #2, I made vector graphics in a style I had previously made for the Seen Scout stickers. With these graphics, I intended to add more scout-focused elements to the app. The screen also introduces the app's use case which I felt was important for our scout's friends who would join the app without an onboarding meeting from our team.
ADDITIONAL UI
For screen #4, I added the handwritten "swipe for more!" The style is meant to build off the other handwritten elements I added to the app.
For screen #1, I used our app's main actions (TAP, SWIPE RIGHT, SWIPE UP, and TELL FRIENDS) for the headings. This design separates the action from the outcome while condensing the instructions into something more digestible for users. To add the playful work-in-progress element, I added handwritten instructions, scribbles, and arrows between the instructions. These elements are in pink to incorporate our branding to the page and is meant to emphasize the outcome of the action (play, last message, timeline, exclusive invite).
APP INTRODUCTION SCREEN
For screen #2, I made vector graphics in a style I had previously made for the Seen Scout stickers. With these graphics, I intended to add more scout-focused elements to the app. The screen also introduces the app's use case which I felt was important for our scout's friends who would join the app without an onboarding meeting from our team.
ADDITIONAL UI
For screen #4, I added the handwritten "swipe for more!" The style is meant to build off the other handwritten elements I added to the app.
.png)
see my Figma board here