Web Designer

Web Designer fulfills 22 task examples that highlight routine actions and what’s at stake for the people served. The tasks steer learners toward the most important practices. Each one shows where we found it, and comes with an AI prompt you can copy and use straight away.

22evidenced tasks
22ready prompts
10tools of the trade
15-1255.00O*NET-SOC code
113,330hold this job (US, BLS 2025)
$104,000median pay/yr (US)
Open Web Designer in the interactive atlas →

What it pays

Government survey numbers — not estimates, not ads.

Half of all Web and Digital Interface Designers in the U.S. earn more than $104,000 a year — the middle 80% land between $53,750 and $201,550. About 113,330 people in the U.S. do this work. Figures are for the U.S. occupation group “Web and Digital Interface Designers”. (U.S. Bureau of Labor Statistics survey, published 2025.) In India, Professionals earn about ₹38,298 a month on average — around ₹4.6 lakh a year (government PLFS survey via ILOSTAT, occupation-family figure).
$104,000typical pay / year
113,330people in this work
$201,550+top 10% earn
₹4.6 lakha year in India (family avg)
Think you get this job?Six quick questions on how it really works — with a hint and the reason behind every answer.
Test yourself →

The work, task by task

These are the real jobs-to-be-done, not a wish list. Each task shows where we found it, and the prompt underneath is written for that exact task.

Analysing1

Conduct user research to inform design decisions

+
Run three 30–45 minute moderated interviews with current customers—Sarah from sales, Omar from operations,…
Run three 30–45 minute moderated interviews with current customers—Sarah from sales, Omar from operations, and two recent sign-ups—capture tasks, pain points, and emotion, then deliver a 2‑page findings brief and three prioritized design recommendations by next Wednesday.
The tools that do the workAmazon Web Services AWSO*NETWikipedia
The daily work21

Align the client's web presence with its business strategy

+
Align the company website with the 2026 growth plan by mapping each service page to its target customer…
Align the company website with the 2026 growth plan by mapping each service page to its target customer segment, update navigation and CTAs so enterprise leads see pricing and case studies first, then send the site map to Carlos and Maya by Tuesday for sign-off.
The tools that do the workAmazon Web Services AWSESCOjob descriptionsO*NET

Troubleshoot website issues

+
Troubleshoot the report of slow page loads and intermittent form failures: reproduce the errors, capture…
Troubleshoot the report of slow page loads and intermittent form failures: reproduce the errors, capture console logs and network waterfall, roll back last deploy if needed, and notify Javier and the dev team with findings and ETA within four hours.
The tools that do the workAJAXESCOjob descriptionsO*NET

Maintain and update website content

+
Publish the weekly content update: replace the outdated case study on Services, add three new blog posts with…
Publish the weekly content update: replace the outdated case study on Services, add three new blog posts with featured images, proofread for tone, verify mobile rendering, then notify Priya in marketing and schedule the social posts for Thursday morning.
The tools that do the workAdobe Acrobatjob descriptionsO*NETWikipedia

Design layout and visual elements

+
Design the homepage and service pages layout to highlight the new pricing tiers: wireframe desktop and mobile…
Design the homepage and service pages layout to highlight the new pricing tiers: wireframe desktop and mobile layouts, build visual comps for the hero, feature grid and testimonial module, get feedback from Ana by Friday, then freeze assets for development handoff.
The tools that do the workAdobe IllustratorAdobe PhotoshopESCOjob descriptionsWikipedia

Stay updated with web design trends and technologies

+
Research current web design patterns and the three competitors we track, summarise accessible component…
Research current web design patterns and the three competitors we track, summarise accessible component examples and performance techniques in a two-page brief, recommend two libraries to trial, and send it to Leo and the design team next Monday.
The tools that do the workAmazon RedshiftO*NETWikipedia

Integrate multimedia elements into websites

+
Integrate the new product demo video and animated hero into the site: encode responsive video sources, add…
Integrate the new product demo video and animated hero into the site: encode responsive video sources, add poster images and accessible captions, embed the animation with graceful fallback, then test on iOS and Android and report any regressions to Marco.
The tools that do the workAdobe After Effectsjob descriptionsWikipedia

Optimize website graphics for performance

+
Optimize all hero and product images on the site for fast delivery: generate responsive sizes, convert to…
Optimize all hero and product images on the site for fast delivery: generate responsive sizes, convert to modern compressed formats, strip unnecessary metadata, and produce a validated image manifest so pages load under two seconds on mobile by Friday.
The tools that do the workAdobe Photoshopjob descriptionsWikipedia

Create searchable indices for Web page content.

+
Build searchable indices for all page content: extract headings, body text, alt text and metadata, normalise…
Build searchable indices for all page content: extract headings, body text, alt text and metadata, normalise tokens, create a lightweight inverted index per section, and deliver a JSON-backed search index that updates as content changes.
The tools that do the workAJAXAmazon DynamoDBO*NET

Create Web models or prototypes that include physical, interface, logical, or data models.

+
Create interactive web prototypes that include page layouts, component states, data shape examples and a…
Create interactive web prototypes that include page layouts, component states, data shape examples and a diagram of how data flows between client and API, then hand over clickable models and a data dictionary to the engineers.
The tools that do the workAdobe IllustratorO*NET

Develop system interaction or sequence diagrams.

