Our Projects. All of them.

June 2018

Myanmar Institute of Information Technology

Myanmar Institute of Information Technology (MIIT) is a technical institute located in Mandalay, Myanmar and currently offers undergraduate programmes in Computer Science & Engineering and Electronics & Communication Engineering. It is a joint venture in the space of higher education between the Indian and the Myanmar governments. The International Institute of Information Technology, Bangalore (IIIT-B) acts as the mentor institution for MIIT and helps execute the academic functions of MIIT.

The MIIT website needed a complete content, design and technology overhaul. We assessed their needs through their briefs, references and numerous Skype calls. Based on the institute’s content needs and projects constraints we employed two distinct content modelling strategies to efficiently compose and publish pages. In the first one, we identified and defined domain-specific content types with a well-defined structure, narrative and relations (e.g. Courses, Programmes, Departments, People, Events, etc.). The second one used a page builder approach which enabled the composition of freeform pages using smaller modules. The clients were extended complete control of the hierarchy of pages and sections ensuring that the sitemap isn’t locked down to a rigid structure.

The project demanded keeping two key Burmese user considerations in mind — high mobile usage and use of Burmese language. The website was designed mobile-first with automated image resizing and optimisation so that mobile users are served smaller images for a fast browsing experience. It also completely supports multi-lingual content in both English and Burmese languages.

We collaborated with Hamsa Ganesh for the visual design of the website. The entire project was executed remotely from New Delhi with the clients located in Mandalay, Myanmar and designer located in Pune. The project was built on Craft CMS.

April 2018

The Antara Foundation

The Antara Foundation is a non-profit working on delivering public health solutions at scale.

This project started with a planning week — split between a discovery and strategy workshop with the clients and a couple of days of internal brainstorming to identify the most pressing issues with their existing WordPress-powered website. Based on our understanding and analysis we concluded that the most significant issue for the clients was the lack of tools to tell an engaging story.

Therefore this project was approached as building a storytelling tool where every page (including even the homepage) was built using modular components that would aid in building a story. These stories can be created and edited easily by the clients through Craft CMS’s intuitive authoring panel using the Neo plugin. This new strategy laid a robust foundation for The Antara Foundation to publish numerous stories about various aspects of their work.

We collaborated with Hamsa Ganesh on the visual design of this website.

February 2018

Guiding Tech

A brand new design for a publisher of explainers, buying guides, analysis and cool technology. The project involved a CMS migration from WordPress to Craft CMS, along with the programmatic migration of thousands of posts published since the very beginning of Guiding Tech.

September 2017

Buuuk

Buuuk is a bespoke mobile app design and development studio based in Singapore. They started out way back in 2008, right at the time Apple released the iPhone and opened its doors to the development community. Over the last decade they’ve gained immense respect for the high quality of work with their apps being regularly featured by Apple. Their clientele include prominent brands, services and Government organisations in Singapore.

We kickstarted this project with a visit to Buuuk’s cool office where we spent a few days conducting a discovery workshop to understand the project requirements and align all stakeholders. The interaction with various team members helped us reach a thorough understanding of their target audience, content, goals, and even their personality. Being a lean team Buuuk needed a hassle-free way to regularly publish case studies demonstrating notable aspects of their work and rolling out landing pages to support their marketing activities. After adequately learning about such needs and other constraints we arrived at a high level content strategy, information architecture, and recommended them to go for a CMS-driven website to lower their publishing overheads.

Having years of experience in designing digital interfaces, Buuuk created their own design language while we lent our web expertise and took charge of the implementation. The final website was built on Craft CMS and combines Super Table and Neo plugins to pull off a powerful page-builder. It extends key design controls to authors, enabling them to construct diverse case study pages and showcase the different services on offer, all from inside the CMS. The project was executed back in our studio here in New Delhi, with disciplined project management involving weekly check-ins, demos and feedback cycles.

Shout out to Nav and team for being the most delightful clients we’ve worked with so far!

