Most web design companies use similar language during the sales process. They describe their work as creative, strategic, innovative, custom, and results-driven. Those words provide very little information until the agency supports them with complete websites, current case studies, clear explanations, and a consistent process.
Business owners need a more reliable way to compare designers.
A web design portfolio can look impressive in a presentation while hiding poor mobile layouts, low-contrast text, generic theme effects, inconsistent typography, and unfinished client websites. A designer may also feature work that represents skills and technology from ten years ago.
You can find many of these problems before signing a contract. Review the agency’s website, inspect its portfolio on your phone, read its content, and pay attention to the small design decisions that affect how people use a website.
Treat “creative” as a claim that requires evidence
Web design requires creativity. Designers must find effective ways to organize content, present a brand, guide visitors, and make complicated information easier to understand.
Problems begin when an agency uses the word “creative” as its primary qualification.
A business owner needs more than assurances that the agency produces creative work. The agency should explain how it approaches:
- Website navigation
- Page organization
- Calls to action
- Mobile layouts
- Accessibility
- Content management
- Website performance
- Lead generation
- Search visibility
- Long-term maintenance
Some agencies describe themselves as “creative communications” companies. That language often comes from advertising, public relations, print production, and traditional graphic design.
Those agencies will typically talk extensively about campaigns, collateral, messaging, and visual creativity while providing little information about responsive design, accessibility, website performance, content management, or conversion paths.
The word “communications” alone cannot establish an agency’s experience level. Review the language surrounding it. A company that specializes in modern websites should demonstrate a detailed understanding of how people find, navigate, read, and use websites across different devices.
Start with the agency’s own website
An agency controls its own website. It chooses the content, technology, design, timeline, and approval process. Its website therefore provides one of the clearest examples of the standards it applies when no client limitations interfere.
Review the agency’s website with the same attention you would give a client project.
Click every main navigation item. Open the contact form. Review the footer. Read the service pages. Visit several blog posts. Check whether portfolio links work. Look for missing images, broken layouts, outdated content, and pages that lead nowhere.
Placeholder content deserves particular attention. An agency website that contains Lorem ipsum text, template instructions, default WordPress content, or unfinished sections indicates weak quality control. The company published a website that it knew potential clients would inspect, yet it failed to complete the basic content review.
Testimonials require similar scrutiny. A page filled with stock portraits, fake names, vague praise, and no identifiable company name provides weak evidence. Privacy agreements may prevent some agencies from naming every client, but a credible agency should still provide verifiable references or enough project information to establish that the work occurred.
An agency’s website does not need the most elaborate design in its portfolio. It should feel complete, deliberate, easy to use, and technically sound.
Review recent work instead of relying on an archive
A portfolio should show the agency’s current capabilities.
Ask when each featured website launched. Request live links whenever possible. Screenshots can hide mobile problems, broken forms, slow interactions, awkward animations, and inconsistent pages.
Older projects can document an agency’s history, but they should not dominate a portfolio presented to buyers today. A company that mainly features websites from six or eight years ago may lack recent work, or its current projects may fail to meet the same visual standard.
Pay attention to the technology listed or how the website was built. You can use builtwith.com to check on this kind of thing.
WPBakery provides a useful example. Its developer continues to maintain the plugin; it is a dated system and a hard-to-use page builder for nearly all clients we interacted with who used it before we redesigned their sites.
A portfolio filled with old WPBakery or early Visual Composer websites may indicate that an agency continues to rely on legacy theme layouts, rigid content rows, preset effects, and workflows established many years ago. That concern grows when the company presents those websites as its strongest current work.
Modern page builders can support effective websites when experienced developers configure them carefully. The product name alone cannot determine quality. Review the date of the work, the quality of the implementation, the editing experience, the mobile version, and the agency’s reason for selecting the platform.
A qualified agency should explain its technology choices in business terms. It should tell you how the website will perform, how your company will update content, how the system will maintain visual consistency, and how the platform will support future changes.
Check their portfolio website on your phone
Desktop mockups provide an incomplete view of a website.
Open the agency’s website and at least three recent client websites on your phone. Use the live websites instead of portfolio screenshots.
Check the following details:
- The logo remains easy to identify.
- The navigation opens and closes without covering essential controls.
- Headings fit the screen without awkward line breaks.
- Paragraphs remain comfortable to read.
- Buttons provide enough size and spacing for a thumb.
- Cards stack in a logical order.
- Forms use appropriately sized fields.
- Images crop without cutting off faces, products, or important details.
- No element creates horizontal scrolling.
- Fixed buttons and chat widgets avoid covering page content.
Responsive design requires more than shrinking the desktop layout. Designers must reorganize content for the available screen, adjust spacing, reconsider image crops, and preserve a usable reading order. Web.dev describes responsive design as a strategy that changes a layout according to the device and its capabilities. Its accessibility guidance also recommends adequately sized and spaced interactive controls on mobile devices.
Watch for extreme scaling decisions. Some mobile websites display an enormous heading that fills nearly the entire screen while reducing the company logo to a barely visible mark. Others preserve desktop spacing and force visitors to scroll through large empty areas before reaching useful information.
A good mobile layout maintains a clear relationship among the logo, headline, supporting text, images, buttons, and surrounding space.
Look for text that becomes difficult to read
Low-contrast text remains one of the easiest design problems to identify.
Common examples include:
- White text over a pale photograph
- Light gray text on a white background
- Dark gray text on a medium blue or brown background
- Thin text over a gradient
- Small text placed over a detailed image
- Buttons with similar foreground and background colors
- Form labels that nearly disappear
- Navigation links that become faint until someone hovers over them
WCAG 2.2 calls for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. These ratios help more people read the content, including people with reduced vision or reduced contrast sensitivity.
You do not need specialized training to notice many contrast failures. Lower your screen brightness and read the page from a normal distance.
White text on a light background provides an immediate warning. Dark text on a medium-tone background can create the same problem. Designers sometimes assume that dark text will remain readable on every colored section, but medium greens, browns, blues, and grays can reduce the difference between the text and its background.
Thin fonts make marginal contrast even harder to read. W3C notes that thin or unusual fonts may appear fainter in a browser than their calculated color values suggest.
A designer should test contrast during design and development. Guessing by sight cannot replace measurement.
Check whether icons communicate useful information
Icons can help visitors scan a page when each icon identifies a different category, service, action, or type of information.
A delivery truck can identify delivery information. A calendar can identify scheduling. A map pin can identify a location. A phone can identify a contact option. Each symbol gives the reader an additional visual cue.
Repeated themed icons serve a different purpose.
Consider a produce company that uses a carrot icon beside every bullet point:
🥕 Locally grown vegetables
🥕 Weekly produce boxes
🥕 Farm pickup available
🥕 Seasonal varieties
The carrot repeats the same general idea four times. It does not help the visitor distinguish one point from another. The repeated illustration competes with the text, adds visual weight to every line, and makes a basic list feel busier than necessary. It's cheesy and amateurish. Not the caliber you expect.
A small circle, square, line, or other neutral geometric marker would organize the list without adding unrelated meaning. The text would carry the information, and the marker would support the list structure.
The produce company could still use a carrot illustration in a section heading, category card, product graphic, or brand pattern. Repeating the carrot beside every sentence turns it into decoration.
Nielsen Norman Group warns that poorly selected icons can increase visual noise and consume space without providing enough benefit.
Review an agency’s portfolio for repeated leaves, gears, houses, stars, lightbulbs, rockets, or industry-specific illustrations. Ask whether each icon helps identify different content. A page that uses the same themed icon fifteen times probably relies on decoration rather than information.
Watch for stock animations that call attention to themselves
Animation can help a website communicate a change. It can show that a menu opened, a form submitted, an accordion expanded, or a process moved to the next step.
Excessive motion creates distraction.
Common warning signs include:
- Every section sliding upward as the visitor scrolls
- Cards flipping to reveal essential information
- Headlines rotating through several phrases
- Buttons bouncing or pulsing continuously
- Images zooming whenever the cursor moves over them
- Letters appearing one at a time
- Multiple elements moving in different directions
- Large background images moving at a different speed from the page
- Long entrance effects that delay access to content
Flip cards often create particular problems. They hide information until someone interacts with the card, depend heavily on hover behavior, and can become awkward on touchscreen devices. A company may also place important service details or calls to action on the hidden side.
Rotating headline text delays the complete message. Visitors must wait for each phrase, and the changing words can produce awkward line lengths on smaller screens.
Many WordPress themes include animation presets. Identical fade-up effects across every section, elastic buttons, spinning icons, and flip cards can reveal that the designer accepted the theme’s defaults without evaluating whether the motion improved the page.
W3C provides guidance for allowing users to reduce nonessential animation triggered by interaction. A designer who respects reduced-motion preferences demonstrates stronger attention to accessibility and user control.
Strong animation feels controlled and purposeful. Visitors should understand the page even when all nonessential motion stops.
Review typography as a complete system
Typography includes font selection, size, weight, spacing, line length, and consistency.
A website can use attractive fonts and still handle typography poorly.
Look for buttons that use a different font from the surrounding page. This often happens when a designer changes the body and heading fonts but leaves a plugin or theme button on its default setting.
Check whether similar elements follow consistent rules. All primary buttons should share the same font, size, weight, height, and general treatment. Headings at the same level should remain consistent across pages. Paragraph text should maintain a readable size and line height.
Common fonts can support excellent design. A designer does not need an unusual typeface to produce professional work. Problems appear when the page uses default fonts without a clear hierarchy or combines several typefaces without a practical reason.
Watch for these scaling problems:
- A logo that becomes too small next to the navigation
- A headline that consumes the entire mobile screen
- Body text that appears much smaller than nearby interface elements
- Buttons with oversized text and insufficient internal space
- Large headings followed by very narrow paragraphs
- Different font sizes for similar cards
- Footer text that requires zooming
- Form instructions that appear smaller than the form fields
A strong visual hierarchy directs attention through deliberate choices in scale, contrast, spacing, and grouping. Nielsen Norman Group identifies consistency, alignment, visual hierarchy, and intentional color use as core qualities of good visual design.
Examine every section that places text over an image
Background images can strengthen a page when the image supports the subject and the designer preserves readability.
They can also create severe visual noise.
Look closely at sections that place a headline, paragraph, or button over a photograph. The image may contain light and dark areas, detailed textures, faces, signs, or objects that compete with the text.
A background image that works on desktop may fail on mobile because the browser crops a different portion of the photograph. White text may move from a dark area of the image to a bright sky, white shirt, pale wall, or reflective surface.
Overlays can provide separation between the image and text. Dark or brand-colored overlays usually create a dependable surface for white text when the designer applies enough opacity.
White overlays require greater care. They often wash out the photograph and create a pale gray section with weak contrast. A white overlay can support dark text when the designer controls the image, opacity, and text color. Many poorly executed examples place white text over a white haze, which reduces clarity across the entire section.
W3C identifies insufficient contrast between foreground text and a background image as a common accessibility failure.
The agency should test each image and overlay combination at multiple screen sizes. A reusable section should also continue working when a client replaces the original photograph.
Read the case studies instead of viewing only the screenshots
A beautiful homepage screenshot shows visual ability. A useful case study shows judgment.
Look for an explanation of:
- The client’s business
- The condition of the previous website
- The project goals
- The intended audience
- Navigation decisions
- Content changes
- Platform selection
- Mobile considerations
- Accessibility requirements
- Integrations
- Measurable results
A case study does not need to reveal confidential financial information. It should provide enough detail to show that the agency made specific decisions for a specific business.
Be cautious when every case study uses the same vague language. Statements such as “we elevated the brand,” “created an engaging experience,” or “delivered a dynamic digital presence” provide little evidence without concrete examples.
A detailed case study might explain that the agency reduced seven navigation categories to four, created separate project filters for two customer groups, replaced several competing contact buttons with one primary request form, or developed reusable page sections so the marketing department could publish new service pages without rebuilding the layout.
Those details show practical web design experience.
Use the agency’s blog to evaluate its thinking
An agency blog can reveal how well the company understands its work.
Review several recent posts. Look for specific examples, complete explanations, and clear cause-and-effect relationships. A useful article should help a business owner understand a decision, recognize a problem, or prepare for a project.
Generic articles filled with broad advice provide weaker evidence. A post titled “Five Ways to Improve Your Website” may offer little value if it recommends a modern design, fast loading, strong branding, clear navigation, and good SEO without explaining how a company should evaluate any of them.
Check the publication dates as well. An agency that describes itself as an active authority while publishing nothing for several years may give content marketing a lower priority than its sales language suggests.
The blog does not need weekly posts. It should demonstrate current knowledge and a willingness to explain decisions clearly.
Treat vague testimonials as unverified claims
Testimonials should connect praise to an identifiable project, business, or person whenever possible.
Strong testimonials often include:
- The client’s real and full name
- The client’s role
- The company name
- A project description
- A specific result or experience
- A link to the company or finished website
A testimonial that says, “They did an amazing job and exceeded our expectations,” provides very little information when the agency attributes it only to “Sarah, business owner.”
That testimonial may come from a real client. The page still gives a prospective buyer no practical way to verify it.
Look for repeated writing patterns across testimonials. Several quotes that use the same tone, sentence structure, and vocabulary may have undergone heavy rewriting. Agencies often edit testimonials for length and grammar, which can serve a legitimate purpose. Every quote should still sound connected to a real experience.
Ask for two or three references when the project involves a significant investment. A credible agency should have clients who can discuss communication, problem solving, deadlines, content management, and post-launch support.
Ask questions that require specific answers
The sales conversation should move beyond broad descriptions of process and creativity.
Ask the agency:
- Which portfolio websites launched within the last two years?
This separates current capabilities from older work. - Which parts of each project did your company handle?
Some agencies display websites where another company created the brand, content, development, or most of the visual design. - Can you show me the mobile version of a recent project?
A live demonstration reveals more than a desktop presentation. - How do you test text contrast and accessibility?
The agency should name actual review steps rather than promising an accessible design without explanation. - How do you decide which animations to include?
The answer should connect motion to a practical purpose. - How will our company update content after launch?
Ask the agency to demonstrate the editing experience before selecting the platform. - How do you keep new pages consistent with the approved design?
Reusable components and controlled content fields can protect the design while allowing regular content updates. - Who will own the domain, hosting account, analytics account, source code, design files, and website content?
Ownership and access should remain clear before work begins. - Which services continue after launch?
Ask about software updates, hosting support, backups, content changes, accessibility reviews, and emergency assistance. - How will we evaluate the website after launch?
The agency should connect the project to form submissions, calls, product sales, qualified traffic, applications, donations, registrations, or another business goal.
Specific questions make vague experience easier to identify.
A practical web designer evaluation checklist
Use this checklist while comparing agencies. Treat it as an informal decision tool rather than a professional certification.
A company that performs well across these areas will usually provide stronger evidence than one that relies primarily on awards, creative language, or elaborate sales presentations.
The strongest evidence appears in the finished work
Good web designers make hundreds of small decisions that support the business and its visitors.
They keep text readable. They scale logos and headings appropriately. They use icons to identify information. They limit motion. They test mobile layouts. They control background images. They maintain typography across buttons, forms, cards, and content sections. They choose current technology for a clear reason.
Those details rarely receive the same attention as a dramatic homepage screenshot. They determine whether the finished website feels clear, credible, and easy to use.
A qualified web design partner should welcome careful evaluation. Its recent work, own website, content, references, and project process should provide direct answers.
