pendragon.online

Storehouse Magazine

Magazine and website featuring student work | HTML, CSS, JavaScript, C#, PHP | Team leadership | Extra-curricular

What is Storehouse Magazine?

Storehouse is the official magazine of the NUA Students’ Union. It is a magazine and website that showcases the talent and diversity of the work of NUA’s students.

I was involved with Storehouse for all of my time at university and led the team to ensure that Storehouse continued to be a prestigious and desirable magazine to be published in among the student community at NUA, as well as a society that continues to grow and include new talent. I led the team for two years.

Besides leading the team, my other major roles in Storehouse were related to the creation and administration of the website.

Stock image of a side profile of an elderly man's head against a black backdrop.

Define

‘Off the pages and onto the screens,’ in October 2017 it was decided that Storehouse needed to have a website to increase our reach and to showcase the work of students submitting digital project such as films, animations and games.

Discover

Students from a variety of courses at NUA wished to submit work to be published in Storehouse, but with the popularity of NUA’s media courses increasing and more student work becoming digital, students were requesting a digital platform to showcase their work on.

‘How can I show my film to students at uni?’

‘I would submit to Storehouse, but it’s too ‘graphic design-y’. There’s no place for my work.’

'A website would allow me to share my work easierwith my friends and family - it's sometimes hard to get the magazines before they've all gone!'

'I want to be able to show my work in Storehouse on social media and at interviews without needing to take the magazine.'

A group of people graphic.

The website also provided the opportunity to spread the reach of Storehouse further than the university and the few businesses we choose to send printed copies of the magazine to.

Develop

The first Storehouse website was designed by me and a team of designers between October 2017 and March 2018, launching with Issue 16 in March 2018. It featured around half of the pieces that were in the printed edition.

The design of the site features the same black and white colour palette as the logo and is generally very minimalistic in terms of appearance. Its design and codebase are very similar to that of early versions of the Nellie’s Nursery website prototype, which I developed alongside it. Therefore, many common design traits are shared, such as the hamburger button located at the bottom of the website for better ergonomics when holding the phone in one hand.

Early mobile wireframe of a Storehouse article page from March 2nd, 2018. The wireframe features the Storehouse logo and author information in the upper left of the website, a large full-width hero image with article text and images in columns beneath it. The menu is located at the bottom of the wbsite and features a 'save to reading list' button, a hamburger button to open a menu and the home button.
The Nellie's Nursery prototype website running next to the first Storehouse website both showing the hamburger button to open the menu located at the bottom of the website and the menu appearing from the bottom of the screen.

The mobile article page design originally featured a 'save to reading list' button which would have allowed the user to save an article. It was never implemented and nor was the home button in the bottom menu. The image, right, shows the similarities between the hamburger menus and buttons in the original Storehouse site (right) and the Nellie's Nursery site (left).

The website was updated for Issue 17, launched October 2018, before being completely redesigned twice in 2019 and then converted into a WordPress website in March 2020 for Issue 20 to make management easier. All pieces are published online as well as print

Image of the Storehouse websites.

The original Storehouse site (for Issues 16 and 17) running in front of the new Storehouse site (for Issue 18).

Webpage creation was my responsibility, first creating software in C# that could generate HTML webpages much faster than anybody could write them and then working with our Content Team to design the webpages for the WordPress website.

Online submissions were also my responsibility, first creating PHP webpages to allow users to upload files and then using Microsoft Forms in Office 365 as a solution for my replacement team.

Video demonstration of the Storehouse website in June 2019, advertising for Issue 19 submissions (released September 2019) and demonstrating the Online Submission Tool for Issue 19.

Evolve

Storehouse is forever changing and each edition and website is completely different from the last. New ideas are introduced each time and the team is also changed for each edition.

Assortment of Storehouse issues from 2009 to 2019 on a table, photographed to celebrate Storehouse's tenth anniversary.

Various issues of Storehouse produced between 2009 and 2019 photographed for Storehouse's tenth anniversary in March 2019.

The editorial style of issues 15-17 compared to issue 18. The former generally has white pages with images in boxes and Helvetica font used. The latter has full page images with lots more colour on glossy pages and is more like a 'magazine'.

The difference in editorial style between Issues 15-17 (left) and Issue 18 (right). Issue 18's style is brighter and bolder and the magazine is also printed on silk paper.

Related

Enjoyed this case study? Have a look at some similar work!

Fosters Solicitors LLP Web Presentation

Fosters Solicitors LLP needed an exciting, engaging and interactive web-based presentation about celebrating and improving company culture to present to the board of the firm.

Nellie's Nursery Website Prototype

From a hastily-made Wix website to a fully functioning prototype of how a nursery site could look and feel - based entirely on formative user research, research into existing conventions and customer needs.

Broads Authority Web App

How can you encourage families in Great Yarmouth and Lowestoft to visit The Broads using technology? Much of my time in Year 2 at university was spent on this live client brief that rendered interesting results.