Case Study

Federation of safety Glass

a Social networking App

To redesign and revamp the existing intra social networking platform for Federation of Safety Glass.

The Challenge

The website is unable to emphasize the key values of the brand identity, it’s not clean and obvious. Subjectively, it doesn’t look visually impressive. A lack of mobile support drives the engagement down.

Design Goals

  • To deliver a personalized experience and intuitive user interface
  • Propose a more engaging and seamless reading experience so that users are comfortable accessing the articles.

Design Process

To build a solution for the users, it was integral to first understand what the userbase comprises of, segregate them into groups, redefine the problem statement, analyze the existing products in the market, discover what’s lacking in them to come up with a solution that could provide value to the users, Interview users to understand their objectives and pain points, understand the business objectives and their pain points and bridge them, streamline the understanding to construct the interaction of the product.
Empathize
Target Audience
  • Primary Audience – Acomplished business personnel between 40 to 55 years of age, with 68% males and 32% females, 75% of which are using Apple Mac OS.
  • Secondary Audience – Employees in Sale, Purchase, PR departments falling between 35 to 50 years of age, with 79% males and 21% females, 90% of which using Ubuntu Desktop OS.
Research Methods
Qualitative research in order to collect data relating to motivations, opinions, and beliefs :
  • In-depth qualitative interviews based on assumptions.
  • Competitive analysis to gather secondary research.
  • Literature review to gather secondary research.
  • Evaluative Usability testing to evaluate the low-fidelity prototype.
Primary Research: In-depth Qualitative Interviews
The one-on-one qualitative interviews with 10 participants, from target audience, uncovered some insights. Some of which were as follows :
  • Almost all the participants read the news twice a day, mostly after the business hours, while clearing up all the notifications.
  • Most of the participants said that notifications grab their attention, and eventually, they end up opening the app while some even felt that endless notifications could get annoying.
  • Most of the participants want to browse just the headlines to stay updated quickly. If a headline grabs their attention, then they read the entire article, so they want it to be clear and to the point.
  • The features they use most often are saving and sharing the articles.
  • Most of them said that they want their app to be customized but would always want to be aware of vital information such as trending or latest news.
Secondary Research: Competitive Analysis
Although there are social netowrking websites, almost all of which use a navbar – left sidebar – main content- right sidebar ux model, it wasn’t a right fit for this industry. Since our user group consists of people using Ubuntu and Apple, and spend majority of their work day on softwares like Odoo, ERP, Outlook and other Mails, they are much more familiar and used to a left-to-right design flow :

List of Categories → List of Items → Item Details.
Define
User Persona
Bio
Anirban is a 48 year old man based out of Delhi. He is the director of mid size company, Mint Glass Pvt. Ltd. with an annual turnover of 750cr. The comapny has three factories, established in Delhi, Mumbai, and Germany. He runs his entire business on an ERP, and travels for business twice a week. He prefers to work off his mobile completely, but has access to a macbook air at all times with him.
Pain Points
  • No mobile support leads to procrastination.
  • Poor reading experience on website.
  • Hassle to browse through different categories make the website feel cluttered and outdated.
Personality
Social Adaptive Quick Learner Tech Savvy Punctual Organised
Ideate
After understanding the users and the market, Ideation opened up the scope to explore how I could create a product that could solve users’ problems while meeting the business perspective. The aim was to generate a large number of ideas that I could filter out to create the best version of them.
Existing UX/UI
Prototype
Low Fidelity Wireframes
Styleguide
Typography
Color Palette
High Fidelity Mockups