My Non-Responsive Web Site: An Analysis

My Non-Responsive Web Site: An Analysis
Author Profile Picture

A responsive website is like a 3D popup — it immerses you in the experience, tailored each device. A switch from an unresponsive to responsive website has been proven to increase conversion rates by 20%, as was the example with Walmart Canada. Today, we take you through Deque University’s webpage My Non-Responsive Web Site to teach you about responsive design.

reach above media


#1 Menu

reach above media

Menu icons rule when it comes to responsive design, especially when there are more than 3 navigation tabs. In this case, there were 5 which could have been collapsed in a hamburger icon for easier accessibility.


#2 Logo Spacing

The logo seems to be squeezed tightly between the top and left corners of the site. Any visitor would feel a sense of compactness rather than design friendliness. Presetting varying logo sizes is a common trend in responsive design, and should be tailored for every device.


#3 Accessibility Topics

Rather than collapsing every category in the sidebar, why not try a responsive tactic? This is from our very own Reach Above Media blog category.

reach above media


#4 Cluttered Texts and Images

The image does not fill up the screen like each of our blog posts, and the text is wrapped around it instead of going underneath the image. Header images are the best way to display the main image of a page or post, with full-width images throughout the rest of the page.

We’d love to hear your comments below!

You can also Request a Quote here if you’d like us to help you code your responsive website.