◆ Design

What a web designer
really does.

22 tasks, each one witnessed by the sources that watched the job — and behind every one, a prompt you can use tonight.

22evidenced tasks
113,330in the US (2025)
$104,000median pay / year
10systems it runs on
See the 22 tasks ↓Open in the atlasThe full career map →
This is what one task looks like here
Conduct user research to inform design decisions
Run three 30–45 minute moderated interviews with current customers—Sar…2 sources agree

The shape of the day

tap a movement to see its tasks

Which one is you, right now?

Pick the moment · no score, no sign-up
Which moment is me right now?
Whichever you pick, the task behind it opens below.

The work, task by task

22 tasks
Hands on the work14
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 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.
escojdonet3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Troubleshoot website issues+
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.
escojdonet3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Design layout and visual elements+
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.
escojdwiki3 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Stay updated with web design trends and technologies+
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.
onetwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Integrate multimedia elements into websites+
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.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Optimize website graphics for performance+
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.
jdwiki2 agree
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Create searchable indices for Web page content.+
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.
onet
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
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 diagram of how data flows between client and API, then hand over clickable models and a data dictionary to the engineers.
onet
when the reply comes backPush once: ask it to sharpen the weakest part, and to say what it assumed. Helpful?
Keep the record3
Grow the practice3
Watch and assess2

What the work runs on

named inside the evidenced tasks
6 tasksAJAXused to reproduce and inspect asynchronous requests and client-side failures during troubleshooting
4 tasksAdobe Illustratorcreates scalable vector layouts and visual comps for hero graphics and interface elements
3 tasksAmazon Web Services AWShost recordings and store transcripts for analysis
3 tasksAdobe Photoshopedits and prepares raster images and hero compositions used in the visual designs
3 tasksAmazon Elastic Compute Cloud EC2hosts and serves the site so logs and performance data are collected from instances for analysis
2 tasksAmazon Redshiftstores and queries competitor and analytics data at scale to support research and summarisation
2 tasksAmazon DynamoDBstores and serves the JSON-backed index at scale for fast lookups
1 taskAdobe Acrobatproduces final, proofed PDFs of case studies and blog assets to ensure print-ready versions and consistent formatting
Browse every evidenced software task →

The same task, four heights

this page is height one
ExecuteDo today's task, with fewer mistakesyou are here → ImproveMake it easy for the next person to acceptin the atlas → DecideWork out the right move when it is unclearin the atlas → BecomeLearn the pattern so it stops coming backin the atlas →

Can AI actually do this job?

the honest answer

It can

where it genuinely helps
  • Teach the whole rule-set in one sitting
  • Answer every 'how do I' question you have

It cannot

where it stops, completely
  • Do the thing for you once you know the rule
S · R4 of R7This job sits on browsing — real theory, real diagnosis, but reality still holds the grading pen.

What the work pays

two countries, two different measures

United States

this exact occupation · BLS 2025
  • $104,000 a year — the middle: half earn more, half earn less
  • The lowest tenth earn near $53,750; the top tenth near $201,550
  • 113,330 people employed in this occupation

India

the occupation GROUP, not this job · PLFS via ILOSTAT 2025
  • ₹38,298 a month — the median for Professionals, the group this work sits in
  • India publishes pay by broad occupation group, so this covers many jobs besides this one. It is a shape, not a salary.
read this carefullyThese two numbers are not comparable and must not be converted into each other. One is a yearly figure for this job alone; the other is a monthly figure for a whole family of jobs. What travels between them is the pattern, not the amount: experience lifts pay almost everywhere.

Where the evidence lives

open any of it yourself
O*NETThe US Department of Labor's own record of this job15 of these tasks ESCOThe European skills and occupations register5 of these tasks Job descriptionsReal postings, in the wild8 of these tasks WikipediaHow the world describes this work6 of these tasks US Bureau of Labor StatisticsPay and employment, by occupation2025 figures UK NOS TECDT130144Conduct user experience design assignmentsnational standard UK NOS TECIS100141Design and develop digital user interfaces for web and mobile app platnational standard

Close to this work

12 nearby
DesignUx Designer22 evidenced tasks DesignUi Designer22 evidenced tasks DesignVisual Designer22 evidenced tasks DesignInteraction Designer22 evidenced tasks DesignService Designer22 evidenced tasks DesignPackaging Designer22 evidenced tasks DesignMotion Designer22 evidenced tasks DesignInformation Designer22 evidenced tasks

Questions people actually ask

You’ll split time between design work and technical tasks. Mornings often include meetings with clients or product teams to align the site with business goals and review timelines or moodboards.

Afternoons are for hands-on work: creating page layouts in Adobe Photoshop or Illustrator, building prototypes, writing HTML/CSS/JavaScript, testing pages across browsers and devices, and updating site content. You’ll also check site performance and traffic and fix bugs as they appear.

Start with Adobe Photoshop and Illustrator for visuals, and Adobe InDesign or After Effects if you make layouts or motion graphics. For code, learn HTML, JavaScript, and basic SQL.

For hosting and backend work, learn Amazon Web Services basics (EC2, DynamoDB, Redshift if you touch data). Familiarize yourself with AJAX for dynamic pages and simple server performance logging (server load, bandwidth).

Use AI for speed—generate layout ideas, alt text, or draft copy—but never paste sensitive client data into public tools. Treat AI output like a first draft: verify accuracy, accessibility, and copyright.

Keep records of what you used AI for in project notes, and ask clients for permission if AI will touch proprietary content. Run AI-generated images or code through your usual QA, accessibility checks, and performance tests.

You’ll write HTML, JavaScript, and sometimes SQL regularly—for page structure, interactivity, and simple database queries. Expect to fix integration issues, test AJAX calls, and optimize assets.

You don’t need to be a full-stack developer, but you should be comfortable editing code, reading system interaction diagrams, and using dev tools to troubleshoot browser or server reports (load, device types, bandwidth).

According to the U.S. Bureau of Labor Statistics (BLS) for 2025, there were 113,330 employed web designers with a median wage of $104,000 per year. The lowest tenth earned $53,750 and the top tenth earned $201,550 per year.

Local pay varies by city, experience, portfolio strength, and whether you add related skills like front-end development or AWS. Use the BLS data as a national benchmark.

A web designer focuses on visual layout, content updates, and integrating multimedia—using tools like Photoshop and InDesign—while keeping the site aligned with business goals.

A UX designer specializes in user research, journey maps, and usability testing. A front-end developer builds interactive functionality and optimizes performance with deeper JavaScript, frameworks, and server integration. Web designers sit between these roles and often do tasks from both areas.

Build a strong portfolio with 3–6 real pages: show layout design (Photoshop/Illustrator), a working HTML/CSS/JavaScript page, and examples of content updates and troubleshooting you did.

Also learn to run simple site tests, document results, and explain performance metrics (server load, bandwidth, browser types). Employers look for practical work you can talk through, not just certificates.

km/h RPM

How far can AI take you?

one question
Be honest — how far can a language model take you on browsing?
There is a real answer, and it is not the flattering one.