Responsive websites part 3

More research

Today's post will focus on the responsive design of these websites and the buttons used to present the navigation links. I have taken 3 websites that are very responsive and reviewed their features.

When viewed on the desktop, I thought the website conveyed a sketch book feel. The desktop website features massive text positioned on dark blue squares. Although this works on the links the content may look overwhelming. However, the content and the page design alters in the Ipad version. The Ipad website reveals a sketched designed navigation buttons that enhances the visual experience. A appearing text reveals the name of the page that is linked to the page. 

Generally it does make the the website feel unprofessionally designed due the navigation elements only appears on the Ipad and mobile sites. This may cause the user to have a difficult experience in navigating through the website.

A nice addition to the website is 

The designer has considered the hierarchy of information in his website design. The Ipad version features an avatar next to some some content and states. Both kinds of the content are positioned near the image to establish connection between them.

There is an issue with the word, about me heading. Placing the text onto a box could apply a navigation link. I media selected the text when I saw the graphical object. When the cursor clicks, no actions took place.

To ensure  the 

http://iwantobeafootballplayer.com/

This web agency has an excellent phone website. When I viewed this on the phone, the graphical element looked and web page composition. The website features one column filled with content and imagery. The use of empty or negative space makes the website come across as understandable. The visually pleasing and colourful website would entice the audience to explore the website.

The typography is the website's boldest aspect.. The script face conveys a retro feel that adds a vintage characteristic. Both script and italic san serif font face a mixed together to create some contrast into the the heading design. Generally it  also enhances the visual imagery. The top hot often symbolises history and old fashion, therefore, the illustrations blend with the website theme. 

The navigation one the desktop version is quite unusable due to its scale. The navigation is positioned on the right part of the website but the scale of the links are too massive to fit onto the page, thus reducing the user experience. However, the phone website features the very convention drop down menu. When the icon with 3 lines is activated, a drop menu with the centred aligned text.

As for the navigation design, it is very elegant and it does work. The mobile site has its own navigation page that is very usable. The vertical navigation bar is positioned to the centre. The links are surrounded by large amount of padding, making the composition look clean.




http://fixedagency.com/en/portfolio