Enabling Educators at Azim Premji Foundation

ipad iphone

Azim Premji Foundation (APF) is a leading not-for profit organisation that has been working for more than a decade now towards making deep, large scale and institutionalised impact on the quality and equity of education in India, along with related development areas.

Intranet Strategy, Design, Drupal 8
Background

Azim Premji Foundation (APF) has a team of 1200 educators, facilitators and leaders spread over 50 Districts in India helping government school improve quality of education through workshops, teacher development programs, teaching material.

APF approached us to help them build a portal for their field team to collaborate and share resources. The portal is a central hub for field executives to share primary aspects of their day to day work like reports, resources event follow ups etc. allowing for better sharing and visibility of their work.

Project Goal
  • Digitisation of field work data such as reports, resources, publications.
  • Planning and follow up on engagements like workshops, school visits etc
  • One Dashboard to filter and retrieve all field work data.
  • Granular access for data upload as per existing org structure, location and role sensitive.
Design Thinking
Portal’s primary users are field executives, who typically are not used to Digital way of doing things. Often overloaded with field work, we were cautious to make sure that portal didn’t feel like another thing to do or worse a hassle. It was important that the portal gets their buy in and they understand its utility, we employed design thinking process to understand user personas to come up with constraints and success criterias for the project. The process helped us to fine tune the backlog and visualise how features should work.
design-thinking-image-1 design-thinking-image-2 design-thinking-image-3 design-thinking-image-4
dashboard
Dashboard Experience
To tackle information overload, a location sensitive dashboard acts as a user’s home screen showing content ( reports / resources etc ) only relevant to user’s location, though a user in leadership role can change the location and zoom to country level to see what’s happening in the APF universe.
Upload Experience
To make sure there is a balance between adequate data captured and usability of forms, we conducted rigorous content structuring exercise vetted by field stakeholders. Also upload form UX / UI was given prominence.

What would you like to upload?

group-mobile group
Mobile First Approach
Most user’s primary device was smartphone and in many case the only device, It was clear from the start that Mobile first approach to Design and development is the only way forward. Given we were designing for a constrained real estate, it helped us immensely to remove clutter leading to better performance and user experience.
mobilefirst
Performance as the key UX Metric
100% of traffic on the site is authenticated traffic and performance is critical for success of a portal like this, we achieved performance goals by:
Optimizing content structure and respectively the associated views
Frontend Performance: Optimising Images, CSS Rendering and JS optimisations
Memcache for Views / Session and Data caching
drupal8

Building on top of Drupal 8 is already proving to be a great decision; fetching great feedback from field stakeholders on CMS capabilities and quicker roadmap to bring next set of features on the portal.

amazon
DEPLOYED ON

Key Open source contributions

Patch submitted to following modules

Design with us !

Let's make something great together .