Showing the True app, an authentic social network

True - Additional Features

by John Wayne Hill

Additional Design and Features for True

As a new social network, we needed some base feautures that users expect such as the ability to Add Friends, View Notifications, and much more. The designs below showcase these additional features, some which launched and some which did not, but were on the roadmap for delivery.

The following products and designers are a mix of my own Individual Contribution, Direction, and Leadership. If you're new here, be sure to first check out the main True Case Study, which provides and overview and details the Onboarding project.

True - opening screens and login

Adding Friends

Our feature for adding friends was unique and displayed a ton of user delight. Customers could choose to upload thier Contacts for matching, connect to Facebook to find friends also using True, or add friends from True's recommendations.

Adding new friends in the True app
Contacts are prioritized
Screens showing user onboarding for the True app.
Micro-Interaction shows progress
Screens showing user onboarding for the True app.
Failed attempts are easy to spot
Screens showing user onboarding for the True app.
Cancel by tapping on Daniel's avatar

Places

The Places product allowed business to have a distinct and shareable profile on True and allowed users to check-in and share places, along with images, reactions, and reviews.

Screens showing user onboarding for the True app.
Users get a quick introduction on first visit of a Place Profile
Screens showing user onboarding for the True app.
Place Profiles with user-provided images as heros
Screens showing user onboarding for the True app.
Contextual info allows for several interactions
Screens showing user onboarding for the True app.
Posts about Places are interactive inside the card

Explore

Explore allowed users to find new Threads to join which could be threads about Brands, Products, Movies, Creators, or even Celebrities. With a quick Topic selection, and using information from your Friends, True could suggest new Threads to join.

Screens showing user onboarding for the True app.
Select a few Topics for Thread Suggestions
Screens showing user onboarding for the True app.
Visually explore Threads you might find interesting
Screens showing user onboarding for the True app.
With recommended Threads based on user info
Screens showing user onboarding for the True app.
Premium Threads (concept) are unlocked with a paid subscription

Activity

Notificationns and Activity allows customers to quickly see New Friends, New Threads, Replies, Mentions, and more. We decided to highlight New Friend notifications as they help grow the network and our product reach.

Screens showing user onboarding for the True app.
Say Hi to new friends helps to grow the network
Screens showing user onboarding for the True app.
Quick Read/Unread status with a colored indiciator
Screens showing user onboarding for the True app.
Delete with a simple swipe to the left
Screens showing user onboarding for the True app.
Mentions get special placement for quick viewing

True Secret Code

True Secret Code was our version of using a QR Code to share with your friends for quick adding. We wanted this feature to be fun and marketable so we used a custom name and custom looking qr code. Once generated, customers has quickly share this with native share controls or by posting to other networks where they already have a friend network.

Screens showing user onboarding for the True app.
Your Profile and Settings allow for viewing of your Secret Code
Screens showing user onboarding for the True app.
Secret Codes are highly visual, custom qr-codes
Screens showing user onboarding for the True app.
Share quickly with the native share sheet
Screens showing user onboarding for the True app.
Post to other networks to bring in your friend list

True Website

As we began to design and develop a more robust set of products and features, we decided to update the Homepage for greater clarity and growth. The following are 2 separate options that focus on the main value of True. These options were early designs and not fully ready for production.

Screens showing user onboarding for the True app.
Screens showing user onboarding for the True app.

Additional Details In Person

Thanks for checking out my work! This is just a high-level overview for this particular case study. During in person interviews and presentations I go over additional details such as strategy, process, my direct contributions, and more. Get in touch if you'd like to learn more!

Contact Me

illustration showing a person on video call giving a presentation