5 Examples of Responsive Web Design

5 Examples of Responsive Web Design Julia di trapani

DESKTOP

TABLET

MOBILE

Evaluation

The website is responsive and flexible and the navigation is fluent. However the mobile layout shows imperfections as the head images are cropped when the page is resized (see the image below).

Mobile layout - image cropped

UNITED COLORS OF BENETTON

DESKTOP

MOBILE

Evaluation

This website has a very simple and essential design and it has only a layout for desktop and mobile screens; overall the design is a little simplistic but works well.

QUEENS OF THE STONE AGE

DESKTOP

MOBILE

Evaluation

This website has a soft and balanced design, as well as a tidy and clear layout, that makes the navigation fluent. The grid is fluid and the design is well responsive for both desktop and mobile screens.

ALT-J

WEB

TABLET

MOBILE

Evaluation

This website has desktop, a tablet and a mobile layout and the responsive design overall woks well for each target. However the grid is not so much fluid so there are some inaccuracies that make the navigation less fluent than it could be (See the images below).

Homepage - defective grid disposition when moving from desktop to tablet size.

Products section - layout shows flaws when resized into the mobile target.

WACOM

DESKTOP

TABLET

MOBILE

Evaluation

The responsive design of this website works really well and the grid is very fluid, so the pages, when resized, easily rearrange between the different targets. It works well within the homepage as well as into each website section. The design is balanced and the layout is clear and accessible. I think this website is the one that works better, between the five examples of responsive web design.

GNOMON

Appreciate

Made with Adobe Slate

Make your words and images move.

Get Slate