top of page

Forum Redesign

Product Design, UI, UX
TQ_Mockup_Macbook_iPhoneX.png
About 

“TownSq is the leading global app for better community living, is revolutionizing communications and operations for neighbors, community managers, and board members.”

Problem statement

The challenge was to redesign the TownSq app forum creating a user-centered experience, arouse interest and participation in users regarding the topics discussed and comments, and allow the administration to manage discussions and keep the forum organized.

Discovery

User persona
Mulher jovem
Camila dos Santos

Camila, 34 years old, works in a property management company, she is directly responsible for the administration of three condominiums, some of her functions are organizing assemblies, coordinating the condominium employees, resolving conflicts between residents, dealing with emergencies.

Camila notes that residents don’t have the habit of using the digital platform for dialogues and discussions of topics.

Many tenants argue in social media groups that Camila and other residents do not have access to, generating misinformation and confusion.

Goals
Needs
Fears 
Wants
  • Keep residents informed.

  • Avoid discussions and disagreements.

  • Encourage the use of the digital platform by residents.

  • Access to the topics discussed by the tenants.

  • To have control over the information discussed.

  • Keep topics organized.

  • Personal discussions between residents. 

  • Residents having difficulty using the platform. 

  • Misleading information.

  • Residents with the autonomy to create topics and deliberate on the condominium matters.

Analysis of current experience

Forum home page

The forum home page of the forum is not very inviting, this is due to the positioning of the buttons and the hierarchy of the information presented.

Screen Shot 2020-06-12 at 13.58 1.png
  • Filters and categories are occupying a prominent position, even though they are not the main actions of the forum.

  • The button to create a new topic position is not most attractive or intuitive to users and has the same hierarchy as the button to create a category.

  • There is a problem of hierarchy between the information of the topics, the author’s photo is the most prominent element, the title should be more visible.

  • There are no buttons that allow users to interact directly with a topic, or have a preview of the content.

Topic page
Screen Shot 2020-06-12 at 13.59 2.png
Screen Shot 2020-06-12 at 13.59 1.png
  • There is a hierarchy problem between the information on the topic. The title should be a highlight.

  • Commenting is at the end of the screen scroll, discouraging interaction.

  • The topic date is colored red, which is usually associated with error messages.

  • There could be a visual differentiation between the topic and the comments.

Ideation

Wireframes Mobile

Taking into consideration the persona’s needs and analysis made, wireframes were created to study possibilities of experience improvement. 

Wireframes Desktop

Solution

The result is an experience that expands the concept of online community, encouraging interaction and valuing information, allowing the administrator to keep the forum organized.

TQ_Mockup_Macbook_iPhoneX (2).png
Mobile
Desktop