May 2017

Tiffinbox

Website for “a tiny communication and illustration studio in New Delhi run by three socially-conscious designers”.

We love the folks at Tiffinbox. We’ve collaborated with them in the past, but that project felt like an appetizer. What better to follow-up with than their own showcase website?

With a little egging, we finally got them to bake and hatch the designs they had been sitting on for a long time and hire us to build it out. The website is a fairly straightforward Craft CMS powered studio portfolio with their work, projects, and a blog. The fun was in the small details imagined by Tiffinbox — tiny floating objects, an ever-changing gradient, a navigation bar that changes colour based on what’s underneath, etc.

March 2017

Design Fabric

A new publication on the art & design culture in India. Designed and run by A Good Feeling, the folks behind Taxi Fabric.

We worked closely with them through the design process and helped them think about the various types of content, and the relationships between each other. We also helped them break away from their print and traditional graphic design design background, think in terms of a dynamic web canvas, and deliver a great responsive website.

The development and Craft CMS integration happened alongside the design iterations. Having a complete, functional version of the website at every step greatly aided design reviews by providing both teams from different design backgrounds a common language to discuss, give, and act upon feedback.

The final website bakes in multiple layers of performance optimisations (CDN, static cache, responsive images, preloading links, lazy loading images, and more) and delivers a lightning fast experience.


This project was executed in close collaboration with Sanket Avlani, the founder of Design Fabric. On 13th Oct 2018 (and over the following days) multiple women have accused him of sexual harassment. In light of such disturbing accounts, and by Sanket’s radio silence for 10 days (as of writing this note), we stand firmly with the victims. We are deeply disappointed with stories that have emerged and we condemn all forms of harassment, at the workplace or otherwise.

March 2017

Rethink Aadhaar

A campaign to document and publicise the shortcoming, dangers and possible reforms of Aadhaar, India’s unique identification project. We came on board to help the campaigners translate their designs and ideas into a working website.

Given the nature of the project, we were working under tight contraints. Yet, given the nature of the project, we wanted to give the campaigners a fair amount of flexibiltiy in publishing different kinds of content. We decided to build the site on Squarespace and achieve the flexibility by designing only a small number of key templates. We leveraged Squarespace’s Collections and taught the authors to use the powerful Layout Engine. Together, we were able to produce a site which answers questions, busts myths, higlights citizen issues and provides ongoing updates.

Here’s hoping the authorities take note, engage and improve the system.

November 2016

Hamon

Hamon is a team of experienced software developers based in Kerala, India. Their work spans across IoT infrastructure, device management and automation. We worked under a short timeframe to extend their branding into a clean, minimal and fast website built on Jekyll.

September 2016

Speech Bill

As an effort to reform the archaic defamation laws of India & strengthen freedom of speech in the country, we were glad to lend our support to this cause. Presented to the Parliament of India as a Private Member’s Bill by Lok Sabha MP Tathagata Satpathy, the website was a means to introduce the proposed reforms as well as build support for the bill amongst the public.

May 2016

Indian National Interest

The Takshashila Institution brought us on board to create a website that would work as a knowledge repository of articles, discussions, events, jobs, courses and scholarships on public policy in India.

The project commenced with an intensive week-long discovery and brainstorming workshop, where all stakeholders came together at the client’s office in Bangalore. Together we turned their family of blogs into a conversational platform, and undertook a sizeable data migration exercise to port years worth of content. We built the first prototype on Craft CMS, but unfortunately, the project got shelved later.

We collaborated with Pooja Saxena, who led the design and branding on this project.

October 2015

IndiaBioscience

IndiaBioscience is a non-profit program responsible for evangelising the growing academic opportunities in biology and life sciences in the country. They also work to bring together existing practitioners as a community and improve the community’s engagement with the country and world at large.

