Ontario Skills Passport
Layout structure
Header structure
Display Noc
OSP Occupational Profile

OSP Occupational Profile

Print Occupational Profile

Display page browsing back option list
Display page browsing back option list <<Back
Display Noc Details
NOC Code: NOC Code: 2175 Occupation: Web designers and developers
Occupation Description: Occupation Description:
Web designers and developers research, design, develop and produce Internet and intranet sites. They are employed in computer software development firms, information technology consulting firms, information technology units throughout the private and public sectors, advertising agencies or they may be self-employed. Web designers and developers research, design, develop and produce Internet and intranet sites. They are employed in computer software development firms, information technology consulting firms, information technology units throughout the private and public sectors, advertising agencies or they may be self-employed.

  • Click on any of the Essential Skills to view sample workplace tasks for this occupation.
  • Scroll down the page to get information on career planning, education and training, and employment and volunteer opportunities.

Table will display the Skill Level for the Noc specified
Essential Skills Essential Skills Levels
Reading Reading 1 2 3 4
Writing Writing 1 2 3 4
Document Use Document Use 1 2 3 4
Digital Technology Digital Technology 1 2 3 4 5
Oral Communication Oral Communication 1 2 3
Money Math Money Math 1 2 3
Scheduling or Budgeting and Accounting Scheduling or Budgeting and Accounting 1 2 3
Measurement and Calculation Measurement and Calculation 1 2
Data Analysis Data Analysis 1 2 3
Numerical Estimation Numerical Estimation 1 2
Job Task Planning and Organizing Job Task Planning and Organizing 1 2 3
Decision Making Decision Making 1 2 3
Problem Solving Problem Solving 1 2 3
Finding Information Finding Information 1 2 3 4
Critical Thinking Critical Thinking 1 2 3

  • The skill levels represented in the above chart illustrate the full range of sample tasks performed by experienced workers and not individuals preparing for or entering this occupation for the first time.
  • Note that some occupational profiles do not include all Numeracy and Thinking Essential Skills.

If you would like to print a copy of the chart and sample tasks, click on the "Print Occupational Profile" button at the top of the page.

  • Read descriptions, directions and explanations on work orders for details of jobs such as modifications to web pages. (1)
  • Read email for details of web page design ideas, feedback on web designs, meeting arrangements and ongoing projects from supervisors, clients and graphic artists. (2)
  • Read trade publications such as Communication Arts and Vice. Read to stay abreast of emerging trends, technologies and issues in web design, development and programming. For example, read research articles about users' reactions to different web interfaces. (3)
  • Read and interpret requests for proposals, project proposals and web design and development contracts. Read to understand the full text and then refer to locate details such as technical specifications, timeframes, project objectives and costs. Read confidentiality and copyright agreements. (3)
  • Read clients' company policies, regulations and governing principles. For example, read policies on corporate identity and privacy to ensure that all regulations are being met when developing or modifying Internet and intranet sites. (3)
  • Read software and programming manuals, textbooks and online tutorials. You may initially read manuals cover-to-cover and then refer to specific troubleshooting, installation and usage instructions. For example, read online tutorials when learning how to use new programs such as Vector graphics. (4)
  • Read descriptive and explanatory text in reports when making design and structural changes to Internet and intranet sites. For example, read monthly and semi-annual web traffic reports that outline changes in usage and explain data and trends. The text is dense with content-specific terminology and may require interpretation to apply to specific Internet and intranet sites. (4)
Back to Top

  • Write brief notes and messages to record key points and web page changes. Place comments into computer code to let others know what particular lines of code do or to explain programs' operations. (1)
  • Write email to clients and supervisors on a variety of topics. For example, write messages to provide project updates, request clarification of change orders and request comments about web designs. (2)
  • Write and edit short texts posted on Internet and intranet sites. Create or revise website content to achieve a tone and style, which will appeal to specific target audiences and suit their purposes. Research and integrate information provided by clients to create compelling texts for the sites. (3)
  • Write new sections and updates to company policies covering matters such as website publication and approval procedures for new web pages. Write policies clearly and explicitly so that co-workers and client companies' staff can easily understand them. (3)
  • Write brief website overview and evaluation reports. For example, prepare website reviews, which outline equipment and computer software requirements, content revision suggestions and web page design changes. (3)
  • Prepare training and support materials for clients and co-workers. For example, write user support documents for uploading data, updating websites and troubleshooting website functioning. Write website maintenance and troubleshooting guidelines and training and support materials geared towards users' skill levels. (3)
  • Write a variety of reports such as website project summaries, final project reports and analysis reports for clients and supervisors. These reports may outline development and research methodologies, details of Internet and intranet site capacities, items that require immediate attention and monitoring, and recommended actions. Summarize and explain website user surveys and statistics such as traffic, site usage, sales and web page link speeds. (4)
  • Write technical articles for online newsletters. For example, a web developer may write an article on coding shortcuts for creating web page style sheets. They strive to explain the technical procedures using plain language. (4)
Back to Top

