Ravinder Basra
graphic designer

mobile design

digital marketing campaigns

web design

banner campaign

demo app concept

branding & web design concept

branding,
web design
& production

online ad campaign

Visual design for online products that included video, custom HTML/CSS widgets, slideshows, quizzes, informational graphics and imagery created while working at Metrodigi Inc.
Responsive design solutions were generated for mobile platforms which included design concept and layout, user experience strategies for customized functionality, royalty free font substitutions, image/video optimization and design of icons. All examples of work courtesy and property of Metrodigi Inc.

List of projects
1. Taschen: Fashion Ads of the 20th Century ebook with interactive timeline popup | View pdf sample | View iPad sample in store

2. Salesforce: Connected Nation Digital Marketing Collateral interactive pdf containing video | View
pdf sample

3. The Big Book of Why Concept Design | View pdf sample

4. Apple: Common Sense Media: Digital Literacy & Citizenship Curriculum | View pdf sample

5. LIFE Unseen: Johnny Cash ebook with interactive music player | View pdf sample | Download free iPad version in store

6. NBC: 47 Ronin: The Legend Reborn movie promo containing video, quizzes, widgets, social media access
|
View pdf sample | Download free iPad version in store

7. HarperCollins: Go Big or Go Home, Kat Von D. | View pdf sample |View Kindle sample in store

8. Golf Magazine's Big Book of Basics | View pdf sample | View iPad sample in store

9. Southern Living presents Big Book of Cupcakes | View pdf sample | View iPad sample in store |
View Kindle sample in store

10. Guitar World presents The Best Instruction Book Ever! | View pdf sample | View iPad sample in store |
View Kindle sample in store

11. Cooking Light: Oops! | View pdf sample

12. Star Wars: The Jedi Path | View pdf sample | View iPad sample in store

13. Christmas with Southern Living | View pdf sample | View iPad sample in store | View Kindle sample in store

14. Guinness World Records 2013 Gamer's Edition | View pdf sample | View Kindle sample in store

back to top

Dockers online banners, email newsletters, landing pages and site updates
Design and production of banners, email newsletters, landing pages and site updates.

Work done:
1. Concept design, typesetting, image editing and layout of email newsletters and banners.

2. Production of email newsletter using Photoshop and HTML in Dreamweaver.

3. Delivery of email newsletter using eCircle content management software.

4. Retouching, cropping and extensive image editing of all image content.

5. Optimization of banners in preparation for delivery.

Gay.com visual interface design and layout
Visual design of interface and web site components.

Work done:
1. Designed web page layouts and page components from wireframes for main pages of site, including guest and member home pages, landing pages, splash pages, account pages, blog page layouts, video browser, search modules, microsites and pop-up windows.

2. Concept development and design treatment of global navigation, sub-navigation, dashboard, blog headers, search, online email and chat applications.

3. Visual design of interface elements including buttons, icons, emoticons, uploading bars, masks and call to action graphics.

4. Design of email campaigns, newsletters, e-commerce pages for subscriptions and shopping, accounts and memberships, profiles, tutorial pages, tours and online help pages.

5. Design of pop-up window content, online ads, interstitials, error pages and intercepts.

CloudShare demo application
Concept design and layout of demo pages for online application.

Work done:
1. Created a demo placeholder logo for a fictional company named Acme Technologies, Inc.

2. Concept development and design of 3D graphical illustration element on home page, using Illustrator.

3. Design and formatting of text and modules areas within each page.

4. Design of 3D placeholder product packaging on product pages.

5. Layout and design of all pages in demo.

WordSmithie logo and web site concept design
Generated new concept designs for logo and web site pages.

Work done:
1. Design and development of new logo and branding.

2. Design and layout of web pages.

Kenchez hair salon web site visual design and development
Generated new concept designs for logo and web site pages.

Work done:
1. Design and development of new logo and branding.

2. Visual design and layout of web pages.

3. Copywriting and editing of text content.

4. Retouching, cropping and extensive image editing of all image content.

5. Production and development of pages using Dreamweaver, XHTML, CSS and JQuery.

back to top

Cloudshare online banner ads

Cloudshare online ads
Generated concept, design and layout of online ads with call to action button.