Our Projects. All of them.

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. We 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.

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.

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.

October 2015

IndiaBioscience

IndiaBioscience is a non-profit program responsible for evangelising the growing academic opportunities in biology and life sciences in India. 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 section 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 few 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 thread.

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:

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

[Redacted]

Conducted user research and explored web and mobile interface prototypes for an upcoming financial institution in India. Done in collaboration with Quicksand and other partners.

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

Website design for an Oscar nominated independent documentary and feature film director.

We’d first worked with Ashvin on the Inshallah, Kashmir website. We were both quite happy with that engagement and the manner in which the website weaved a journey around the film with its own little narrative. Ashvin wanted to re-create that for the rest of his films, and brought us on board to redesign his portfolio website.

We opted for a minimal look, employing only neutral shades for the colour scheme. We wanted the design to take a backstage, and let the films provide all colour and depth. In order to re-create the narrative structure of the Inshallah, Kashmir website, and to hand Ashvin and his team complete editorial control in moulding the story, we created a modular page builder powered by Kirby CMS.

October 2012

Mobikwik

A phone recharge and bill payment service. We overhauled the user flows and the website design.

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.