VProud — Redesigning Responsive Website


Responsive website of VProud



Product Overview:

VProud is a social networking plus a video blogging site for women. Their target audience is typical American women, whether that be a homemaker, a single mother, working women, a teenager, mother of a special kid, divorcée, women having marriage problems or health problem etc. Women want to talk to someone apart from friends and family. She wants to share and discuss her problems with other women facing the same issues or have faced such issues and seek help. Considering the mental state of women, VProud has a feature of creating a Private profile help provide very safe and troll proof site.

Client needs:

Clients pain points:


1. Content Inventory:

To understand the work and flow of the website in detail we started of with the content inventory.

2. Competitive & Comparative Analysis::

The competitors of Vproud according to client was only Facebook. To identify standard features, see how others approach design problems and identify opportunities to differentiate or innovate I found out more competitors who had similar concept like YouTube, Vimeo, Vine, Instagram and Cosmopolitan website. We researched them and understand how their content was organized , what different features and functionality they provided and how certain user tasks were completed.

3. Content Blocking:

The reason behind doing content blocking was compare how the contents like the main content, supporting content , secondary content then images or videos , navigation etc are organized on the our Vproud site as well as on the competitors sites. This gives an idea about how quickly and easily users can find content which we want them to look at in a particular order.

4. Data Analysis:

We were given access to the Vproud Google Analytics where found out that most of the traffic was coming to VProud was through Facebook. They did come but where not able to find what they were looking for, ultimately leaving the site. Most of the traffic was from the USA of which 20% were male. Users were interested in only few topics and rest of the topics on the site where left unnoticed.

User Testing on current site:

After researching about the current product and its competitors we decided to involve users in our research to understand what problems they are facing while using the current site. We conducted user test on both desktop as well as mobile sites. We gave users few tasks to complete like create an account , find a topic of interest and check out list of videos under that topic and post a video and start a discussion.

Synthesis of user testing:

User Research:

1. Heuristic Evaluation:

While conducting user tests on current VProud site we saw that the site had a lot of usability issues. To find out more problems, we got into detail using heuristic principles of JaKob Neilson .

2. Surveys:

Surveys are good method of collecting quantitative and qualitative data. We wanted to know how people deal with sensitive issues. Do they share it with close once, ask help on social media, just read articles related to it, take active part in online discussion forum or just google it.

3. Interviews:

Surveys are good to understand what people do , but they don’t give information about why people did it or what made them take a particular decision. So to understand why people took a particular decision and have one-on-one discussion to gather targeted information we conducted interviews of people who had fill out our survey. We interview 8 people and we recruited them based on how active they were on social media sites.

Findings of Survey and Interview:

91% of users don’t enjoy online discussions.

83.7% of users will Google to find answers to personal issues.

75.5% of users thought discussions would be more effective if they were able to connect to the actual person instead of anonymous.

53% of users have apps relating to helping them with personal issues of those users, 31% turn off their notifications for those apps.

4. Card Sorting:

Based on the results we got from synthesizing user testing data the next step we step we took was of user research. Users were facing several problem navigating through the VProud site, they were not understand certain terms used on the navigation like the daily fem, body, originals etc . So we conducted user research methodology of card sort to understand how user will organize existing information and what they will call it.

5. Feature Prioritization:

VProud is a content overloaded website. According to data we collected from google analytics, user tests, interviews and card sorting what we found out was users were interested in doing and going through only certain sections of the sites. Hence we decided to prioritize features based on user research.

Persona & Scenarios:

We collected a lot of data from the surveys, interviews and card sorting methods. Synthesizing data which we received from each method gave us more clarity in solving the problem of the VProud site.

Below are the persons and their scenarios which we created for focusing on design efforts of solving the user’s problems.

User Tasks:

These are the user tasks for our personas.

Site Map:

We synthesis the data collected from the user research and came up with a simple , easy to navigate new site map for the VProud site. Below is the image of new site map.


Wireframes & Prototyping:

Low Fidelity Wireframes

We created low, mid and high fidelity wireframes and prototyping it to test them and synthesis the data.

User Testing Results:

High Fidelity Wireframes

Next Steps:

Upload videos directly to VProud.tv instead of using youtube or vimeo link.

Forum Integration

Detailed Troll report