crisp code | clean design | progressive web standards
In 2016, I worked with MHI on a simple, blog-style website that was revamped in 2018. The site was transformed to a crisp, black-and-white interface that uses illustrations and infographics to condense MHI’s mission and purpose. The site was coded to be as accessible as possible for users with visual and motor disabilities.
Like so many projects that have code stapled onto them, the KLP site had thousands of lines of code that appeared disjointed on close inspection. I created a modular CSS framework with reusable code, and managed to reduce the number of lines of code to less than a fourth of the original. In the process, one can view the site as a collection of components that can be gracefully extended and themed as needed.
We suggested that they strip down their content and navigation menu, which was nested upto five levels deep. Once the graphic designs were in, we tailored them some more and created a highly customised CMS including options to edit news, events, resources, optional template pages, custom search and a list of parishes and priests in Mumbai that were filterable and sortable. In short, they’re able to edit every bit of content from the CMS, which is a relief!
Badly in need of a website to document its past and current affairs, we were approached by the CCC (Catholic Communication Centre), who had designed PSD templates that needed to be converted to code.
In addition to the front end, we built a CMS in Django, with editable menus, a custom search, options to add template pages, news, galleries, videos, announcements, daily mass schedules and more.
Sanjay wrote a lightweight gallery slider plugin and a one-level click menu in jQuery for the project.