Dev to Design Checklist

"*" indicates required fields

Website Information

Developer Creative QA

This is a high-level aesthetic check before it goes to creative. Whichever developer did NOT build the site should complete a review. This review can be using markup.io or a Google doc. If it’s a Google doc, URLs and screenshots should be provided.

Browser and Layout

Select home page and one at least one page of each template to review.

Browsers
Safari*
Chrome*
Firefox*
Edge*
Review correct layouts on the following

(You can use How Big Is My Browser? to confirm sizes.)

Desktop @1440, @1200*
Tablet @991 (landscape), @768 (portrait)*
Mobile Device*
Do not check “mobile size” using a desktop browser. Use iPhone and/or Android phone if available. Note: Designer can alternatively, perform Q/A at the designated viewports using the Chrome browser inspect tool. Right-click on the browser and select “Inspect”.
Cosmetic
Review correct use of typography and px sizes*
Review correct colors*
Review buttons (hover/non-hover)*
Review navigation (main, mobile, mega menu, etc.)*
Review image quality. If off, request from creative.*
Review padding*

Provide Feedback to Website Developer