Ensuring Top-Quality Websites: The QA Standards and Procedures of Our Web Design and Webflow Agency

Pavel Karpisek
Pavel Karpisek
Published on
December 25, 2022
Estimated read time
5
 minute read
Pavel Karpisek
Published on
December 25, 2022
Estimated read time
5
 minute read

Quality assurance is a crucial step in the web design and development process, as it ensures that the final product meets the highest standards of quality and functionality. By implementing thorough QA procedures and standards, our agency is able to identify and fix any issues or bugs before the website is launched. This not only helps to deliver a better user experience, but it also helps to protect our clients' reputations and ensure that their websites are successful. By investing in quality assurance, we can confidently say that each project we work on is of the highest caliber and meets our clients' expectations.

Quality Assurance Testing for Every Website

Our testing process is divided into several stages to ensure thorough and comprehensive testing. At each stage, we create a report on Jira to document our findings and progress. These stages include initial testing, functional testing, compatibility testing, and user acceptance testing. By breaking down the testing process into these stages, we can ensure that every aspect of the website is thoroughly tested and meets our high standards of quality and functionality.

  1. Form Input and Validation.
  2. Broken link checking.
  3. Mobile responsiveness (virtual) testing.
  4. Accessibility testing.
  5. Mobile responsiveness in-house testing.
  6. UI testing.

Form Input and Validation testing

At our Webflow agency, we understand the importance of form input and validation testing for B2B product tech companies. These elements are crucial for ensuring a smooth and seamless user experience on your website. That's why we make it a priority to thoroughly test form input and validation as part of our comprehensive quality assurance process. Our expert team is dedicated to identifying and fixing any issues or errors before your website is launched. Trust us to deliver a user-friendly and effective website for your B2B product tech company through our focus on form input and validation testing.

We verify:

  • Data inputs - We check all inputs according to design.
  • Webhooks - If we’ve set up a custom Webhook (for example, sending forms to Hubspot).
  • Error messages - We ask, "Are they according to design?
  • Labels, Names, and IDs - It should be descriptive, and easy to navigate. There should be no duplications, especially on IDs.

Ensuring Smooth Navigation: Broken Link Testing

At our Webflow agency, we understand the importance of smooth navigation for B2B product tech companies. That's why we take a meticulous approach to broken link testing, thoroughly checking every aspect of the website including buttons, links, hovers, animations, transitions, and more. We also use a powerful SEO software suite called Ahrefs to review the performance of your website and check backlinks, as well as performing manual checks to ensure nothing is missed. Trust us to deliver a fully-functioning and user-friendly website for your B2B product tech company through our thorough broken link testing process.

Broken link results in Ahrefs

Mobile Responsiveness Testing for Optimal User Experience

To ensure that all elements of your website are working as expected across all devices and browsers, we use Blisk browser, a powerful toolbox for development that debugs and tests modern websites. Blisk integrates with 50 different devices, including popular ones like iPhones, iPads, and Android devices, to provide comprehensive mobile responsiveness testing. Trust our team to use Blisk to deliver a fully-functional and user-friendly website on any device.

Mobile devices

  1. iPhone 5, Safari
  2. Pixel 5, Google Chrome
  3. Galaxy S6 (360px)
  4. iPhone 13 Pro Max (428px)
  5. iPhone 13 (390px)

Tablets

  1. iPad mini
  2. iPad Pro
  3. Smaller Android tablet
  4. Biggeer Android tablet

Laptops

  1. Macbook mini
  2. Macbook Pro 13-inch
  3. Macbook Pro 16-inch
  4. Small laptop on Windows
  5. Medium size laptop on Windows
  6. Big size laptop on Windows

Desktop screens

  1. iMac
  2. Wide screen monitor (4k ultra-wide)
  3. Small screen monitor (1920px 24-inch)

Testing on physical devices

In addition to using Blisk browser for comprehensive mobile responsiveness testing, we also test your website on physical devices in our in-house lab to ensure that all elements are working as expected. This extra step helps to catch any issues that may not be detected by Blisk or other tools, ensuring that your website is fully functional and user-friendly on any device. Trust our team to go above and beyond in ensuring the quality and effectiveness of your website.

Accessibility Testing for Inclusive Websites

Accessibility refers to the design of websites, applications, and digital content to be easily used by people with disabilities. This includes those with visual, auditory, motor, and cognitive impairments. Ensuring that your website is accessible not only helps to improve the user experience for these individuals, but it also helps to comply with laws and regulations such as the Americans with Disabilities Act (ADA) and the Web Content Accessibility Guidelines (WCAG). In addition, having an accessible website can increase your reach and customer base, as it allows more people to access and use your digital content. Don't miss out on the benefits of an accessible website in 2023 - make it a priority for your business or organization.

We here, at Karpi Design Studio, have Accessibility Audits on Webflow, which provides enormous assistance before publishing a Website. However, it is a great practice to run another test via Google Lighthouse, and this is how to do it:

  • Open your website in Google Chrome
  • Press Right click + Inspect (on mac press option + command + i)
  • Click on Lighthouse
Screenshot of Lighthouse user interface in the browser

UI testing

UI testing, or user interface testing, is a type of testing that focuses on verifying the functionality, usability, and visual design of a website or application. It involves testing the user experience from the perspective of the end user, ensuring that the interface is intuitive, easy to use, and aesthetically pleasing. UI testing is an essential part of the quality assurance process, as it helps to identify and fix any issues or problems that may impact the user's ability to use the website or application effectively. By investing in UI testing, businesses and organizations can ensure that their websites and applications are user-friendly and provide a positive experience for their users.


The design team uses the same tools as the tester in Mobile responsivity tests; and checks for:

  • Design consistency
  • Alignment of elements, images and 3D animations
  • Checks the motion of the website, and recommends adjustments
  • Animations, and interactions visual testing
UI testing in Jira

At our web design and Webflow agency, we are committed to delivering top-quality websites to our clients. By following rigorous QA standards and procedures, we are able to identify and fix any issues or problems before the website is launched. This helps to ensure that the final product is functional, user-friendly, and meets the highest standards of quality. We hope that this tutorial has provided an in-depth look at our QA process and how we strive to deliver the best possible websites to our clients. If you have any questions or need further assistance, please don't hesitate to reach out to us. We are always here to help.

Karpi out!

Ready to get started?

We specialise in profit generating websites that tell your story, increase your conversions and educate your audience. Reach out to the team today to discuss your project with us.

Contact us

25 Ways your website can make more money 🤑

Get ready to boost your earnings with our handy cheat book! Inside, you'll discover 25 sneaky ways to increase your website's revenue. Tried and true methods only, enter your details below:

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Close