We began working with IndiaBioscience as early as October 2014 when we visited their office at the beautiful NCBS campus in Bangalore (where they are currently incubated), and went over the breadth of the organisation’s historical and ongoing activities as well as future plans, in detail. We learned that in order to provide a comprehensive resource for opportunities in India the website will need to host a diverse range of content and cater to a wide array of audience whose needs could greatly vary. To illustrate a few — scientists and biologists looking for discussion spaces and assistance in their work, researchers abroad mulling about pursuing options in India, students who want to participate in meetings and exchange experiences, organisations around the world looking for partnerships, and several more.

The project was realised in multiple development phases. The first one started off with identifying three primary types of sections based on the content formats and interaction models: article based content for News and Columns, public classifieds for Jobs, Grants and Events and directory listings for Institutes and Cities. These sections naturally formed the major components of the new website. Further, a set of minor sections such as free-form resources, projects and meta information about the organisation itself were also identified. Lastly we deduced taxonomies (such as scientific disciplines, subject themes and academic levels) to classify and group content across various sections. This went on to allow users to discover related content across the entire site.

The second phase simplified some long-standing operational activities undertaken by the organisation. IndiaBioscience conducts multiple kinds of meetings throughout the calendar year. The website CMS was extended to allow them to easily add micro-sites for each meeting, accept applications and facilitate a review process whereby evaluators can shortlist participants. Other than the events, thousands of community members are kept updated and engaged through newsletters. The website control panel now allows the organisation to quickly compose newsletters by handpicking relevant content from the information dense website and sending them out to the subscribers.

Lastly a new discussion forum was integrated with the website to facilitate active interaction among the community.

In addition to being the longest project we have worked on so far, this was also the most iterative. Each development phase was broken into multiple smaller releases. We ranked the content sections based on importance and tackled just a couple every release. This allowed us to debut and maintain a beta version of the website as early as December 2014. We have since gathered valuable feedback and completed two major iterations on the visual design as well as doubled the number of sections on the website, leading up to the transition as the primary IndiaBioscience website in September 2015. We collaborated with Pooja Saxena on the final visual design of the website, and Nigel Babu for setting up the discussion forum.


We chose to build the new website using Pixel & Tonic’s Craft, a CMS we have come to appreciate a lot even as we push it to its limits. Craft was chosen for its native support for completely custom content schemas, flexible classifications via categories and inter-linking of content. We have exploited these capabilities to provide a densely inter-linked and cohesive experience to site visitors who can effortlessly hop from a news item, to a related institute, to jobs offered at that institute, to more jobs available in that city, to events happening in that city, all in a single flow.

We have also extended Craft’s functionalities in certain areas during the course of development and released a few of these extensions as re-usable plugins:

  • Router — routes requests to pages with a filtered, pre-loaded list of entries. This powers the filters on the classified pages.
  • Emailer — sends entries as emails.
  • Obfuscator — adds a Twig filter to obfuscate emails or any other content using Hivelogic Enkoder.
  • Cryptographer — adds Twig filters to perform cryptographic operations.

For the discussion forum we opted for a self-hosted installation of Discourse. Discourse supports single-sign-on which eliminates the need for the users to create separate accounts in the main website and the forum.

May 2015

Global Congress 2015

Now in its fourth edition, the Global Congress is an academic conference that brings together research, civil society, industry and regulatory and policy-making communities from all over the world to discuss how intellectual property policy can best serve public interest. This year’s event is being held in Delhi and co-ordinated by the Centre for Internet & Society. We have always appreciated the work CIS does for our digital rights and freedoms, and were glad to collaborate with them on this project.

The Global Congress website project had two major components. The first was to present information about the event, which includes basic details such as dates, venue and news, as well as a fully featured conference programme with speakers, tracks, sessions and the schedule. The second component was the application process for participating in the Congress, with a private section for reviewers to evaluate submitted proposals.

We employed the MIT licensed Bolt CMS for tying these together into a cohesive website authoring system. Bolt offered us flexibility to craft content types based on the requirements of this event. The programme section in particular is completely relational and interlinked across the site, while Bolt’s classification system in the form of Topics let us tag different types of content under a single umbrella. For the type, Nevis was paired with Source Sans Pro for titles and body text respectively.

