crisp code | clean design | progressive web standards
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.
Based in Ithaca, New York, Colab is probably the most empathetic, socially motivated digital agency I know. I've been freelancing remotely with them since 2013, working on websites and HTML5 apps.
When they asked me to work on the front-end of their website, I was more than pleased to. The site has immersive, fullscreen backgrounds, lucid, visual content, and subtle, yet meaningful animations, including smooth image pixelations on scroll.
An online marketplace for video professionals, Voiro provides a space for creative content collaboration, allowing users to connect, network, create portfolios and find jobs in the field.
I work with the Bangalore based team on design, UI, UX and its integration with a robust Python/Django backend.
The Voiro team has been incredible to work with, and are a tonne of fun! The focus has been on creating a product that's intuitive and elegant, with a seamless user experience.
With real-time bidding from major courier service providers in Malaysia, users of MyCourier.my get the benefits of picking the best quotations to send packages domestically and internationally. With a web app, as well as apps on the Android and iOS stores, we built a responsive, professional app for users and courier service providers.
Edm.com revised and ramped up its web app, moving to a more minimal, yet stunning design, in a single page app that streams tonnes of free electronic music, has blogs, artist interviews, playlists and charts.
I worked with The EDM Network and Colab on this project, translating very custom designs into a responsive UI, with re-usable UI modules and structure provided to the CSS via the preprocessor Sass.
Gallery Maskara's old site in Flash was looking dated. Besides, they had issues with a powerful, but inflexible CMS.
We created very clean, minimal layouts, courtesy Design Concentrate, and built a fluid site with a CMS in Django/Python. A custom image zooming tool was also built to load and view high-resolution images responsively in the browser. The connections between artists, events, exhibitions were complex and handled efficiently, with a very in-depth Content Management System.
Marlon needed to ditch his older website in favour of an adaptive one that would work across desktop/tablet/mobile. It's a simple, one page director showreel, with HTML5 videos that load fast and are very crisp - great bandwidth/quality ratio. Simple, linear and scale animations add dynamism to the site. This one happened over steaming cups of green and light black tea!
India Someday customizes tours for visitors to India the same way you’d prepare a meal for old friends – with warmth, passion and diligence. Co-founders Abbas and Harsh wanted a site that was informal yet classy, friendly, minimal and easily accessible by all, no matter the user’s device…
It was difficult to fit the existing logo within the rest of the user interface, but we achieved it over some iterations. The site has simple, but effective CSS3 animations, plenty of accordions for text, and long forms that are easy to breeze through. It manages to evoke the riot of colors associated with an Indian summer, without going over the top.
And of course, India Someday is responsive across all devices and screens.
Note: The website has been rebranded since.
When True North decided to open a second branch for SAT, ACT, GRE and GMAT training courses, they asked us to build a responsive HTML5 web app optimised for tablets and touch devices. The app had various levels of permission for admin, staff, tutors, students and parents, for attendance to be marked and viewed on smartphones, tablets or desktops.
Each class has a tablet running Android that tutors and staff use to create lengthy profiles, mark and monitor attendance.
Built atop jQuery Mobile, the app is very touch friendly and intuitive, and uses responsive widgets and HTML5 native form fields for easy input of data.
This project was done for Design Concentrate, and the designs came via Our Platform. The old Flash website was overhauled and a clean layout in white, pear green and brown has replaced it. The client requested a carousel at the top, where each image represents a portfolio work.
The PSD templates provided were converted to a responsive website, and the responsive breakpoints added as per our discretion. We managed to maintain the visual integrity of the graphic designer’s vision, despite the fluid nature of a responsive website.
Sonia wanted to redo her website and was sure she wanted a classic look, white background, pure black type and one strong pop of colour across the site. Typography and trimming the content were very, very important.
After a few iterations, we succeeded in restraining her content, completely revamping navigation and allowing the user interface to breathe. A lush maroon provides the pop of colour in a sticky menu at the top. Fonts that were just right represent her content - Cinzel Decorative for the logo, Playfair Display for serif headings and surprisingly Droid Sans for body copy!
It's a responsive site - it stretches and squishes across mouse and touch devices.
We sat a few times, Shernavaz (she is luminescent), her daughter Zasha (she co-runs Clark House) and envisioned something clean, intelligent and beautiful.
The layout is responsive using pure CSS and media queries. It resizes seamlessly across devices. Fluid layouts are harder to achieve, but the end result is always worth it. We provided swatches on the bottom left for users to choose.
Macgregor Techknowlogy crafted a custom CMS, to easily upload and update images and content.
The company's aim is to bring quality performances via the medium of theatre and film to a large audience. Eisha Maskara from Design Concentrate created the graphics in Photoshop, which we converted into a responsive website, with fairly complex breakpoints to achieve the same.
The fullscreen background images were converted to grayscale, coupled with bold text and headings in deep orange to create an impact. A pert CMS was built to handle the sections for press and individual productions.
Note: The website has been rebranded since.