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
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
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
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
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