Cityscape artists and colour

7d017695014b31d8_2459-w548-h486-b0-p0--contemporary-artwork 4852686387_c564cd2f64_z art_wall_street_cityscape art135tutcity615 ArtCollectionsCityscapesCityChic_r10_c21 ArtCollectionsCityscapesCityChic_r14_c12 chicago_skyline_art___dscn8112_kfazzino-international-cityscapes-venicecitytuneslgnautical-coastal-art-original-contemporary-cityscape-painting-city-by-the-bay-by-madart-megan-duncansoncityscape-one-jeff-d-ottavioalley_cityscape_art_painting_rainy_street_by_debra_hurd_69b92f9568dcc6f594970223cec6df0eCITYSCAPEcopy_0_fazzino-cityscape-art-philadelphia-with-love images necinew_orleans_cityscape_art_69b92f9568dcc6f594970223cec6df0e painting-cityscape-art-1486 red-city-scape-michael-whitlarkSt Charles Cityscape copy60-zone-on-william-street 4115_237 17774_cityscape_colorful_cityscape21162_1 $(KGrHqN,!qUFB,qzFGhJBQq5VSE5iQ~~60_35 $(KGrHqV,!rEFC10iQ)NHBQ9)d5kpww~~60_35 $T2eC16VHJHEE9ny2rS4QBRH!Cw,dRQ~~60_35 Cityscape cp,375x360,s,ffffff il_340x270.417291950_bssw il_340x270.449115031_jh7f latestnews-abstractexample-affordable-art-imgv1 Leonid Afremov webneel (12).forblog pke-brooklyn-jazz-r1pke-heart-of-paris-r1 prd1444_1prd1278_1cache_2429351713 cityscapes-with-oils-02 flat,550x550,075,f moco_art_this_week_24_apr_09 PKEOR0642_Thames_Swoop prd1446_1 tumblr_m9fvq9EYbd1rqr0dmo1_500WM0043-Evening-Colours-NYC




animation inspirations


examples of online portfolios

Screen shot 2013-01-30 at 11.24.53Screen shot 2013-01-30 at 11.24.45Screen shot 2013-01-30 at 11.25.11Screen shot 2013-01-30 at 11.25.19

This website is designed to display three different pages by simply scrolling down the page. You start on the home page. It has a clouded green and black background with some line doodles on the left and CSS code to the right, written in a light green. In the center he gives a brief description of himself and what he does. There’s a white arrow directing you to go downwards.

You scroll downwards and the screen slides into a new, grey coloured page with a brightly coloured wheel to the right and white text to the left. Here he expands slightly on what he does and why. This page contains text/images that seem like links, but actually don’t do anything and text that displays small pop-ups when hovered over. As you scroll down the green, textured text titled “About” moves down (or up) with you and the page.

The final page doesn’t fit the full screen, but just a little over half of the previous page. This page is a off-white grey, with contact details and boxes. A small round picture of himself and social media links, such as Twitter, Linkden and Facebook.

The last thing, displayed on the very bottom of the page is a quoted recommendation for him.

Overall I feel that this website’s design is really something, it’s interesting, simplistic in a non-simplistic way and stylishly displays who he is and what he does. All In a brilliantly designed website that, as a web designer, can aslo act as an example of his work and capability.


Screen shot 2013-01-30 at 11.46.28 Screen shot 2013-01-30 at 11.46.36 Screen shot 2013-01-30 at 11.46.41 Screen shot 2013-01-30 at 11.46.56 Screen shot 2013-01-30 at 11.48.06

Bold shapes, simple black and white colour scheme (with a splash of orange) and a nice big “Hire me” button at the top.

The website takes us to the top of this single page, were he displays some of his projects in these pentagram bubbles, scrolling over these will darken all the other links other than the one you’re hovering over. Other interactivity includes the “Hire me” button changing to orange when you hover over it, and some navigation links at the top of the page, that sadly most aren’t working (have been scored out). The only working navigation from that list working is “Home” and “Portfolio”, which is basically just the top of the home page but with two extra projects. His “About me” page has been scored out, so we don’t know anything about the person behind the website. The only mention of who he is, is a brief where he lives, his skills and what he’s about, all work related.

Clicking on the pentagrams will darken the screen for a second before the text and images fade in quickly. The header text, and everything above it (navigation links) sort of bounce down a little as they fade in, and the “Hire me” button flips in out of nowhere. At the side there’s also a new different navigation bar, that takes you through all the pentagram pages without clicking back. There’s the option to scroll to the top, move forward or backward in the list or by clicking the button with four squares you can be taken to the “portfolio” page.

Overall, it’s simple but stylish. Bold but mimilist. It’s nice enough, but the currently broken pages is a bit of a let down. It would also be nice to see more of his projects and work on his portfolio page, as he does appear to have done more since as suggested by his dribble page.


Screen shot 2013-02-06 at 10.11.32 Screen shot 2013-02-06 at 10.12.07 Screen shot 2013-02-06 at 10.12.37 Screen shot 2013-02-06 at 10.13.41




Screen shot 2013-02-06 at 10.17.47Screen shot 2013-02-06 at 10.24.32 Screen shot 2013-02-06 at 10.25.12 Screen shot 2013-02-06 at 10.25.28 Screen shot 2013-02-06 at 10.25.41 Screen shot 2013-02-06 at 10.25.54





Screen shot 2013-02-06 at 10.20.53 Screen shot 2013-02-06 at 10.21.03 Screen shot 2013-02-06 at 10.21.30 Screen shot 2013-02-06 at 10.21.58 Screen shot 2013-02-06 at 10.22.11





Screen shot 2013-02-06 at 10.29.25 Screen shot 2013-02-06 at 10.29.46 Screen shot 2013-02-06 at 10.29.56 Screen shot 2013-02-06 at 10.30.07 Screen shot 2013-02-06 at 10.30.17 Screen shot 2013-02-06 at 10.30.25 Screen shot 2013-02-06 at 10.30.44 Screen shot 2013-02-06 at 10.30.52 Screen shot 2013-02-06 at 10.31.00 Screen shot 2013-02-06 at 10.31.08 Screen shot 2013-02-06 at 10.31.16 Screen shot 2013-02-06 at 10.31.25 Screen shot 2013-02-06 at 10.31.33 Screen shot 2013-02-06 at 10.31.42 Screen shot 2013-02-06 at 10.31.53 Screen shot 2013-02-06 at 10.32.01 Screen shot 2013-02-06 at 10.32.09




Screen shot 2013-02-06 at 10.40.27 Screen shot 2013-02-06 at 10.40.36 Screen shot 2013-02-06 at 10.40.51 Screen shot 2013-02-06 at 10.41.02 Screen shot 2013-02-06 at 10.41.12 Screen shot 2013-02-06 at 10.41.21