Friday, April 13, 2018

OUGD603 - Brief 06 - Copenhill - Website and Mobile Site Design

Taking part in a crit group I wanted to get feedback on the best way to design the website and the benefits of designing for different platforms either desktop or mobile. 

Most of the group said that if they were visiting Copenhagen they would be viewing the website from their mobile phone as nobody tended to take their laptops with them on holiday. Therefore the mobile site is the main priority for international visitors. 

As the centre is a spontaneous activity day trip even if the site was in England a lot of the people I asked said they would probably look it up on their phone or via social media to check it out. 

However, some of the group said if they were planning on going before their trip they would probably check it out from their laptop prior to see if they had to book tickets etc. Some reasons for people preferring the desktop screen included:

'Easier to see, lots of content at once, faster, larger images and easier to navigate.'

'larger screen that holds and displays more information/ larger platform to search on'

'laptop because it gives you more access to the website, desktop versions are normally larger and an expansion rather than mobile'

'I prefer looking for things on a laptop because I find my phone screen too small to take in all of the information.'

'Phone's more accessible as you always have your phone with you.'


As I'm only designing the visual identity concept for the website I am only going to design a few pages to showcase the style and layout of the website. I will design a few examples on both a desktop and mobile format to showcase the aesthetic of the site. 

I then researched into websites for various ski resorts such as Val Thorens and Meribel to see the sorts of things to include as well as taking note of their layout. I also then looked into UI trends and websites which I felt had a modern aesthetic to work out any elements I could take inspiration from.




Initial designs for the website: 

- Duotone colour palette
- Full bleed images 
- Consistent Typography
- Easy Navigation 







Development of colour scheme and style (Final Design): 



Mobile Site:



These initial mockups for how the User interface of the website and mobile site would look indicate the colour scheme, layout and UI of how the entire site would look if it was fully developed across every page. 

Good visual branding works seamlessly across both print and digital media, as designer from North studio Sean Perkins states: ‘It should be optically sophisticated (not muddled or overcooked) and it should work in print, digital and broadcast settings.’

Therefore when creating the digital collateral I tried to make it as similar to the printed stationary as possible.

As Copenhill will become a major tourist attraction many visitors will be accessing the sight’s page through their mobile phone as many of the people surveyed said they didn’t take their laptop abroad with them. Therefore I designed a brief concept identity for a clear and easy to use sight.
Both the web and mobile site feature information on the park’s activities and upcoming events as well as information on what the building does, how to get there and how to get in touch. Using the same typography, colour scheme and duotone images allow the visual identity to seamlessly flow from printed to digital collateral. 

No comments:

Post a Comment