crisp code | clean design | progressive web standards
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.
We suggested that their 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!
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.
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.
In the pouring rain, over mugs of Bailey's Irish Cream, Vikash narrated his vision for his website: minimal, attention to detail and textures, unconventional palette, and a particular Japanese wave pattern thrown in somewhere! The artwork in the corners was sent by Joseph Joseph in Bangalore.
We used the HTML 5 video tag to play his footage natively in modern browsers, with a fallback in Flash. While not responsive, the website looks great across devices.