Neev is a digital platform to improve the resilience of low-income housing in developing countries.

I helped mHS Global Impact shape the user experience of the Neev app.

My role:
UX/UI design
Customer interactions and user testing
Collaboration with the frontend team
Took part to the impact measurement projects and pilots

Team:
Marco Ferrario
Akash James
Madhura Joshi
Lakshmi Reddy
Off Centre Collective
Zion Research and Consultants

Funding:
Cisco Foundation
Saath

Background

Neev is developed by mHS Global Impact, a social venture and multidisciplinary think-tank based in The Netherlands and working in India to make cities more resilient and socially inclusive by leveraging digital technology with a human-centered design approach.

Neev was first conceived as a B2C tool to automate the generation of construction costs estimates and bill of quantities for low-income housing projects.

Check also the housing projects generator for more details.

The context

Between 2019 and 2020 Neev transitioned to a B2B model in order to help institutions, contractors, skill training programs, post-disaster agencies, and other stakeholders to improve the living conditions and the access to housing finance in informal settlements.

Incremental edification in an informal neighborhood in Delhi, India.

The problem

The business model change opened the opportunity to renew the design of the product.

The development of the new version of the software was partially financed by Saath, an NGO based in India, that was requesting the implementation of CRM and monitoring features to manage clients and loans. Also, a multilingual UI supporting Hindi was requested.

My role

I'm involved multi-level in mHS Global Impact and in the Neev project. See also the housing projects generator.
I started collaborating with mHS first as a consultant, then as an in-house product designer and as an automation and computational design expert.

I play a key role in the development of the User Experience and User Interface of Neev through all the following areas:
UX/UI design from flows to prototyping and feedback.
Strict collaboration with developers for choosing the right implementation methods.
Remote coordination of the field team in India for usability tests and pilots.

Human Centered Design

Mobile devices penetration in the context of developing countries is growing rapidly, though the digital literacy is still basic.
One of the main design challenges was to make the app usable by non-technical and low digital literacy users, and to enable them to see the value of integrating digital tools into their daily practices.

The Human Centered Design approach was our guide to understand the context and the needs and expectations of the different stakeholders, both from a business side (agents from housing finance companies, microfinance institutions and NGOs) and from a customer side (small contractors, construction workers, households).

Multiple user interactions were continuously conducted by the field team and coordinated by the office using different strategies and meeting the stakeholders in different contexts.

The ten years long experience of mHS Global Impact working door-to-door on the field was leveraged and informed the design of the UX.

Field interactions with potential Neev users.

Information architecture and flow structure

Neev's information architecture is based on three verticals: user accounts, clients, location & rates.

An organization can manage its agents' account through the administrator console, having the possibility to create different categories of agents with different permissions.

Clients profiles are created and managed by the organization agents.

Project estimates and BOQs are attached to clients' profiles, allowing for quick costs comparison.
Material rates and labour rates are child of locations, allowing to map new rates as new locations are added to the database.

Neev’s information architecture uses a task-based flow structure, requiring screens to be accessed in consecutive order.
The three verticals declutter the interface, allowing users to focus on tasks at hand.

To meet the low digital literacy of the users, the navigation system is a tab-based one, comparable to the one used in a widely adopted app like WhatsApp. ‘Clients’, ‘Agents’ and ‘Rates’ are accessed by swiping horizontally.

When a user opens a client profile, however, the navigation bar switches to title bar, requiring the user to navigate back to access other main tabs.

The UI is based on three main sections.

Main tasks on the "Clients" section.

Layout

Neev uses a responsive grid system, which has flexible columns and padding that can resize depending on the screen width.

Components

Colours and typography

Neev’s primary color is rust. It remains consistent throughout the interface, highlighting focus areas and call to actions.

The base warm grey colour can be replaced with another colour to match a specific organization's aesthetic and provide a custom product experience.

Neev’s type scale provides the typographic variety necessary for presenting its app content.

Roboto and Kohinoor Devanagari are used as typefaces for English and Hindi respectively, making use of the variety of weights and opacities.
Numerics are always rendered in Roboto to maintain consistency.

Key screens and journeys