Social Page Final Design

The social page is a major part of the application and so needed to fit in seamlessly with the design of the main map page. The same top navigation bar has been used to keep this consistency and familiarity, along with the left hand navigation providing secondary functions.

The layout of individual tweets and Instagram photos was the first major design decision. I chose to use a masonry style layout to allow the user to see as much content as possible at once, while still keeping a structure that could flow to fit any screen size. This layout also allowed me to easily add sorting and filtering to these items, which gives a massive improvement to usability.


The dark background gives depth to the page and also helps to separate each individual item making the content more easy to read. Once again the same colour scheme was used to style the tweets, using the blue for links and as a background colour for the Instagram photo hoverable captions.

Be the first to leave a comment. Don’t be shy.

Join the Discussion

Thank you for taking the time to look over my most recent work. Please feel free to contact me for any further information, to hire me for a project or to simply have a good old chat.

Click here to hire me