Mobile Responsive
Test the website on different devices
Recommend Chrome plugin: Mobile View: Test responsive designs
Rule of Thumb
If it doesn’t look nice or make sense… adjust it.
White Space
Is there enough space for each element? Is it consistent?
Carousel Images / Logo
Maximum 3 logos, slide 1-2
Typography
-
Make sure all size are same
-
Adjust line heights and letter spacing for better readability
-
Use relative units (em) for font sizes, avoid px
Spacing and Layout
-
Consistent padding and margin values
-
Center content horizontally and vertically when needed
Alignments
-
If possible, make it center aligned
Navigation
-
Is the navigation menu working well? Does it look awkward?
-
Use hamburger menu
Accessibility
-
Ensure proper color contrast ratio for text and background
Testing and Quality Assurance
-
Test websites across various browsers, devices and screen size
PageSpeed Insights
-
Make sure it loads fast
Reversed columns in mobile?
Happens mostly on sections with text/image, image/text, text/image
In mobile it will show as text-image-image-text-text-image
Correct flow should be text-image-text-image-text-image
