WORK
Robin Wilkie
Harrison Scott Associates
Redesign and Development - 2018
The Brief
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 existing website.
Initial Research
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.
User Personas
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
User Stories
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.
Testing
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.
UX Challenges
- 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
UX Solutions
- Sticky top bar showing all UK numbers at all times
- Navigation widgets
- 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
Development
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.
Results
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.
Included
- HTML5
- CSS3
- PHP
- JS
- jQuery
- Flexbox
- Wordpress
- SEO
Glasgow Subcrawl App
Mobile App - 2017
The Brief
This app was developed as a guide for the Glasgow Subcrawl, a traditional pub crawl at each of the Glasgow Underground train stops. 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.
Research
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.
Iterations
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.
Results
The app has been pretty popular (especially with students) with almost 2000 downloads so far and was even featured in The Herald here.
Included
- React Native
- CSS3
- Google Maps API
- JS
- Adobe Illustrator
MSP Recruitment Solutions
Website design and development - 2018
The Brief
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 backend for a client dashboard, used for uploading new jobs, news stories and viewing website traffic analytics.
Included
- HTML5
- CSS3
- PHP
- JS
- jQuery
- Flexbox
- Wordpress
- SEO
Manorview Charity Trackers
Charity total trackers - 2017
The Brief
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
The trackers were mainly developed with JavaScript and jQuery to animate when opened and coded in a way to make it simple to update totals and amounts.
Included
- HTML5
- CSS3
- JS
- jQuery
- Flexbox
Taps Oan Website
College project - 2017
The Brief
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 aff!)
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.
Included
- HTML5
- CSS3
- JS
- jQuery
- PHP
- Photoshop
- Adobe Illustrator
- Google Maps API
George Wilkie Website
Author Website - 2016
The Brief
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.
Included
- HTML5
- CSS3
- JS
- PHP
Glasgow Museums App
College Project - 2016
The Brief
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.
This project was an introduction to a touch friendly, mobile framework. Vanilla javaScript was used to manipulate the DOM, validate forms, score a multichoice quiz and calculating ticket pricing totals
Included
- HTML5
- CSS3
- JS
- jQuery
- jQuery Mobile
UWS Student App
University Project - 2017
The Brief
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 feature.
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 interactive map view. Custom javaScript was then used to tie it in with a searchable list view of all the buildings.
The link below will take you to the app but it works best when viwed on a mobile device.
Included
- HTML5
- CSS3
- JS
- jQuery
- jQuery Mobile
- Google Maps API
- Firebase
Dignans Catering Website
College Project - 2016
The Brief
The Dignans Catering website was a college project for my HND Interactive Media course. The brief 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.
Included
- HTML5
- CSS3
Robin Wilkie Website
Redesign and development - 2018
The Brief
This is the most recent version of my own personal website. For this version I have used CSS Grid and SASS so I could learn and use them in a real world project.
Included
- HTML5
- CSS3
- SASS
- Flexbox
- CSS Grid
- JS
- jQuery
- Photoshop
- Adobe Illustrator
Lottery Numbers Generator
Personal Project - 2018
The Brief
This was a project I undertook to practice my javaScript skills. I wanted to produce a lottery numbers generator based on the UK lottery and the Euro Millions Lottery. I used javaScript so that 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 numbers locally.
Included
- HTML5
- CSS3
- Flexbox
- JS
Bacon Ipsum Text Generator
Personal Project - 2018
The Brief
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.
Included
- HTML5
- CSS3
- React
- API
SpaceXstats
Personal Project - 2018
The Brief
This project is built with React and the SpaceX APIs. It shows details of all previous SpaceX launches. Data was retrieved using GraphQL and axios.
Included
- HTML5
- CSS3
- React
- API
- axios
- GraphQL
- Express
- Apollo