Creative agency glossaryWeb, UX/UI, and Design

Web Design

Web design is the practice of planning and creating how a website looks, how it is organized and how it works for the people who use it, from layout and typography to navigation and interaction.

What is web design?

Web design covers every decision about a site that a visitor experiences. The structure: which pages exist and how they connect. The layout: where things sit on each page and how that changes from phone to desktop. The visual language: type, color, imagery, spacing and motion. The interaction: what happens when someone clicks, scrolls, types or waits. And the content design that holds it together, because a page's words and images are as much a part of its design as its grid.

It is distinct from web development, and dependent on it. Designers decide what the site should be and how it should work; developers build it in code. The best web designers understand what the browser can and cannot do, and many design directly in the browser, because a website is not a picture of a page but a system that has to respond to every screen, every content change and every visitor.

Why it matters

Why web design matters

For most brands the website is the one place they fully control: no platform's template, no algorithm, no character limit. It is where a campaign sends people, where a prospect checks whether the brand is real and where a sale is made or lost. Visitors judge a site's credibility in moments, largely on its design, and that first impression colors everything that follows. Good web design also does quieter work: it makes content findable, pages fast, search engines confident and the site usable by everyone, including people with disabilities.

In practice

How web design works in practice

  1. 01

    It begins with the brief and research: who the site is for, what they need to do and what the business needs from them. Then the structure is planned, a site map and the key journeys through it, before any page is drawn.

  2. 02

    Next come wireframes for the main templates, simple layouts that settle content and hierarchy, tested with real people where the stakes are high. The visual design follows, built from the brand identity into a system of type, color, components and motion rather than a set of one-off pages.

  3. 03

    The design is then built, ideally with designer and developer side by side, so the decisions that only reveal themselves in the browser (how something moves, how it reflows, how it loads) are made together. Real content goes in early, because real copy and images break assumptions that placeholders never do.

  4. 04

    Finally the site is tested on real devices, for speed and for accessibility, then launched and measured. The design keeps evolving with what analytics, search data and visitor behavior show.

At RIOT

Web design at RIOT

riot.nyc is a WordPress site we design and build ourselves, and this glossary is part of it: one template shared by every term, so the definition, the explanation, the mistakes and the questions sit in the same place on every page.

See the work →

Watch out

What people get wrong about web design

Judging it from static mockups, which hide the parts that matter most: speed, behavior on a phone, what happens with real content. Second, designing the homepage and leaving the inner pages, where most visitors actually arrive, to a template. Third, redesigning from scratch every few years instead of improving continuously, which throws away what was working along with what was not. And treating design as decoration applied to a site, when it is the set of decisions that make the site work.

Questions

People also ask

What is the difference between web design and web development?

Web design decides what a site should look like and how it should work for its users. Web development builds it in code and makes it run. They overlap, and the best results come when designers and developers work together throughout.

How long does it take to design a website?

A focused site with a few templates can take six to ten weeks from brief to launch, while a large site with custom functionality, content migration and integrations can take several months. Whether the content is ready is often the deciding factor, more than design or code.

How much does web design cost?

It ranges from a few thousand dollars for a small template-based site to six figures for a custom site with complex functionality. The scope, the number of templates, the content and the integrations decide the cost, so the brief matters more than any rate card.

Next to it in the glossary

  1. ViewportThe viewport is the visible area of a web page on a screen, the part of the page a visitor can see at any moment without scrolling.
  2. Web 2.0Web 2.0 is the name for the second era of the web, from the mid-2000s, when sites became platforms where users create, share and connect rather than only read.
  3. Web AccessibilityWeb accessibility is the practice of designing and building websites so that people with disabilities, including visual, hearing, motor and cognitive disabilities, can perceive, use and understand them.
  4. Webflow DevelopmentWebflow development is building websites on Webflow, a visual platform that lets designers lay out a site on a canvas and generates production-ready code from what they draw.
  5. Website DevelopmentWebsite development is the full process of building a website, from planning and design through coding, content, testing and launch to the maintenance that keeps it running.
  6. WordPress DevelopmentWordPress development is the building of websites on the WordPress content management system, from custom themes and plugins to the hosting, performance and security that keep them running.

Every Web, UX/UI, and Design term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage