become a professional web designer

47
© 2014 Tekno Point. All Rights Reserved. BECOME A PROFESSIONAL WEB DESIGNER

Post on 18-Oct-2014

2.128 views

Category:

Career


0 download

DESCRIPTION

The most comprehensive and effective course on web designing available in India from Tekno Point - India's most reputed training company on latest in web technologies. Benefit from our experience of training over 5000 IT professionals.

TRANSCRIPT

Page 1: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

BECOME A PROFESSIONAL WEB DESIGNER

Page 2: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

about Tekno Point

Anything which creates a situation in which change can occur. Tekno Point positions itself as a catalyst for adoption of latest in Adobe Products. Cat-a-lyst

company in India to introduce training on ActionScript, Flex, HTML5, latest versions of Adobe products, CompTIA CTT+, CQ and Adobe Marketing Cloud - Site Catalyst. With so many 1st's, you can Trust us to make you part of an upcoming technology before time and get the maximum along with growth of the technology. 1st

5000 Number of working professionals Tekno Point has trained in the last 13 years.

Page 3: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Our Clientele

And many more …

Page 4: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

What’s unique about Tekno Point

Training

Consulting

Interactive

Our Uniqueness

Trained over 5000 working professionals

Delivered > 1 million man-hours

Delivered 300+ Projects

Pre-trained Resources

Latest Technology

Best Practices

Page 5: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Evolution of Web design

The history of web design and its effect on designing as a career.

Page 6: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

In the beginning of the Web Era, the term design did not exist, no one was interested in the aesthetics of a website.

Here, a web designer was nothing more than a writer, a special writer that was able to write online the information. The First Website

Source: http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

The early eras

The status of the web designer evolved and now he is an artist that constantly combines the information with the aesthetics to make the navigational process more enjoyable to the user.

The beauty of a good design impressed the Internet users.

With the advent of Flash, designers got new capabilities to deliver good designs and coding evolved at the same time with the design.

Designers became aware that there is a fine but clear shift from just a illustrator to someone who can also code. Flash & web 2.0

The middle ages

Page 7: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Today a user is able to access a website from a multitude of devices with different screen sizes – This is a real challenge for a web designer.

Today the web designers are moving towards creating complex sites similar to mobile apps, but at the same time, making sure that these are perfectly rendered no matter what device is used.

The new web designer is expected to know about all the new devices and also to deliver designs that work perfectly on each one of them.

The State of the Web Today

A Responsive Website today

Presenter
Presentation Notes
                The unbelievable evolution of smartphones and gadgets entrained the birth of mobile applications that attracted many users. As a result, the web designers moved towards this field and created complex websites, similar to the apps, but at the same time, these are perfectly rendered no matter the device used. It’s obvious, we have the new website creator, he is called responsive web designer!                 I hope that this enhancement will convince you that a web designer should never be satisfied with his theoretical background & practical skills. The new web designer should take into consideration the new Internet accessing devices and he must be informed about the current state of mobile apps. What do you think, am I wrong? Are you considering another scenario for the near future? Please let me know your opinion by using the comment form, the more ideas, the better became the post!
Page 8: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Web designing as a career ?

Why web designing as a career makes sense.

Page 9: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Why web design matters ?

The Purpose of a good web design is to /

To achieve this, businesses continuously need talent that can /

Page 10: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

You can be that talent !

There is a continuous need for good web designers in the industry.

The next few slides say so …

Page 11: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Job trends

Lets analyse - job openings, career choices and salary ranges for a professional web

designer in India.

Page 12: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Web designer – Job trends in India

Source: recruit.net Job Index, India | http://jobindex.recruit.net/india_web+design%252C+graphic+design%252C+animation_trends

historical Job data of popular career choices

Web design graphic design animation

Average Job openings for Web Designers have been historically

3.5x MORE than the jobs available for Graphic Designers & Animators, over the last 5 years.

Page 13: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

So what does it mean ?

More Job Openings = better chances of getting a job

Page 14: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Web designer – salary statistics in India

Source: Payscale.com http://www.payscale.com/research/IN/Job=Web_Designer/Salary

How much can you expect to get paid as a professional web designer In India ?

