Style tiles

As the design of the new portfolio was underway, the different options for the site would need to be determined with the client before going into the creation of the site itself, allowing for the colours, text and styles to be determined before the site is completely started. Developing the style tiles provided the opportunity for different styles, colour choices and typography to be demonstrated to the user in a small form, which would not take up too much time, in comparison to developing wire frames and clickable mock ups of the site.

The style tiles themselves were developed using Adobe Illustrator, with the themes and colours take inspiration from the mood board which had been developed using Pinterest earlier on in the assignment. Pinterest was also used to collect inspiration on the style in which the style tile would be developed, as the tile needed to demonstrate a wide range of different items, the layout would be almost as important as the tile itself, so using Pinterest as an aid the layout was developed.

Style tile layout

Once all of the designs were developed, the ideas were taken to the client to discuss which style they preferred. During the discussion the client mentioned that they were looking for a site which is clean and modern, and would prefer the colours which would be used as a background (monochrome colours) to be on the lighter side, allowing for the work to really stand out from the background. They also mentioned again that each individual piece should speak for itself, so utilising the colours and the images which have been provided from the client would be advantageous. Between all of the style tiles, it was decided that the theme of style tile 1 would be used and taken forward into the development of the final design.

Bibliography:

Pinterest. 2019. 19 Best Website design and development images in 2019. [ONLINE] Available at: https://www.pinterest.co.uk/nobodyliveslife/website-design-and-development/. [Accessed 15 March 2019].

Pinterest. 2019. 20 Best Style Tile Examples images | Web style guide, Brand design, Branding design. [ONLINE] Available at: https://www.pinterest.co.uk/taoticreative/style-tile-examples/. [Accessed 15 March 2019].

Print Friendly, PDF & Email

Leave a Reply