Troo 

A social media mobile app.  

iPhone-X-Clay-Mockup

What's Troo? 


Troo is an ethical social media platform

  • Troo protects people’s privacy and data
  • Troo wants users to be very intentional with the information they share with others and with whom they decide to connect
  • Troo wants the user to have multiple profiles that cater to particular aspects of a person’s life/focus

My Role:
I am one of the UX designers out of two. We have a UX researcher, product manager, project manager, and two developers.

Troo is still in its initial design and development stage.

Examples of sketches and lo-fi wireframes resulting from brainstorming sessions are demonstrated below before we started focusing on specific flows to test and iterate. 

Customer Journey Map for Instagram User 

Recognizing positive and negative emotions during part of the user journey on a social media platform. 

Market-Preference-Survey-Frame-1-1-1

Site Map

Brainstorming Main Components of a Social Media App

Frame-14-copy-1

What about?

bi_arrow-return-right

Dashboard Layouts

Is this an opportunity to consider different dashboard layouts that the user sees when opening the app? 

Accessing topics from the top or bottom? 

iPhone-13-Pro-Max-5
iPhone-13-Pro-Max-6
iPhone-13-Pro-Max-7
iPhone-13-Pro-Max-2
iPhone-13-Pro-Max-6
iPhone-13-Pro-Max-4

Youtube's carousel layout for scrolling?

Troo-Wireframes-Top-Nav-Dashboard-1
Troo-Wireframes-Bottom-Nav-Dashboard-1
IMG_4261-1
iPhone-13-Pro-Max-28
iPhone-13-Pro-Max-1
iPhone-13-Pro-Max-29

Accessing topics by sliding topics in from the left? 

iPhone-13-Pro-Max-Topics-1
iPhone-13-Pro-Max-Topics
iPhone-13-1

What about?

bi_arrow-return-right

Scroll Limits

Troo wants to help users limit doom/addictive/endless scrolling. 

Dashboard
Dashboard-1
Dashboard-too
iPhone-X-Mockup-1

What about?

bi_arrow-return-right

Last Visit

Thinking about different ways for the user to return to their dashboard where they left off to help mitigate endless scrolling. 

Dashboard-Uno
Dashboard-Dos
Dashboard-Tres
A-or-B

What about?

bi_arrow-return-right

Creating Rooms from Posts

The idea is for the post viewer to create a chat room based on a post they've seen to increase direct social engagement.

IMG_4032
IMG_4031
Room-Permissions
Room-Permissions-1

What about?

bi_arrow-return-right

Post Viewpoints and Settings

Troo wants the user to have control over who sees their posts.

The idea to separate viewers into Friends/Subscribers/Non-Subscribers is explored below. 

Frame-7
Frame-8
Frame-9
Frame-11-1
Frame-13
Frame-12-1

Settings According to Connection Type

iPhone-13-Pro-Max-a
iPhone-13-Pro-Max-11-b
iPhone-13-Pro-Max-12-c
iPhone-13-Pro-Max-13d
iPhone-13-Pro-Max-16-a3
iPhone-13-Pro-Max-19-a4
iPhone-13-Pro-Max-1010
iPhone-13-Pro-Max-23
iPhone-13-Pro-Max-24

What about?

bi_arrow-return-right

Switching Between Profiles

Troo users will be given the opportunity to create two separate profiles when creating an account. 

IMG_4261-2
Troo-Wireframes-Landing-Page-1
Troo-Wireframes-Frame-1
Frame-1-—-All-Hands-—-Right-hand-with-watch

What about?

bi_arrow-return-right

Profile Management

IMG_4258
Troo-Wireframes-Frame-3
Troo-Wireframes-Copy-of-Manage-Direct-Profile
IMG_4261-3
Troo-Wireframes-Frame-4
Troo-Wireframes-Profile-Settings-
User-2
User-1
User
iPhone-X-Flying-Mockup-Right-View

What about?

bi_arrow-return-right

Sign-up

Sign-Up_Mobile
Dashboard_Profile_App
Dashboard_Profile_App_Step_2
Dashboard_Profile_Congratulations_Mobile-1
User-2-1
Dashboard_Profile_Congratulations_Mobile-1
Dashboard_Profile_App-1
Dashboard_Profile_App_Step_2-1
iPhone-12-Pro

What about?

bi_arrow-return-right

Explore Page

Inspired by Google's landing page for Search and wanting to be even more minimal.

IMG_4259
Dashboard_Profile-1
Dashboard_Profile_2
Dashboard_Profile-3
Dashboard_Profile_4
D1
D6
D7
D8
D9
D2
D3
D4
D5
iPhone-12-Pro-6.1_-Mockup-Right-View

What about?

bi_arrow-return-right

Chat Function

The idea of incorporating a chat function within the app has been considered. 

Dashboard_Profile_Public-Profile_Mobile
Dashboard_Profile_Public-Profile_Mobile-1
Dashboard_Profile_Public-Profile_Mobile-2
Dashboard_Profile_Public-Profile_Mobilechat-too
iPhone-13-Pro-Max-12-chat

From Here

We'll start to focus on specific flows we want to finalize for our beta release. This will include lo-fi prototypes, user testing, and iterations from our findings. 

iPhone-13-Pro