Web designer within the University of St Andrews digital communications team. A graduate of Abertay University (BA Hons Computer Arts, 2012), Lewis joined the digital communications team in 2013 during the re-design of the admissions website which lead to the new visual design for the University website. Lewis is a jack of all trades when it comes to design and media. You'll mainly find him burrowed in the depths of Photoshop meticulously crafting designs to pixel perfection.

Colour palette of University of St Andrews

All colour is emotive, and the University of St Andrews colour palette has been designed to reflect the values, energy and vitality of our institution. Colour is a key part of our visual identity and care should be taken when choosing appropriate colours from our palette.
Continue reading “Colour palette of University of St Andrews”

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 staff.

In this post, the areas of branding and visual identity topics that will be covered are:

Continue reading “Visual identity of University of St Andrews”

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 around the town, but we wanted to do more than that.
Continue reading “360 degree photospheres”

Calling all web developers!

The digital communications team is seeking an experienced Web Developer to maintain and support web services notably where changes need to be made to coding and other infrastructure elements.

Already convinced? Apply for this position online today! Closing date is Monday 27 November 2017.
Continue reading “Calling all web developers!”

Top task performance indicators

This is a follow-up to a previous post I wrote on “Identifying your website’s Top Tasks” following a seminar I attended hosted by User Experience expert, author, and speaker Gerry McGovern. This post will illustrate the methods to identify customer success rates through testing. Continue reading “Top task performance indicators”

Social media image sizes cheat sheet for 2017

Recent studies have found that images used on Twitter double the engagement rate of posts – and this makes a lot of sense. In the world of social media, images stand out in a sea of text. However, image sizes vary across all social media platforms. Here is a quick guide to keep you up-to-date on what are the optimal sizes for your images across the top four social media platforms.
Continue reading “Social media image sizes cheat sheet for 2017”

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 speed to the rest of the page. CSS code allows different layers of the webpage to move at different rates. Just like every level of Super Mario World or Walt Disney’s “MultiPlane Camera”.
Continue reading “Is parallax scrolling bad for your website?”

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 carry out in the first place.
Continue reading “Where and when should you use a hero banner?”

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 internet from this perspective has changed the way I see the University’s website. Continue reading “It’s time to make your site retina ready”