The client, Harrison Scott Associates - The UK's largest recruitment consultancy in the
Printing, Packaging and Paper industries, wanted a completed redesign and redevelopment of their
I met with the website owner at their office in Glasgow to discuss their needs, their user needs and how to approach
the redesign of the website. We established which parts of the original website worked and which could
be improved upon and how to increase traffic to the site. I established that the audience of the website would be split in two main categories -
candidates and clients, and determined their goals. Candidates are seeking a vacancy or registering their CV
with Harrison Scott and the client is seeking candidates for a particular position. I then began researching
competitors websites and similar products to identify painpoints and successful features.
Candidate - John Smith
Younger professional Lives in London Seeking higher paid printing job Prolific on Social Media Visits site often Wants to browse different jobs
Client - Susan Jones
Managing Director Looking for an Account Manager First time using this website Wants to post a vacancy
Once user cases were established I produced user stories for each to determine the flow of the website. These were
broken down for a candidate and a client. Eg: "As a candidate I want to upload my CV", "As a client I want to send the details of the vacancy to the agency", etc.
I produced a low fidelity wireframe for the landing page in desktop and mobile view and from there produced
different prototypes using Photoshop. As there were no actual users to hand I was able to test with the employees of Harrison Scott to test and evaluate between
the different designs I had created for the landing page to begin with. Of the three designs I produced we dismissed one
and combined different parts of the remaining two create a page that everyone was happy with. Throughout the process I was
in touch with the Joint Managing Director brainstorming ideas.
Making the contact information visible
Making user navigation as easy as possible
Communicate crucial information early
Make use of Social Media
Be Mobile Friendly
Present the Recruitment Team
Sticky top bar showing all UK numbers at all times
Agency information above the fold, Latest vacancies on landing page
Sharing option on all vacancies for all social media platforms
Built mobile first with responsive images and text
About Us page and individual profile pages for Management team
During development of the website I was able to utilise the Live Link feature from Local by Flywheel to send a link to the owner
so that they could see the progress and give feedback on any features that they felt weren't working in a live
enviroment. The new site I created was completely responsive with video backgrounds and fully optimised
for fast loading and included a client dashboard for uploading new vacancies, press articles,
viewing candidate details and analytics of website traffic.
Using Google Analytics and the Analytify plugin the website has been shown to grow month on month in terms
of sessions, visitors and page views whilst significantly decreasing the bounce rate. Harrison Scott Associates has
also risen to be the top Google result for "Print recruitment" after previously being ranked 4th.
This app was developed as a guide for the Glasgow Subcrawl, a traditional pub crawl at each
of the Glasgow Underground
The app shows maps to the nearest pubs at every stop and how long the pubs take to walk
to. It also give a brief description of the pubs, their address and opening/closing times.
The app also features info on the Subway with details on pricing and first train/last train
times along with some handy tips and tricks to navigating the subcrawl.
I created this app during the summer between college and university to try and get to grips
with React Native and producing an app that I could actually distribute from the Google
Play Store and the Apple Store on iTunes.
Having completed the Glasgow Subcrawl in the past I had an idea of which features I wanted to include in the project.
There should be an overall map or graphic of all of the stops with a seperate page for each showing a Google map showing the
position of the Subway station and markers showing the locations of all nearby pubs. The audience would be mainly students and
groups of younger people so that would have a bearing on the design.
The Feedback page has been a great help in developing and improving the Subcrawl app. Users have sent me their thoughts on what
they would like to see from future versions and I have incorperated some ideas in to subsequent versions such as including all
the pub opening and closing times, Subway ticket pricing and adding new locations recommended by users.
MSP Recruitment Solutions work in the Print and packaging recruitment sector. The brief was
to design and develop an engaging and responsive website to showcase the clients job
postings, services and contact details.
The website is completely responsive and fully optimised. Wordpress was utilised on the
for a client dashboard, used for uploading new jobs, news stories and viewing website
Manorview Hotels & Leisure Group needed animated charity trackers for their different
venues to show the current total for their charity efforts. These trackers are shown on
their own employee app - IRIS by MVG
coded in a way to make it simple to update totals and amounts.
The Taps Oan website was designed and developed as a college project during my HND
Interactive Media course. I was given free rein to produce an e-business website for any
product and so I came up with a craft beer site. (If you're not from Scotland, the name is
a play on the phrase Taps
The logo and fake labels were produced in Illustrator and Photoshop and the site was
developed using HTML5, CSS3, JS, jQuery and PHP for signing up/signing in.
My father has started writing ebooks since retiring so I offered to make him a website to
publicise them. This was when I was just starting out developing websites so at some point
I'd like to go back and redesign the website.
I also took the author photographs for him and designed the ebook covers in Photoshop.
The Glasgow Museums App was a college project for my HND Interactive Media course. The brief
was to develop an app giving a guide to a selection of museums in Glasgow using jQuery
mobile that would work on smaller mobile devices.
was used to manipulate the DOM, validate forms, score a multichoice quiz and calculating
ticket pricing totals
The UWS student app was a group project as part of my Web and Mobile Development course at
the University of the West of Scotland. The app was produced within a team of 4 in our
Mobile Development module. Our idea was to create an app that allowed students to find the
various buildings throughout the UWS campus, had a chat page, a gallery and a note taking
For this project I developed the 'Find a Building' section. We used jQuery Mobile for the
overall structure and integrated the Google Maps API functionality to produce an
view of all the buildings.
The link below will take you to the app but it works best when viwed on a mobile device.
The Dignans Catering website was a college project for my HND Interactive Media course. The
was to develop an website for an online business, in this case a catering company. This was
the first website that I developed and isn't as responsive as sites that I have produced
since as I was still learning HTML and CSS. The main reason this site is here is to remind
me of my progress in web development.
when the button is clicked each ball is populated by a random number between 1 and 59, no
number could be repeated and a CSS animation was triggered at the same time. The next stage
of this application is to produce a native app and to look into storing the generated
This project was part of teaching myself React and how it interacts with APIs, in this case
using axios. This was based on the text generator tutorial by Brad Traversy but I swapped
out the HipsterJesus API for the Bacon Ipsum API.