Web Design

Web Design

A Web Designer/Developer will be referred to as a Web Designer throughout this document. Web Design/Development encompasses many different skills and disciplines in the production and maintenance of websites. The skills required of a web developer are diverse, often to the point it is difficult for a developer to excel in all aspects. As a result, a team may cover the Web Design process, with each member of the team having their own strengths, specialties, and role in the development process.

Web Design involves implementing specific solutions that follow the business rules and objectives outlined by the client. Web Designers develop a professional relationship with their clients, interacting with the in order to develop a deep understanding of the requirements, and convert these into a website specification. Strong design and communication skills, coupled with research techniques and a grasp of target audiences, markets and trends, will ensure initial client satisfaction and credibility for the Web Designer.

Having completed the website planning and design, the Web Designer then integrates the website with third party tools and platforms. During the development process Web Designers implement, the design, use their programming skills in order to create dynamic functionalities, test, and debug the website using a variety of devices. The current trend is to also integrate the website with social media to take advantage of the online marketing platforms available.

All these skills may apply equally to the re-design or an upgrade of an existing website. A Web Designer has many employment opportunities. This can range from being a self-employed freelancer, or an entrepreneur, to being employed by advertising agencies and web development companies as well as many different other types of organizations. Web Designer positions may be broad in scope or specialize in an area such as graphic design for the Web, user interface design, digital user experience design, front end development, back end development, content management systems developer as well as client and project management. Whichever role a Web Designer chooses to specialize in they will need to have access to ICT facilities, open source libraries, and frameworks.

High performing Web Designers may have broad or specialist web-related skills. They must understand artistic values, have solid user interface design skills, programming skills, and take personal responsibility for being constantly at the forefront of trends and web technology. They must also be responsive to clients and have the ability to work in structured and unstructured teams and groups. These qualities enable the Web Designer to contribute and take advantage of this rapidly developing aspect of modern communications technology.

Score Guidelines:

  • Work organization and management – 6%
    • Principles and practices that enable productive team work
    • The principles and behaviour of systems
    • The aspects of systems that contribute to sustainable products, strategies and practices
    • How to take initiatives and be enterprising in order to identify, analyse and evaluate information from a variety of sources
    • Identify multiple solutions to a problem and offer them as options against time, budget, and other constraints.
    • Troubleshoot common web design and development problems
    • Take into account time limitations and deadlines
    • Debug and handle errors
    • Use a computer or a device and a range of software packages
    • Apply research techniques and skills to keep up-to-date with the latest industry guidelines
    • Plan each day’s production schedule according to available time
    • Include linked images, fonts, native files and production file format when archiving
    • Use version control systems
  • Communication and interpersonal skills – 6%
    • How to solve communication problems including identifying theproblem, research, analysis, solution generating, prototyping, usertesting and outcome evaluation
    • Design concepts and techniques including wire framing, storyboarding,and creating flowcharts
    • Software design concepts and techniques including flowchart and ERdiagrams
    • Read and understand specifications documents
    • Deliver a product that responds to client requirements and specification
    • Gather, analyse and evaluate information
    • Interpret standards and requirements
    • Match client requirements
    • Present a concept to meet business requirements
  • Website design – 22%
    • How to follow design principles and patterns in order to produce aesthetically pleasing and creative design
    • Issues related to the cognitive, social, cultural, technological and economic contexts for design
    • How to create and adapt graphics for the web
    • Different target markets and the elements of design which satisfy each market
    • Protocols for maintaining a corporate identity, brand and style guide
    • The limitations of Internet enabled devices and screen resolutions
    • Create, analyse, and develop visual response to communication problems, including understanding hierarchy, typography, aesthetics, and composition
    • Create, manipulate and optimize images for the internet
    • Identify the target market and create a concept for the design
    • Create responsive designs that function correctly on multiple screen resolutions and/or devices
    • Transform an idea into an aesthetically pleasing and creative design
    • Critique draft concepts, colour and typography choices
  • Website layout – 22%
    • World Wide Web Consortium (W3C) standards for HTML and CSS
    • Positioning and layout methods
    • Usability and interaction design
    • Accessibility and communication for users with special needs
    • Cross browser compatibility
    • Search Engine Optimization (SEO)
    • How to embed and integrate animations, audio and video where needed
    • Create code that conforms and validates to the W3C standards
    • Create accessible and usable websites for variety of devices and screen resolutions
    • Use CSS or other external files to modify the appearance of the website
    • Use CSS pre/post-processors
    • Create and update websites for user experience and to assist with search engine performance
  • Client side development– 22%
    • The individual needs to know and understand:
      • JavaScript
      • How to integrate libraries, frameworks and other systems or features with JavaScript
  • The individual shall be able to:
    • Create website animations and functionalities to assist in context explanations and adding visual appeal
    • Create and update JavaScript code to enhance a websites functionality, usability and aesthetics
    • Manipulate data and custom media with JavaScript
    • Create modular and reusable JavaScript code
  • Server side development – 14%
    • The individual needs to know and understand:
      • Object-oriented PHP
      • Open Source server side Libraries and Frameworks
      • How to design and implement databases with MySQL
      • FTP (File Transfer Protocol) server and client relationships and software packages.
      • How to manage data exchange between server and client systems
      • Software design patterns (E.g. MVC (Model View Controller))
      • Web application security
    • The individual shall be able to:
      • Manipulate data making use of programming skills
      • Protect against security exploits
      • Integrate with existing code with API (Application Programming Interfaces), libraries and frameworks
  • Content management systems – 8%
    • The individual needs to know and understand:
      • Benefits and limitations of open source Content Management Systems
      • How to find, choose and implement suitable plugins/modules
      • How to implement client side functionalities to CMS web sites
      • Understand the need for maintenance and updates to CMS plugins and modules for security
    • The individual shall be able to:
      • Install, configure and update Content Management Systems
      • Install, configure and update CMS plugins/modules
      • Create custom themes/templates for Content Management Systems
      • Create custom plugins/modules