An In-depth guide to Web Design, Web Design Teams, and Web Design Tools

There are many levels of involvement in pursuing a career in web design or production. Involvement in a web design project can range from a team of just one person to a team of dozens, hundreds, or even thousands of contributors.

The following are the involvement of persons in a web design team and their responsibility.

Content Wranglers

These persons are involved with the content on the website and its maintenance. Content Wranglers in modern web development are related to Information Architect(IA) and the Content Strategist. Content wranglers are responsible for the search functionality, site diagrams, how the content and data are organized on the server, every bit of text on a site, from long explanatory text down to labels on buttons, supports the brand identity and marketing goals of the organization.


Design is concerned with the plan or drawing produced to show the look and function or working of the website. Persons involved in design have several specializations. These includes:

  • User Experience Interaction and User interface Design.

According to Donald Norman who coined the term User Experience (UX). UX design includes “all aspects of the user’s interaction with the product: how it is perceived, learned, and used. The UX design should be done in line with the organization’s brand and business goals.

The deliverables that User Experience (UX), User Interface (UI) or Interaction designers produce are user research and testing reports, wireframe diagrams (The structure of a page using only outlines for each content types and widget), Site diagram (The structure of the website as a whole and how individual pages relate to one another), storyboards(A trace through a site or application from the point of view of a typical user)  and user flow charts (Focuses on details rather than telling a story).

  • Visual Graphic Design

Visual graphic design in web design involves a visual presentation by a graphics designer. This is the “look and feels” of the site – logos, graphics, type, color, layout, and image assets.

  • Code Slinging

This is concerned with creating and troubleshooting the documents, style sheets, and images that make up a website. This involves the development or production department (This falls into two categories frontend development and backend development).

Frontend development members are responsible for the aspect of the design that appears in or relates directly to the browser. This includes HTML, CSS, and JavaScript.

Backend development members focus on the server, including the applications and databases that run on it.

Other Roles in Web Design project:

Other roles that contribute to the creation and maintenance of a website are Product Manager (These persons guides the design and development of a website in a way that meets business goals), Project Manager (These persons coordinates the designers, developers, and everyone else who is working on the site), SEO specialist(These persons are responsible for tweaking the site structure and code in a way that increases the chances it will be highly ranked in search results),  and Multimedia Producers(These persons are responsible for creating video, animation, or interactivity on the web).

Equipment and Software Required for Web Designs.


A solid, up-to-date Computer: These can be a Macintosh, Windows, or Linux.

A Large monitor: Although not a requirement a large monitor makes life easier.

A second computer for testing: many designers and developers find it useful to have a test computer running a different platform than the computer they use for development. If you have a Macintosh computer with an Intel chip running macOS you don’t need a separate computer to test in a window’s virtual machines (VMware and VirtualBox).

Mobile devices for testing: It advisable to test the appearance and performance of your site on browsers on smartphone and tablet devices.

A scanner and/or camera: Scanner and camera may be required for making images and textures.

Web Production Softwares:

Coding Tools (Sublime Text, Atom, Brackets, CodeKit, Adobe Dreamweaver, Coda, Microsoft Visual Studio).

User interface and layout tools (Sketch, Affinity Designer, Adobe XD, Figma, UXPin).

Web Graphics Creation Tools (Photoshop, Illustrator).

Browsers (Chrome, Firefox, MS Edge, Internet Explorer, Safari, Opera), and File management and Transfer Tools (Filezilla, Cyberduck, WinSCP, Transmit).

Reference: Jennifer, R (2018)Learning Web Design (5th edition) O’Reilly Media, Inc.

You May Also Like