Website | Design | UI/UX | Responsive | Interactive Design
Me and my team participated in this project when Layout got approved by client. we did some design changes and started converting into HTML pages. As Art Director I lead this project and over looked overall project right from design changes, HTML, backend, pre-launch/post collateral, Launch and Post launch work at Hungama Digital Services in 2012/13.
A Summary Statements
The website had to reflect the ‘compactness’ of the Quanto, whilst also communicating it's lively and young character.
Campaign Background and Marketing Objectives
The Mahindra Quanto is the first-ever compact SUV from M&M Auto, launched on 20th Sept 2012. It is also the only compact-SUV on Indian roads.
The brand assets available to us were limited to the ATL creatives and the brochure design. The website had to be accessible across screens and devices – desktops, laptops, tablets, smartphones, phablets etc.
Campaign Strategy
We focused on a dynamic design interface, coupled with an open-content approach. In terms of the user experience, we adopted the 1-click approach, where information was accessible in a single click-through.
Campaign Concept
The product design is compact and cute, and it is targeted at the young, adventurous, energetic urban consumer. The Quanto’s digital identity had to reflect all this.
Campaign Execution
Once the sitemap was approved, we then made wireframes of each page, so as to visualise content buckets throughout the website.
We made sure to include lots of rich media throughout the site, in the form of images and videos.
All content was openly displayed on the homepage, thus allowing users to navigate visually.
Every time a person clicked on a cube, the cube would expand in a smooth animation to show the content within.
The other cubes would automatically resize around the selected content, thereby reducing page refresh time.
Videos, images and text were integrated into every content bucket. Videos played out within the expanded frame itself.
Videos, images and text were integrated into every content bucket. Videos played out within the expanded frame itself.
Campaign Result
In the first month since launch, the website www.mahindraquanto.com received 2 million page-views with an unheard-of bounce rate of 3.46%! This meant that almost every visitor was viewing more than 1 page on site.
The average time spent on the site by each user was 10 minutes, proving that the dynamic design and open-content approach had worked to capture interest.
The average time spent on the site by each user was 10 minutes, proving that the dynamic design and open-content approach had worked to capture interest.
Awards and Recognition
SLIVER at Designomics Awards 2012
DESKTOP VERSION OF WEBSITE
DISCOVER THE MAHINDRA QUANTO | INTRODUCING THE QUANTO PAGE
BUYER'S GUIDE | DEALER LOCATOR PAGE
MODELS | COLORS PAGE
DOWNLOAD | GALLERY PAGE
