Class Room Project- 3 Documentation
Payal Vats | Graphic Design | Guide: Rupesh Vyas
Acknowledgment
I would like to thank my guide, Mr. Rupesh Vyas for his support and help during the project.
Contents
Project proposal Introduction to Asian Paints Products and Services ColourSchemePro | Description and features User Group Promotion of the App Initial concepts and explorations Banner for Webpage | Concepts and explorations Emailer page | Concepts and explorations More Artworks Banner for Homepage | Concepts and explorations Inside Webpage | Concepts and explorations Final Design Concepts Sources of Information
Project 03 documentation Design and layout: Payal Vats National Institute of Design I 2012
Project 03 Web Campaign for Asian Paints ColourSchemePro Application Project Guide: Rupesh Vyas
Introduction The project aims towards promotion of Asian Paints Colour Application through web campaign, which requires work towards developing concepts and art works for web posters, websites and e-mailers. Also developing the main Copy for the Campaign and generating the Data for the features for the users to understand the application. Communication Mediums E-mailers Web banners for corporate website Web posters and artworks
Scope of work Understanding and identifying the Application and its user interface to create art works and developing concepts.
Methodology Phase 1: Understanding the user interface and the application. Phase 2: Data filtration and working on Main Copy for the promotion along with initial concepts and ideas.
Week 1
Week 2
Week 3
Week 4-5
Week 5-6
Week 7-8
Research Data filteration Initial explorations Final execution Documentation
Phase 3: Execution of the deliverable outcome in the form of appropriate application.
Tentative Deliverable outcomes Web base application.
05
Introduction to Asian paints
A
SIAN PAINTS is an Indian paint company headquartered in Mumbai, India. It manufactures a wide range of paints for decorative and industrial use.
Asian Paints is India’s largest paint company and Asia’s third largest paint company, with a turnover of Rs 77.06 billion. It is one of the largest paint companies in the world and operates in 17 countries. Asian Paints was founded on 1 February 1942 by Champaklal Choksey, Chimanlal Choksi, Suryakant Dani and Arvind Vakil in Mumbai.
Major Products and Services Asian Paints manufactures and markets industrial and decorative coatings. The company’s key products and brands include the following: Decorative paints Interior wall paints Exterior wall paints Wood surface paints Metals surface paints Industrial coatings Protective coatings Floor coatings Road markings Automotive Body coatings Plastic coatings
Study of ColourSchemePRO Description and features
ColourSchemePRO by Asian Paints is the easy way to create custom colour combination. Pick a colour, using our deck of 1800 Asian Paints shades, and allow the app to guide you to the perfect Monochromatic, Analagous or Complementary combination. Photographs from the gallery on Android phone, or click a new photograph for colour inspiration.
Want to check with your friends and peers for their opinions? It’s easy, with ColourSchemePRO by Asian Paints. Just click “share”, and send out your custom palette via Gmail, Facebook
Splash Screen
Colour Selection Select a colour by browsing through the Asian Paints Colour Spectra fandeck or by clicking a new picture and choosing your favourite colour.
Dash Board
ColourSchemePRO Description and features
Build Colour Combinations This feature enables users to build a combination with the colour picked from the image. These colours are matched to the Asian Paints Colour Spectra range. There are three routes to build a unique colour combination - Monochromatic, Complimentary and Analogous.
Analogous Combination
Complimentary
Monochromatic
ColourSchemePRO Description and features
Save and Share Save the palette by giving it a unique name and tagging keywords related to your colour project. Share your colour combinations on Facebook and get views on your colours or email to friends and peer group. Browse through the dealer locator to spot the closest Asian Paints dealer in your area.
Share Combinations
Save Palette
ColourSchemePRO Other Screen Shots
Colour Picker
Colour Spectra
Users of the application Target Group
Interior Designers, Architects, Dealers and Designer Professionals, Advanced Smart Phone Users
Application is usefull Allows you to create custom palettes Good for choosing colours, especially unique shades and matching them. Application makes easier for dealer to match shade Also User Friendly A Professional Shade Tool
Promotion of the Application The application needed to be promoted before the launch. The main media of promotion was through electronic media as suggested by the client. Then various mediums of promotions were brain stormed such as: Web posters Web Poster is a new collaborative tool for sharing references with colleagues on the Internet. Web banners A web banner or banner ad is a form of advertising on the World Wide Web delivered by an ad server. This form of online advertising entails embedding an advertisement into a web page. Web Mailers An email service offered through a web site (a webmail provider) such asGmail, Yahoo! Mail for promotion on web.
Initial idea, concepts and doodles Various screen shots of the app: By using these screen shots, I tried to develop various art works for the promotion and these concepts and art works could be used in various means among media for promotion.
Banner for Web Page Concepts and Explorations
For the art works, I started to sketch rough doodles and concepts that could be applied or the promotion with modifications.
After understanding the application and also with the screens I started creating concepts and artworks. The main focuses of concepts were to highlight the main features of the app. I tried to come up with the series of main screens and build my art work around them in interesting ways.
17
Banner for Web Page Concepts and Explorations
Banner for inner page I made iterations by using different screen shots. The banner was supposed to contain the name of the aap with the brand and with an explore button.
Iterations for Banner for Inner Web Page
Banner for Web Page Concepts and Explorations
Final for Banner for Inner Web Page
E-mailer Page
Concepts and Explorations
Concept for mailer The mailer was supposed to contain the art work along with the brand and key features. The features along with thumbnails were also the part of the mailer.
I used one of the main screen along with the fan spectra to create an artwork for the mailer and tried to play around it with elements which were supposed to be in the final mailer.
Iteration 1 for Emailer
E-mailer Page
Concepts and Explorations
Iteration 2 for Emailer
Final Art work for Emailer
More Design Concepts Concepts and Explorations
I further developed few more artworks for the banner and mailer which were then refined and sent to the client for the approval.
Banner for HomePage Concepts and Explorations
Banner For Homepage For the homepage I tried to combine the feel of colours and paint and the app. Basically the app gives the user the opportunity to actually touch their combinations and colours.
So I tried to show the same concept like the colours form the screen are mixing with the paint outside
Banner for HomePage Concepts and Explorations
Final Banner for Homepage
Web Page
Concepts and Explorations
Web page The web page was supposed to have two sections. The web page would come when the user clicked on the “EXPLORE� button which is on the Homepage. The first section displays an artwork with the announcement of the Application by Asian Paints and the second section displays the key features of the application for the users to understand.
Web Page
Concepts and Explorations
Final artwork for the Web Page
Explorations for the second section of the web page which displays the screen shots of the application and explaining the key features about the app.
Web Page
Concepts and Explorations
The screens are displayed with main shots with the bubbles which explains the key features about the application.
Web Page
Concepts and Explorations
Each part depicts two screens such as “save and share� and then has the brief information for the user. 38
Final Web Page
Final Design Concepts
Final Asian Paints POSTER.
Final Asian Paints E-mailer
Final Design Concepts
Final Asian Paints HOMEPAGE BANNER
Final Asian Paints Webpage inside
Sources of Information
http://www.mobilexweb.com/blog/ui-guidelines-mobiletablet-design http://uxmag.com/articles/ipad-user-experience-guidelines Asian Paints library www.wikipedia.org