The client tasked with conducting a full test of two key pages of the website for compliance with the designs in Figma.
Requirements:
Cross-platform compatibility: complete verification of responsiveness (Desktop, Tablet, Mobile).
Reporting format: structured Google Sheet (bug report).
Quality: minimization of missed bugs, detection of discrepancies in layout and logic.
What was done (Your process):
Analysis: Conducted a comparison of the functionality and design of the website with the original Figma layouts.
Testing: Performed functional testing and layout verification (pixel-perfect) at three checkpoints: 1920px (Desktop), 768px (Tablet), 375px (Mobile).
Bug tracking: Created a detailed database of found defects in Google Sheets, which included:
Description of the bug and steps to reproduce.
Link to the location.
Expected vs Actual result.
Screenshots (where necessary).
Communication: Provided recommendations for improving UX/UI based on identified discrepancies.
Result:
1. The client received a fully verified bug database with prioritization.
2. After fixes — re-check (regression), ensuring no critical bugs in the release.
Tools used (Stack):
Figma (layout analysis)
Chrome DevTools (device emulation)
Google Sheets (bug report formatting)
Requirements:
Cross-platform compatibility: complete verification of responsiveness (Desktop, Tablet, Mobile).
Reporting format: structured Google Sheet (bug report).
Quality: minimization of missed bugs, detection of discrepancies in layout and logic.
What was done (Your process):
Analysis: Conducted a comparison of the functionality and design of the website with the original Figma layouts.
Testing: Performed functional testing and layout verification (pixel-perfect) at three checkpoints: 1920px (Desktop), 768px (Tablet), 375px (Mobile).
Bug tracking: Created a detailed database of found defects in Google Sheets, which included:
Description of the bug and steps to reproduce.
Link to the location.
Expected vs Actual result.
Screenshots (where necessary).
Communication: Provided recommendations for improving UX/UI based on identified discrepancies.
Result:
1. The client received a fully verified bug database with prioritization.
2. After fixes — re-check (regression), ensuring no critical bugs in the release.
Tools used (Stack):
Figma (layout analysis)
Chrome DevTools (device emulation)
Google Sheets (bug report formatting)