April 2015

Blue Tokai Coffee Roasters

The Blue Tokai Coffee Roasters started a few years ago to meet (and create) the demand for freshly-roasted artisanal coffee beans. They source coffee beans locally from some of the finest growers of Arabica in the country and their roasts keep us awake at work, day in and day out. We were very excited when they approached us to improve their website.

As with most of our projects, we started by working with the clients to clearly identify the issues they were facing with their then WordPress-powered web store, and also achieve a holistic understanding of their process of fulfilling orders. The exercise prepped us for eliminating their pain points and figuring out faster and more efficient ways of doing things.

Keeping the project constraints in mind, we suggested transitioning the web store over to Shopify. This move greatly simplified the task of managing the online store and also allowed us to make minor tweaks on the storefront to keep the customers better informed about Blue Tokai’s roasting and delivery cycles. Furthermore, through its APIs, Shopify enabled us to tailor-make an order manager that automates and streamlines various routine activities — receiving orders, batching orders for roast days, handling shipping and tracking details and managing periodic subscription orders — allowing them more time to focus on their products.

The order manager is a web application written in PHP and built on the lightweight Fat Free Framework. It interfaces with the Shopify APIs to manage the custom storefront features, automatically create invoices for each order on QuickBooks Online (through the QuickBooks API) and implement appropriate interventions that assist various stages of order processing. These include: printing their universally loved “specially packed for” labels, calculating batches for coffee roasting, grinding the coffee and packing them, to name a few. At the other end the application interfaces with FedEx Shipping Services API and Blue Dart Shipping API and generates shipping labels for the shipments. Once the orders ship out, the application sends out a confirmation email to the customer and updates the order status back on Shopify.

As lovers of good coffee ourselves, we are happy to have played a small part in helping coffee roasters deliver speciality coffee beans.

April 2015

Base Station

After working out of a basement, a co-working space, a friend’s office and lots of cafes during our initial years, we finally decided to get a place of our own late last year. It took us a while to get it into shape, and in April 2015, we threw it open for co-working with an initial capacity of six seats. That perfect workplace had eluded us all these years, and we figured there must be others that seek ambient music, great coffee, spacious seating and flexible timings. Also, it’s just better working with other interesting people around.

The Base Station website serves as a marketing and informational channel for the co-working space. Information on facilities, pricing and location is punctuated by photos of the space, the co-workers and a video guiding people to the office. Not only was the website designed and implemented in record time, but also designed and implemented to perform in record time. Being low on content, we skewed a traditional CMS for smaller component PHP files; routing is handled by a dependency-free PHP script Route by Jesse Boyer. The text is typeset in Gibson by Canada Type.

October 2014

Exploring new age digital banking experience

As a part of envisioning modern consumer banking for IDFC (a new retail banking licensee in India) we conducted user research, and explored web and mobile interface prototypes. Done in collaboration with Quicksand and other partners. The institution later launched as IDFC Bank.

June 2014

Guiding Tech Newsletter

Custom WordPress plugin for scheduling and automating newsletter generation. Developed and deployed for our friends at Guiding Tech.

March 2014

Flipick

Interface design prototype for an online e-book store for students.

December 2012

Ashvin Kumar

Designed and developed a website to showcase the many prolific films of Oscar nominated director Ashvin Kumar. Powered by Kirby CMS, the site offers the filmmaker incredible flexibility in constructing film pages: an upcoming film might just reveal a poster and a synopsis, while a national award winning documentary’s page can weave a story of its subjects alongside useful information about the movie. And it all comes together as a timeline of events on the home page.

February 2012

LoReMo

A loyalty rewards program for providing rewards based on location and QR codes. We designed their marketing website.

December 2011

RESSET

An initiative to help children explore opportunities and discover their passion. We designed the website for this education startup by some friends.