Table of Contents

After the initial design and development of a client’s custom website are completed, the site must go through a thorough checklist to ensure it meets O360®’s quality and performance standards.

Visual Review

Visualreview 1

Font Set

Only two or a maximum of three font families should be used across the website with matching style, weight, color, and format for the main text, headings, and buttons. Different fonts must have an appealing and acceptable contrast between them. Whether by style or type.

Text Color

Check text colors, especially link colors. There should be a color match between all types of text colors. All regular text, headings, and buttons should use the same color themes. All links and hovers should use the same color palette. In areas where the background is the opposite of the main sections (for example, a dark background), the opposite colors should all coordinate and match.

Link Hover

All links should have a matching hover effect both in style and colors. This applies to buttons and image links as well.

Background Colors and Texture

Section colors, buttons, backgrounds, and textures must match. A color palette must be selected and followed across the entire website.

Spacing and Padding

Padding is the preferred way of creating separations as opposed to margins. All paddings in different areas must match. For example, the top and bottom padding of sections should be the same between similar sections. Use global settings where possible.

Image Style

All images should follow a theme. Especially slider images. If images have filters applied to them, all of them should have the same filter. All should have the same tone if they are vivid or sharp. If the desired images include stock photography, they should not be used along with images from personal camera phones. An overall theme should be followed for all images.

Also, remember that the image has to match the practice. Both are location, landmarks, patient age group, and ethnicity.

Image Quality

All images must be clean and clear. Avoid using pixelated or low-quality images. Especially when there is text in images, they must be easily readable without fuzzy margins.

Avoid Image/Text Overlap

The text should not cover active image areas. For example, no text over faces or important parts of an image. Also, the contrast has to be clear so the text is always readable. This is another example of why images have to follow a similar styling. For example, if the text is visible over a light skyline background, all images should have a similar tone so the text remains readable at all times, even when images change.

Also, remember that during the layout adjustment, the background’s position will change and may affect the background contrast with the text.

Branding

The design, colors, and font set all need to match the practice branding as a whole.

Text Area Width

Text width should be ideally no more than 850px. Also, the overall width of sections with an image on one side and text on another should have a horizontal max-width because the full-width setup will not look very good on wide screens. A maximum width of between 1200-1600 px is recommended.

Content Review

Contentreview 1

Contact Information

Double-check all the main client-related content, including phone numbers, business names, client name, address, map location, and their spelling and correct format.

Sub-Domain or Temp URL

Search and replace the subdomain (staging domain or previous domain) with the official (new) domain.

Target Audience

Ensure messaging is geared toward the right patient group.

HTTP Left

Scan the website for mixed HTTP (non-secure) content. Replace it and ensure the lock graphic is displayed to the URLs left without warning.

Forms Email Notification Address

All forms should have a correct email forwarding address and a page redirect to a ‘thank you’ page.

Spelling and Grammer

Run Grammarly to catch any spelling and grammar mistakes.

Custom Website Design for Physicians

SEO Review

Seoreview

301 Redirects

Set 301 Redirects if the project is a website makeover.

Google Analytics

Make sure the Google Analytics UA code has been added to the website.

Broken Links

Scan the website for any broken links.

Meta Tags

Review the title tag and description meta on the home and inner pages.

Image Alt Tags

Image alt tags must be present. Avoid keyword stuffing and use a description of the images instead. Use a short one-line description. Imagine you are describing the image’s content to someone over the phone.

SEO Plugin

Confirm the SEO plugin has been activated and properly configured.

Sitemap

Make sure sitemap.xml works.

PageSpeed

Run SEO and performance audits (PageSpeed, WPMU scans…) and optimize the site if scores are low.

Technical Review

Technicalreview

Image Optimization

Run Smush Pro or any other suitable image optimization program. Nitro may be used instead as well.

Accessibility Plugin Upgrade

Please ensure the Accessibility plugin is activated and its features are working properly. Add the domain to the plugin page and ensure the paid version is activated.

Social Media Links

Check all social media icons and links. Confirm that these links are pointing to the correct URL

Compatibility

Test site on all main browsers and operating systems.

Screen Sizes

Test site on different screen sizes. Use the developer tool on Chrome and check at least these sizes in both portrait and landscape mode where apply: iPhone, mini iPad, iPad, iPad Pro, 10″ Laptop, 13″ Laptop, 21″ Desktop, 27″ Desktop.

Media Library

Clean up the Media Library and remove any unused default, irrelevant or redundant images.

Security

Scan the website for security issues and malware.

Favicon

Add a Favicon to the website.

Uptime Check

Add the site to our uptime monitoring programs.

Hierarchy

Make sure the menu and other navigation sets follow the correct hierarchy.

Examples of beautiful dental websites

No matter how great a website looks, simple mistakes or overlooking any details before launch can result in a very unhappy client. Give special attention to the basic details, including the client’s name, phone number, and address.

The additional few minutes of review and edits are well worth it.  

After the design and development of a website are completed, the site must go through this thorough checklist to ensure it meets the quality and accuracy it deserves.

Thank you

Want more patients?

We've provided thousands of patient our clients websites. Why don't you join these successful doctors?
The Ultimate Website Design Checklist
Table of Contents

Want more patients?

We've provided thousands of patient our clients websites. Why don't you join these successful doctors?

O360 Voted Best for DESIGN

o360.com is ranking on the top of the page on Google for over 25 dental and medical specialties.

Join our email list to receive the latest marketing tips and tricks as well as dental product reviews. No Spam.

Latest Blog Posts

Custom Healthcare Website Custom Featured Image

7 Best Healthcare Websites of the Year

No matter what your place is in the industry, whether you’re a healthcare associate pairing with other companies or providing healthcare for consumers, you need a robust website that serves your office’s and your clientele’s

Photo of Professional Man with Glasses

Top 4 Men’s Health Websites

Several popular medical websites specifically focus on men’s health, including: 1. Mayo Clinic Men’s Health As guys, we often don’t prioritize our health like we should. But the Mayo Clinic’s men’s health site makes it

web design colors

Color Psychology in Web Design for Healthcare

What are the best color schemes for medical & dental websites? According to modern color theory, everyday colors significantly impact human behavior. Colors can instantaneously influence our decision-making and perceptions of a person, brand, or