Career Path Most Common future Career Roles & salaries for a Professional web designer

professional web designer

Page 15: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

So, What will it take to become a professional web designer ?

“ The opposite of professional is not unprofessional, but rather technician ” – David Maister

Page 16: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Creative skills

Are you prepared ???

Just knowing

the tools

professional

web designer

Learn from the professionals

Presenter
Presentation Notes
Page 17: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

With our 13 years of experience in training, delivering projects one of the most important realisation is that becoming a Successful Web Designer is a lot more than just being creative, a lot more than knowing the tools.

Become a professional web designer

Course objective / While technology will keep evolving , the core objective of this course is to groom you with a mindset and values that will help you adapt and stay among the top talent in the market.

Page 18: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Skills required

Technology /

Adobe Photoshop CC

Adobe Dreamweaver CC

Adobe Flash Professional CC

Tools /

CSS3 HTML5

Page 19: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Skills required

Subject areas /

Elements of a Digital Campaign

Fundamentals of Project Management

Work Ethics

Publishing to the Web

Design Principles

Elements of User Experience

Role of a Designer in Digital Marketing

Power of Visual Perception

Web Navigation

Introduction to WordPress

Designing Web Interfaces

Responsive Web Design

Page 20: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Who should do this course?

You are a subject matter expert in your industry where technology adoption is slow, Take a lead, Add professional web designing skills to accelerate how your industry can benefit from Internet.

You are already a web designer and have realized this course will fill the gaps and help you transform into a world-class professional

You are a Print and Graphic Designer who has a mental block in delivering for web, this course will help you with the knowledge you need to be confident of delivering web designs.

You want to make a Career in Web Designing and be among the top most talent in the country.

Nominate your friend, colleague, relative who you think has all the qualities of a winner but just needs direction to get started with an outstanding career.

subject matter expert

Already a Web designer

Print & graphic designer

Want to make a career

nominate A winner

Page 21: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course structure

The course is a balanced mix of training on the latest tools and a series of Workshops on all the subject areas.

6 Months Duration of the entire course

2 Months Optional Internship with one of our clients or Tekno Point Interactive team.

Jobs Placement support on successful completion of the course.

Regular walkthroughs, assignments, projects and a Final project – all aimed at helping you create an awesome portfolio.

A perfect balance of theory and practice with an intensive hands-on training approach. Do as you learn.

Page 22: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outlines

Presenter
Presentation Notes
Page 23: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 1 / Role of a Web Designer in Digital Marketing

This Workshop introduces you to various aspects of Digital Marketing ecosystem.

Since a web designer is required for designing compelling visual communication for Digital Marketing, this Workshop explains where & how a web designer fits into this ecosystem.

Page 24: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 2 / Elements of user experience

The purpose of this Workshop is introduce you to the fundamental concepts and processes in User Experience Design (UXD).

You will be shown how these concepts can help you deliver better results as a designer.

Page 25: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 3 / Design principles

The principles of design suggest effective and pleasing ways to arrange text and graphics on the page as well as the arrangement of individual elements within illustration, logos, and the overall graphic design of a document.

A designer who knows these design elements and principles can analyze the page in terms of line, color, movements, balance & harmony.

Page 26: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Tool 1 / Adobe Photoshop

Getting to Know the Work Area

Basic Photo Corrections

Working with Selections

Layer Basics

Correcting and Enhancing

Digital Photographs

Masks and Channels

Typographic Design

Vector Drawing Techniques

Advanced Layering

Advanced Compositing

Painting with the Mixer Brush

Working with 3D Images

Preparing Files for the Web

Producing and Printing

Consistent color

Page 27: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 4 / Power of Visual Perception

In this workshop, we will briefly discuss how humans perceive visual elements and how it affects visual design.

This will help you understand how to create visually appealing designs.

Page 28: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 5 / Web navigation

The purpose of this workshop is to introduce you to the process of designing navigation for Web.

You will be taken through the best Web Navigation practices followed by major organizations while implementing their projects.

Page 29: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 6 / Designing Web interfaces

The purpose of this workshop is to introduce you to the process of designing Web interfaces using interaction design concepts.

You will be taken through the 6 design principles which form the framework for designing web interfaces.