Document Use
  • Scan computer hardware labels for types, models, serial numbers, voltages and other data. (1)
  • Locate dates, hours, website visits and other data in lists and tables. For example, scan spreadsheets to locate the number of hours spent on projects and project deadlines when setting job priorities and assigning tasks. Use data and speed linkage tables to determine how well sites are functioning. (2)
  • Complete and verify information on forms such as timesheets, customer information and requisition forms, and cost estimate sheets. Check off items and enter details such as dates, web use data and brief explanations of changes and modifications. Verify information such as costs, dates, lists of items and brief explanatory text on update and approval forms, invoices and requisitions before starting web design and development jobs. (2)
  • Review web flowcharts and storyboards to understand the flow of web page navigation and identify how to link pages, frames and websites, and improve the flow. (3)
  • Locate and review specific data on graphs such as bar and pie charts. For example, review monthly web traffic bar graphs and frequency distribution pie charts when monitoring websites for usage and performance. (3)
  • Analyze the design of web pages to identify design elements and evaluate visual appeal. For example, review the size, location and colour of design features to make sure that pages are visually appealing and not too crowded. (4)
Back to Top

Digital Technology
  • Use communication software. For example, send attachments through email, and maintain your address books and distribution lists. Use day planners, calendars and alarm features in some email programs. (3)
  • Use word processing. For example, write project reports and design proposals, which require extensive desktop publishing. Format text, lay out pages and import design elements from other programs. (3)
  • Use graphics software. For example, create banners, backgrounds, illustrations, animations and other design elements for use in websites. This requires extensive knowledge of graphics programs and functions to create complex designs and decide which software to use for different design elements. Train and coach others to create website graphics. (4)
  • Use spreadsheets. For example, create spreadsheets to maintain project, budget, and website design data. Insert formulae to transform, summarize and automatically update data, and generate graphs to display them. (4)
  • Use hardware and system skills. For example, update and reload application software and configure network settings for clients' computers. Recommend equipment and software purchases, install programs and hardware to upgrade your own as well as clients' computers, and set up networks writing batch files and operating system scripts. (4)
  • Use databases. For example, design and create online catalogues using programs such as Access, setting structures, and designing filtering and sorting processes to extract data. (4)
  • Use the Internet. For example, read online web design and development textbooks using Internet Explorer. Create, upload and produce final websites using programs such as Dreamweaver, Front Page and Cold Fusion. Create style sheets to trap colours, manage fonts and archive files using a variety of utility programs, and online animations using programs such as Macromedia Flash MX and Macromedia. Test and edit software code to ensure compatibility and consistency between different browsers, and publish and test the functioning of the Internet and intranet sites on host servers before making them active on the web. You may maintain the sites for durations of project contracts. (5)
  • Do programming and software design and development, by modifying codes using a variety of utility programs. For example, assemble website layouts using programming languages such as HyperText Markup Language, Common Gateway Interface script, Java script and Flash animation script. Scan codes to locate faulty programming when troubleshooting interfacing and linking problems between application programs and web pages, and select programming languages appropriate for different applications. (5)
Back to Top

Oral Communication
  • Participate in ongoing discussions with committee members, co-workers, clients and colleagues about projects. For example, discuss the suitability of web designs with clients and co-workers. Interact with clients for the duration of projects to keep them informed and seek approval on designs. Receive technical support such as hardware purchasing suggestions, storage requirements and coding shortcuts from system analysts and programmers. (2)
  • Lead meetings with co-workers, colleagues and clients to discuss project details such as web design features, links, structures, and equipment requirements. Present research summaries, discuss options and advise clients on web design and development. (3)
  • Negotiate contracts with clients, consultants and suppliers. For example, negotiate terms for purchasing data storage space from suppliers, development time from consultants, and prices, terms and conditions for web development projects with clients. (3)
  • Participate in conferences and policy meetings on various topics such as graphics standards and intellectual copyright. As a web design and development expert, offer insights and advice on proposed standards and policies. (3)
  • Facilitate training sessions for co-workers and clients' staff. For example, provide one-on-one and group training sessions on topics such as maintaining and updating information on websites. (3)
Back to Top

Money Math
  • Calculate claim amounts for travel expenses such as car expenses and meals using established per kilometres and per diem rates. (2)
  • Review and approve invoices for website design, development and maintenance costs. Verify that the rates, quantities, taxes and totals are correct. (3)
Back to Top

Scheduling or Budgeting and Accounting
  • Complete cost analyses for equipment, supplies and services for web page development and maintenance considering requirements, quality and usage patterns. For example, compare the cost of website hosting offered by various suppliers to establish the best value. (3)
  • Establish and monitor schedules for short- and long-term projects. When scheduling, consider the incremental staff requirements of concurrent projects; and monitor human resources, equipment and material requirements and adjust them to stay on schedule. (3)
  • Establish budgets for large website development and maintenance projects. Budget for human resource costs, overhead, materials and supplier costs such as translation services. Modify budgets to incorporate unexpected costs such as additional time for difficult design features and staff time to troubleshoot linkage problems. (3)
Back to Top

