Skip to content

Search by tag: design

How new design has affected University news

In June 2016 we launched a new homepage that was more focused on external visitors. It introduced the idea of news and events being highlighted on a limited number of ’tiles’. The aim was to selectively promote specific news and events rather than than just a list of the past ten press releases and the next…

23 June 2016Design

Images: Quality over quantity

The modern web is built on strong visual imagery. Sites like Twitter, Netflix, and even LinkedIn, all utilise large images to add to their sites’ appeal, aesthetic, and brand identity. The University of St Andrews’ updated web design uses large imagery for the same purpose. You may be thinking, “Right, I’ve got it. Populate my…

9 May 2016Content

Flaws in UX design standards: Empty states

An empty state is something that is easily overlooked by inexperienced designers, however, they can be an important factor when it comes to an app’s overall user experience. Sometimes designers see error messages and empty states as blank canvases where there’s a good opportunity to do something creative. But that design phrase that is as…

27 January 2016Design

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

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

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

Why is the user important?

As we may have mentioned a few times already, the digital communications team is committed to a user centred approach to our work: whether that be research, design, content or build. We have placed users at the heart of the decisions we make, which is, in some areas, a radical departure from the way that…

25 March 2015Digital 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

Consistency, not uniformity

Being consistent, not uniform This is a good explanation of the concept behind a common look and feel such as what we are currently developing. It is not about reducing the amount of flexibility or giving every page the same design. It is about creating a visually consistent experience. The BBC do something very similar…

8 October 2014Design

The evolution of the Study at St Andrews design

We had intended on writing an article about the design process for the Study at St Andrews website. Sadly, there is this thing called proper work, and we haven’t had the time to do it. Today I began cleaning up the files on my PC because it had become very unmanageable. I came across a…

12 June 2014Study at St Andrews website