TopBuzz - Following function redesign

During the past few years, TopBuzz has seen a rapid growth of audiences and creators. However, the following function was static and displayed only a subscribers number on TopBuzz website, preventing the users from interacting with their followers. This is a huge disadvantage for TopBuzz’s development. Under this circumstances, our team begun to work on the redesign of following function. 

Sample of old following function

Follow on detailed page

Follow and following buttons are designed when users read a creator’s articles and posts in detailed page.  Please see low fidelity design below.

Follow on following management page

After a user clicked a creator’s profile, they will go to the following management page where three major functions are added: followers, following and publish. For a creator, they could also mange his followers and followings on this page.

1. Followers

Display of users who follow you.

2. Following

Showing users you followed.

3. Publish

A tab designed to demonstrate all your publication.

Blank pages designed when there are no followings or only anonymous followers on the page.

High fidelity interface

Delivery and working with engineers

After finishing all the designing, I exported the final files with Sketchmeasure plugin for engineers to follow. Here is a screenshot of what it’s like.

@copyright2017 SherylCheng