Measurement and Calculation
  • Calculate the heights, widths and length of web page design features such as graphics, text and advertisement boxes. Convert between inches, centimetres and pixels to scale designs to fit a range of standard screens. (2)
Back to Top

Data Analysis
  • Compare web page download and upload times to standards. For example, review the transfer speeds between the purchase and the view cart action web pages to ensure the speeds are within the established targets or specifications. (1)
  • Compare monthly website data such as traffic and links to monitor upward or downward trends. (2)
  • Monitor and analyze statistics such as customer profile studies, purchasing and web usage trends for particular consumer groups or groups of website users to draw conclusions about trends and upcoming needs. (3)
  • Monitor and analyze website data to draw conclusions about the functioning of Internet and intranet sites. For example, calculate and compare average website traffic and types of website usage to make recommendations for improvements. (3)
Back to Top

Numerical Estimation
  • Estimate distances and dimensions when viewing web pages and designs. (1)
  • Estimate the time required to complete project tasks. Consider factors such as complexity of tasks and number of management approval levels. Failure to create accurate estimates can damage the organization's reputation. (2)
Back to Top

Job Task Planning and Organizing
  • Web designers and developers schedule their own job tasks to meet multiple project deadlines. They have many competing demands for their time, including responding to queries from clients, providing support to co-workers, completing design and development tasks, preparing reports and troubleshooting website malfunctions, so their job task planning must be flexible. In addition, they coordinate and integrate job tasks with programmers, system analysts, network technicians and other staff. (3)
Back to Top

Decision Making
  • Make website design and development decisions. For example, decide how to structure website databases and their levels of access, link web pages and the pop-ups embedded in them to promote further browsing within the websites, and where to place graphics, text and other design elements. (2)
  • Decide to bid on or accept design projects by considering factors such as deadlines, availability of key personnel, levels of expertise, required software and clients' preferences. Your ability to quickly assess project requirements is important to ensure you do not lose time reviewing requests for proposals for projects that may be unprofitable for the company or beyond your level of expertise. (2)
  • Decide to provide staff with software training by considering project deadlines, graphic design trends, new software, training costs and time, and the long-term benefits. Training decisions may require supervisors' approvals. (3)
  • Decide what to post on Internet and intranet sites. Choose graphics and text which you think will be effective and yet conform to clients' policies and corporate brand identities. Select only graphics and text for which you have or can obtain reproduction rights. (3)
  • Decide which initial design features of Internet and intranet sites to present to clients and supervisors. Consider the purposes of the websites, anticipated users and the budgets available. Carry out research into clients' companies and develop profiles of anticipated users to make informed design decisions. (3)
Back to Top

Problem Solving
  • Deal with delays in Internet development projects. For example, consultants and co-workers fail to meet deadlines, and required graphics, text and other electronic deliverables are unavailable. Reorganize schedules and tasks to counter the delays. You may also discipline unreliable employees and seek different suppliers. (3)
  • Face conflicts concerning the ownership of website projects in large companies. Develop strategies to help co-workers from different departments develop solutions such as joint Internet site partnerships. Recommend the creation of working committees to promote cooperation and coordination. (3)
  • Face clients who will not devote the funds needed to create accessible and well-designed Internet and intranet sites. Clients may lack the knowledge and understanding of web design and related technical limitations. Web designers and developers complete situational analyses and prepare business rationales to increase clients' understanding, and persuade them to put more resources into website development. (3)
  • Co-workers and clients' staff are not complying with web publication policies and standards. Prepare and circulate bulletins outlining the effects of non-compliance and restating institutional approval procedures for websites. If you are unable to change co-workers' behaviour, seek help from managers. (3)
Back to Top

Finding Information
  • Seek opinions and information from co-workers and colleagues to solve problems. For example, phone network managers for information on slow web page loading problems. (2)
  • Draw on information from resource materials, colleagues and clients when troubleshooting coding and software errors. You may need to seek opinions and advice from several technical resources and integrate them for the correct information. (4)
Back to Top

Critical Thinking
  • Evaluate clients' needs. For example, work in conjunction with system analysts to assess clients' storage space needs, and develop criteria to identify appropriate specifications for storage and retrieval systems to satisfy them. (2)
  • Evaluate the quality and usability of Internet and intranet sites using established evaluation criteria such as link speed, accessibility of information, number of hits and overall website usage. Use expertise and knowledge of web design and development when analyzing the data, drawing conclusions and making recommendations. (3)
  • Judge the suitability and effectiveness of website content. Use established criteria such as logical flow, interesting content and good overall design. Failure to think critically about the key topics and links often results in disjointed websites. (3)
  • Evaluate the quality and suitability of graphics and design features for websites by consulting web design publications and standards, research studies, competitors' sites and your own sites. Also consider websites' purpose and intended audiences, clients' budgets and software capabilities. (3)
  • Evaluate the performance of co-workers and consultants by monitoring their work and assessing their motivation and ability to work independently through observing their ability to meet deadlines. These judgments of employees' performance are key to building and maintaining strong development teams. (3)
Back to Top