Skip to content

Search by category: design

Staff listings page remastered

The digital communications team have been hard at work with an initial rework of the way we display staff and student listings. Gone are the days of tables in web design and we no longer want it to look like an Excel spreadsheet. In addition to improved look and feel, which also means easy to view on…

2 December 2015Design

Why Snapchat is only going to get more popular

What is Snapchat? Snapchat is a photo messaging application where users can take photos and videos, and send them to a controlled audience which usually consists of their friends. Here are some “Elders” discovering Snapchat for the first time. On each photo/video, which are referred to as “snaps,” users can draw pictures with their finger,…

29 November 2015Design Social Media

Visual design principles for the University of St Andrews website

On 15 June 2015, the digital communications team launched the new University of St Andrews homepage. This is the first major milestone in a project that has been on-going before I started work here in 2013. We have created a product that’s functionality can be updated as web design trends progress. This allows our website…

30 June 2015Design Digital transformation

How to make 404 error pages useful

If you’ve spent enough time surfing the rad waves of the internet then it’s likely you’ll have stumbled upon a 404 page at some point. The 404 page is a standard response code in HTTP telling the user that they’ve clicked on a broken link somewhere. Essentially, it is an error page communicating to the…

25 June 2015Design

An introduction to the Digital pattern library

As members of a digital world, our students and staff demand a coherent experience that consistently reflects the brand and reputation of the University while allowing them to easily achieve the task at hand. Our vision is a consistent look, feel and behaviour of websites, web applications and other digital products throughout the University. At…

16 June 2015Design Digital transformation

Mobile first and responsive design

The core design mission of the new St Andrews website is to cater for mobile devices, as these are rapidly becoming the dominant medium for web. While most organisations still commission a website to look good on their computer first and work on mobile second, we have made the switch to a responsive web design…

3 June 2015Design Digital transformation

BBC News responsive redesign

BBC News switches PC users to responsive site Since the last newsletter, BBC News closed down its old desktop website design and switched all users to the responsive design that was already being displayed to mobile visitors. As is customary for a BBC News redesign, and indeed any major website redesign, the change divided opinion.…

27 May 2015Design

How the web is used in China

On China’s bleeding edge: Web design trends 2015 We, along with our colleagues in Admissions and IT Services, have been doing a lot of thinking recently about how we can best reach users in China. Web culture in China is very different to here, and it is even more difficult for us to keep on…

19 March 2015Design

Hero banners: Why are they so attractive?

What is a hero banner? You see that big, wide section at the top of most modern websites? That section with the large catchy slogan and button that is effectively tempting you to click it? That section with the fresh, inspiring photograph that really compliments the company’s brand? Yeah. That’s a hero banner.

9 March 2015Design Digital transformation

“Yes, but which fold?”

I am the fold Here is another illustration of why talking about the fold is unhelpful, and of the challenges we face in designing a webpage that will look good at a variety of different screen sizes.

4 March 2015Design