{"id":2227,"date":"2017-02-21T22:17:49","date_gmt":"2017-02-22T05:17:49","guid":{"rendered":"https:\/\/rmu.andrewyames.com\/?p=2227"},"modified":"2017-02-22T06:28:36","modified_gmt":"2017-02-22T13:28:36","slug":"review-2-single-page-webpage","status":"publish","type":"post","link":"https:\/\/rmu.andrewyames.com\/?p=2227","title":{"rendered":"Review #2: Single Page Webpage"},"content":{"rendered":"

For the one page website review I chose www.jordancole.com<\/a> which was on www.onepagelove.com<\/a>.\u00a0 This was a portfolio created by freelance artist Jordan Cole.\u00a0 Upon entering the site, you simply see an image of a magazine page flipping.\u00a0 It is assumed that this is some of his work.\u00a0 Right at the first page there is the main image, a drop down menu on the side, arrows pointing in all four directions of the screen, and Jordan Cole\u2019s name on the top and bottom of the screen.\u00a0 You can only physically scroll up and down even though there are arrows pointing in all four directions.\u00a0 You can\u2019t scroll right to left.\u00a0 You must click on the arrows with your mouse to move the screen horizontally.\u00a0 By moving the screen, it moves to more of his work that has been shown in magazines.\u00a0 As you move down the website it breaks into a different color with a different main image.\u00a0 I am assuming that it is organized by each different project he created.\u00a0 So when you scroll to a new \u2018page\u2019 it is a different project that he created.\u00a0 If there are arrows pointing to the left and right, then there are more images of the project either on a different media device or different point of view.\u00a0 Throughout the website his name is placed at the top and bottom of each page continuously reminding you who created the work while being a page break as the colors change between pages.<\/p>\n

Overall the design of the website is minimal.\u00a0 There is simply a colored background with the image of the project in front of it.\u00a0 Everything has a clean and simple look because his designs themselves often have the texture in them.\u00a0 Most of his designs tie in nature in some manner giving them texture.\u00a0 This texture contrasts with the clean technology and colored backgrounds.\u00a0 The only details other than the images themselves are the occasional use of shadows with the images.\u00a0 As explained in The Principles of Beautiful Web Design<\/u>, \u201cLight and shadow establish visual contrast, and help to create the illusion of three-dimensional depth with two-dimensional media, such as pencil on paper or pixels on your computer screen.\u201d\u00a0 For example, he uses shadows to create the idea that these mediums in which his projects are on are sitting on a table or are located in front of a background.\u00a0 Allowing these subtle shadows into his images makes them more realistic to the viewer.\u00a0 He\u2019s used it to show the width of magazine as well as the size of a computer against a table.\u00a0 Using these shadows also helps show the different sizes he designs for specifically in media.\u00a0 Showing the different forms of technology that art can be displayed on (phones, laptops, tablets, desktops) the shadows help create a more realistic and visual size difference.<\/p>\n

The colors that Jordan Cole used within his website were a mix of warm and cool colors.\u00a0 He used colors to spark creativity and action which follow with his constant outdoors theme.\u00a0 He took into account the colors within his designs and the color he chose for the background.\u00a0 For example, If the image of his work had primarily cool colors within it, he would use a warm colored background to create contrast.\u00a0 The different colors helped to break up the webpage into smaller pages to represent the idea of looking at a new project.\u00a0 Also, the colors had a very similar tone allowing the transition between them easy for the eye.<\/p>\n

Overall the site is well made.\u00a0 The navigation might take a second to think about it but after the user realizes they have to click on the arrows to move screens it is extremely easy to use.\u00a0 The different forms of navigation located on the webpage are very large making them easy to find.\u00a0 The organization can be a little confusing because I feel the user would someone question why Jordan Cole laid out the webpage the way he did.\u00a0 I still am not entirely sure if each individual panel is a new project or if they connect in some manner.\u00a0 So that could be more clear so the user understands what was a complete project.\u00a0 I believe that using his name as a page break was very smart as it continues to remind the user of the artist while easily covering the transition from one block color to another.\u00a0 He uses contrast intelligently throughout the webpage, especially on the about me and contact pages because he loses all color except his personal photo and everything is black and white.\u00a0 Contrast is definitely the element he relied on heavily for his entire webpage and I think it was used well.\u00a0 Overall the website is eye-catching and easy to follow along.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

For the one page website review I chose www.jordancole.com which was on www.onepagelove.com.\u00a0 This was a portfolio created by freelance artist Jordan Cole.\u00a0 Upon entering the site, you simply see an image of a magazine page flipping.\u00a0 It is assumed that this is some of his work.\u00a0 Right at the first page there is the … <\/p>\n

Continue reading “Review #2: Single Page Webpage”<\/span><\/a><\/p>\n","protected":false},"author":101,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-2227","post","type-post","status-publish","format-standard","hentry","category-artm2210-intro-to-web","category-site-review"],"_links":{"self":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/2227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/users\/101"}],"replies":[{"embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2227"}],"version-history":[{"count":1,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/2227\/revisions"}],"predecessor-version":[{"id":2228,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=\/wp\/v2\/posts\/2227\/revisions\/2228"}],"wp:attachment":[{"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmu.andrewyames.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}