crisp code | clean design | progressive web standards
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!
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!
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.
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.
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.