Page 30: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 7 / Responsive Web Design

In this workshop, you will learn to create Responsive Web designs targeted to work across devices.

At the end of this workshop you will be able to develop responsive layouts using various industry accepted techniques.

Page 31: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Assignment 1 /

Design 15 Unique Web Layouts

Design 5 Unique Emailers

Design 5 Unique Landing Pages

Design 15 Unique Web Banners

Page 32: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Technology 1 / html5 Introduction to the Web

Getting started in HTML5

Getting started with CSS

Working with DIV

CSS Selectors

Converting PSD To HTML

Using HTML5 Semantic Tags

HTML5 Media Support

HTML5 Form 2.0

CSS3 Properties

Using Sprites

Using Media Queries

Creating responsive site using

Media Queries & Grids

Working with Twitter Bootstrap

Working with LESS and Sass

Page 33: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Assignment 2 /

Create Emailers using HTML5

Landing Pages using HTML5

A Responsive Micro-site using HTML5

Page 34: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Tool 2 / Adobe Dreamweaver Customizing Your Workspace

HTML Basics

CSS Basics

Creating a Page Layout

Working with Cascading Style

Sheets

Working with Templates

Working with Text, Lists, and

Tables

Working with Images

Working with Navigation

Adding Interactivity and Mobile

applications

Working with Web Animation and

Video

Working with Forms

Working with Online Data

Working with Code

Page 35: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Assignment 3 /

Creating a Responsive Micro-site

Page 36: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 8 / Introduction to wordpress

This Workshop introduces you to WordPress CMS.

It covers basic fundamentals of getting started with WordPress including installation.

It also gives you an overview of implementing Themes & Plugins to build & maintain websites on WordPress.

Page 37: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Tool 3 / Adobe flash Getting Acquainted

Working with Graphics

Creating and Editing Symbols

Adding Animations

Articulated Motion and

Morphing

Creating Interactive

Navigation

Using Text

Working with Sound and

Video

Loading and Controlling

Flash Content

Publishing Flash Documents

Page 38: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 9 / Elements of a digital campaign

This Workshop introduces you to Elements of Digital Campaign like Rich Media Banners, Emailers & Landing Pages.

It also makes you familiar with the entire Live Cycle of Rich Media Banner Campaign.

Page 39: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Additional topic / Implementing Google analytics

Learn to implement Google Analytics

Page 40: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Assignment 4 /

Create Flash Banners

Create Linear Presentations

Convert Linear Presentations into Videos

Page 41: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Technology 2 / JavaScript & jquery JavaScript basics

Debugging with Firebug

Getting Started with jQuery

jQuery with HTML Page Content

Manipulating Page Content

Working with Events

Creating custom animations with

jQuery

Using the jQuery UI & Plug-In

Working with AJAX

Creating Slideshow

Creating Product Filter

Accessing Flicker feeds with JSON

Accessing YouTube video’s with

JSON

Working with gRaphel library for

creating charts

Page 42: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Assignment 5 /

Create Carousel

Create Image Filter Gallery

Page 43: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 10 / Fundamentals of Project Management

This Workshop introduces you to Fundamentals of Project Management.

It starts with basic definition of Project & Project Management and then focuses on topics like Key General Management Skills, Stages of Project Management & Best Practices for Project Management.

Page 44: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 11 / Work Ethics

This Workshop introduces you to Work Ethics & its importance.

It explains about characteristics of Work Ethics. It also teaches you how to develop Work Ethics by emphasizing on qualities that are significant for developing good Work Ethics.

Page 45: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Final project / Create a Digital Campaign

Web Banners

Emailers

Full fledged Responsive Website with Internal

Banners, Carousel & Gallery

Page 46: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Course outline

Workshop 12 / Publishing to Web

In this workshop, you will be introduced to the concepts of web & internet and how websites are hosted.

This will help you understand how to deploy and maintain your codebase on the server.

Page 47: Become a Professional Web Designer

© 2014 Tekno Point. All Rights Reserved.

Contact us

Contact Person: Himanshu Mody Mobile: +91 900 448 7772 Email: [email protected] Website: www.teknopoint.in

Thank You