Skip to content

Search by category: design

Visual identity of University of St Andrews

As our communications continue to grow in both pace and complexity, we need to ensure that our corporate identity is presented in a clear, controlled and consistent manner. The University of St Andrews is a global institution and our visual identity reflects our approach to education and the international community that shapes our students and…

22 February 2018Design

360 degree photospheres

We have recently launched refreshed webpages regarding accommodation at the University. An important element we really wanted to communicate with people looking to stay in St Andrews was what the University’s accommodation actually looks like. It would have been a quick and easy solution to take some high quality photographs of the rooms and campuses…

16 January 2018Design

Is parallax scrolling bad for your website?

You may be very familiar with the term “parallax scrolling” or you might just be hearing it for the first time, regardless, if you’ve browsed the web in the past four years you’ve certainly encountered it at some point. Parallax scrolling is the effect in which the background of the website moves at a different…

10 July 2017Design

Where and when should you use a hero banner?

Hero banners are great. They are perfect for conveying the mission statement of your website through strong visuals and a large tagline. They’re almost like billboards in the digital era, but they are one step better as they also have a call-to-action button that will complete the task you are probably on the website to…

14 June 2017Design

It’s time to make your site retina ready

Some members of the digital communications team have updated their hardware. Right now, I’m rocking around the internet using a 2K “built-in retina display” monitor and the best comparison I can make to how it feels is when you put new prescription glasses on for the first time. The clarity is remarkable. However, viewing the…

16 May 2017Design

Correct and incorrect use of the University of St Andrews logo

The strength of the University of St Andrews logo is dependent on its consistent application, which means that the correct logo graphic must always be used without any modifications or additions. As well as not modifying or adding to the logo in any way, it should always retain the original proportions when resizing the logo…

13 February 2017Design

Implementing UniStats’s KIS widget into our design

What is the KIS widget? Unistats is the official site to search for, and compare, data and information about university and college courses from across the UK. Key Information Sets (KIS) are comparable sets of data about full or part time undergraduate courses catered to meet the needs of prospective students. KIS data is published…

21 November 2016Design

Should links open in new tabs?

No they shouldn’t. Here’s why.

9 September 2016Design Usability

Why we don’t use video backgrounds

The release of HTML5 in 2014 introduced a standard way to embed videos directly on a web page, rather than needing to use a plug-in such as Flash. With an easier way to embed videos, using video backgrounds on web pages is becoming a more familiar design trend.

6 September 2016Design

Standardising the use of Google Maps

Look through the University’s website and you’ll find that there’s a wide variety of map styles being used. With things like map size, marker colour, how marker information is displayed (information window) and many other features varying throughout the site. Standardisation Most of the maps on our site are already using Google Maps but they…

12 August 2016Design