+
Draft system interaction and sequence diagrams showing user actions, frontend component calls, API endpoints,…
Draft system interaction and sequence diagrams showing user actions, frontend component calls, API endpoints, third-party services, and expected responses for key user journeys, then export PNGs and a downloadable diagram file for the team review on Wednesday.
The tools that do the workAdobe IllustratorO*NET

Perform Web site tests according to planned schedules, or after any Web site or product revision.

+
Run scheduled site tests after the latest deploy: smoke-test critical paths, validate responsive breakpoints,…
Run scheduled site tests after the latest deploy: smoke-test critical paths, validate responsive breakpoints, measure load times and resource waterfalls, log failures with repro steps, and send a concise test report to Tom in QA by end of day.
The tools that do the workAJAXO*NET

Direct and execute pre-production activities, such as creating moodboards or storyboards and establishing a project timeline.

+
Lead pre-production: assemble moodboards, sketch storyboards of key flows, lock core UI components, and…
Lead pre-production: assemble moodboards, sketch storyboards of key flows, lock core UI components, and publish a two-week timeline with milestones so design, content and engineering agree before the kickoff on Monday.
The tools that do the workAdobe IllustratorAdobe PhotoshopO*NET

Monitor website traffic and performance

+
Monitor site traffic and core performance metrics for the marketing site for the last 7 days, flag pages with…
Monitor site traffic and core performance metrics for the marketing site for the last 7 days, flag pages with load time over 2.5s or error rate above 1%, and send a prioritized list with screenshots and suggested fixes to Sam in ops by Friday.
The tools that do the workAmazon Elastic Compute Cloud EC2job descriptions

Develop web-accessible software based on designs

+
Build a web-accessible prototype from the approved UI designs, implement responsive markup and client-side…
Build a web-accessible prototype from the approved UI designs, implement responsive markup and client-side interactions, wire up the demo content and deploy to the staging server for product review on Wednesday.
The tools that do the workAJAXAmazon Elastic Compute Cloud EC2ESCO

Look for ways to improve the application

+
Audit the single-page app for usability, accessibility and performance bottlenecks, list three concrete…
Audit the single-page app for usability, accessibility and performance bottlenecks, list three concrete improvements with estimated effort and risk, and present them to Maria and the product team next Tuesday.
The tools that do the workAmazon RedshiftESCO

Document technical factors such as server load, bandwidth, database performance, and browser and device types.

+
Document current server load, peak and average bandwidth usage, database query latency and error rates, and…
Document current server load, peak and average bandwidth usage, database query latency and error rates, and the top five browser and device types hitting the site for the past 30 days, flagging any spikes or capacity risks for the ops team.
The tools that do the workAmazon Elastic Compute Cloud EC2O*NET

Research, document, rate, or select alternatives for Web architecture or technologies.

+
Survey three alternative web architectures, document pros and cons for scalability, cost, and…
Survey three alternative web architectures, document pros and cons for scalability, cost, and maintainability, rate each against our traffic and feature roadmap, and recommend one to discuss with product and engineering by Thursday.
The tools that do the workAJAXO*NET

Respond to user email inquiries, or set up automated systems to send responses.

+
Reply to the five unread user support emails with personalised troubleshooting steps, set up an auto-reply…
Reply to the five unread user support emails with personalised troubleshooting steps, set up an auto-reply that acknowledges receipt and links to the known issues page, and log each thread to the support tracker with status and owner.
The tools that do the workAmazon Web Services AWSO*NET

Select programming languages, design tools, or applications.

+
Compare candidate programming languages and design toolchains against our performance, browser compatibility,…
Compare candidate programming languages and design toolchains against our performance, browser compatibility, and team skillset, list tradeoffs and training needs, then propose a preferred stack with timeline for migration.
The tools that do the workAJAXO*NET

Write and edit technical documentation for digital interface products and designs, such as user manuals, testing protocols, and reports.

+
Produce a user manual, QA testing checklist, and a release report for the new interface: include setup steps,…
Produce a user manual, QA testing checklist, and a release report for the new interface: include setup steps, known limitations, test cases with expected results, and a rollout checklist for the launch next Tuesday.
The tools that do the workAdobe InDesignO*NET

Write code for websites using HTML, XML, JavaScript, or SQL

+
Write and commit the HTML structure, stylesheet rules, and JavaScript interactions for the landing page,…
Write and commit the HTML structure, stylesheet rules, and JavaScript interactions for the landing page, include accessible semantic markup, progressive enhancement for older browsers, and SQL schema migration notes in the commit message.
The tools that do the workAmazon DynamoDBjob descriptions

Says who?

These are the pages we read to build this. Open any of them and check us.

Activities this job lives in

The human activities behind the tasks — each with its honest AI ceiling.

The logs, files & records this job keeps

Shared with other careers — the same record means something different in each.

Related careers

Same family of work — each with its own tasks and prompts.

The LLOS Work Atlas is the world's largest evidenced task library — a map of human work, with a ready prompt behind every task. 1,774 careers · every task named by the sources that witnessed it — O*NET, ESCO, real job descriptions, Wikipedia — and the deepest tasks by several at once. And it is honest about limits: where AI cannot help, the map says so.

The rest of the map

Same library, five ways in.

Copyright © LLOS.ai · 2026 — original pedagogy, voice, and design — all rights reserved.
Built on public evidence: O*NET®, ESCO, Wikipedia, U.S. Bureau of Labor Statistics, ILOSTAT. All sources & licenses