June 19, 2014 at 6:32 pm | HP Projects, Projects | No comment

uwecharter-1

In May 2014, UWE Students’ Union was commissioned by the University of the West of England to build an “interactive” and engaging website for the new iteration of the UWE Charter, a document that sets out expectations between the University, students and the Students’ Union.

After being provided the relevant information and after initial mock-ups and feedback, I had set on a full screen page design, where the content was broken up between different sections using the fullpage.js web library and using bright, inspiring and diverse imagery throughout. The website functions fully on desktop, mobile and in print.

The website was regularly mentioned by UWE marketing, and in the first few months it was seen over 7,000 times by students and staff at the University.

As of 2017, the site has been replaced with a UWE branded version as part of their rebrand, and is no longer available to view.

 

June 19, 2014 at 6:32 pm | HP Projects, Projects | No comment

August 21, 2013 at 9:30 pm | HP Projects, Projects | No comment

Union Design is the web portfolio for the company run by Jack Smith, a former colleague at UWE Students’ Union and someone who I have worked with many times in the past.

Following detailed discussion with Jack and running through design mock-ups in Adobe Photoshop, I took Jack’s designs and worked to create a web mock-up using HTML5 and CSS3 drawing as much as possible. Many of the shapes such as ribbons in the design are a pure CSS3 implementation.

Homepage of Union Design

Homepage of Union Design

I then worked to incorporate the design into a WordPress template and to create a complete WordPress website. I made use of the skeleton by simplethemes template as a base and worked with Jack throughout the implementation phase.

As part of the project, using openly available WordPress plugins such as ‘The Subtitle’ and ‘Post Gallery Slider’ and writing my own plugins, I was able to create dynamic project pages which needed minimal effort to create from Jack’s point of view. Adding thumbails and images into the page with a slider was as simple as uploading images to a post, and does not require custom tags or modifying code.

Project page on the Union Design website, with a gallery slider embedded into the page.

Project page on the Union Design website, with a gallery slider embedded into the page.

The site also has a responsive design, this site being the first time I had ever done a complete site responsively. The website works on a multitude of mobile devices without impacting on functionality.

An example of the website running on mobile devices showing responsive design.

An example of the website running on mobile devices showing responsive design.

I have also helped installed the phpList emailing system and have helped Jack with developing successful email newsletters.

Click here to visit uniondesign.org

August 21, 2013 at 9:30 pm | HP Projects, Projects | No comment

January 13, 2013 at 1:24 pm | HP Projects, Projects | No comment

RiotSchedule is a Radio/TV scheduling plugin, which allows you to create recurring ‘scheduled shows’ within a schedule. The project was forked from the Weekly Schedule plugin and modified to work as a more post orientated plugin, rather than a completely separate interface and unlinked post information. The plugin is customisable with CSS class tags that the user can hook on to.

The plugin was used on the Hub Radio website to display the schedule of shows and shows now and next on the main header.

Screenshots

RiotSchedule-1 RiotSchedule-2

riotschedule-scrn-hub-600x450

January 13, 2013 at 1:24 pm | HP Projects, Projects | No comment

December 31, 2012 at 1:56 am | HP Projects, Projects | No comment

Icecast2 Munin exampleThis plugin will record global listeners, number of mount points, and individual mount point figures.

Icecast2 Plugin for Munin
https://github.com/mattyribbo/icecast2-munin
5 forks.
8 stars.
0 open issues.
Recent commits:

December 31, 2012 at 1:56 am | HP Projects, Projects | No comment

December 31, 2012 at 1:51 am | HP Projects, Projects | No comment

RadioPanel is a basic Icecast listner stats logger. The app is fairly basic, it stores listener data by polling every minute, records, and generates statistics and figures.

Future improvements to be made is to acquire information by hooking onto listener connecting and disconnecting APIs in Icecast, Shoutcast compatibility and serious optimisation in how data is stored.

radiopanel-scrn-600x450

 

 

December 31, 2012 at 1:51 am | HP Projects, Projects | No comment

December 22, 2012 at 11:54 pm | Projects | No comment

WQDB is a quote database for use by the Worms community (more specifically, the GameSurge IRC channel #worms).

Originally, WQDB started off as a site that ran off RASH, an open sourced quote management system inspired by BASH. However at the time were finding that RASH wasn’t particularly brilliant and had some annoying limitations.

I then decided to build my own quote management system. The site has been operational since 2010, and apart from its dated look and technology behind it, it still functions and is still in active use.

wqdb-scrn-600x450

Visit: http://www.wqdb.org

 

December 22, 2012 at 11:54 pm | Projects | No comment

July 27, 2012 at 11:06 pm | HP Projects, Projects | No comment

Between 2011 and 2015, I worked for the Media & IT department for UWE Students’ Union (UWESU) since 2011, and have been either been the lead web designer or have been part of the team in charge of the uwesu.org website.

The website runs on the MSL Content Management System, which is specifically designed and tailored for Students’ Unions and membership management.

My responsibilities have changed over the last five years, but the core of my role was to assist with the front end of the website, and to manage and query the large membership database behind it, storing over 22,000 students and their activities while keeping the Data Protection Act 1998 in mind.

The UWESU website from 2012

Throughout my time with UWESU, I have helped design and implement pages within the website for various departments. Unique pages/minisites include include the Freshers 2012 mini-site, Ctrl+Alt+Donate, UWESU Bars Minisite and The UWE Charter.

Redesigned UWESU Bars minisite

Redesigned UWESU Bars minisite

uwesu-bars-2015-thumb2

Redesigned UWESU Bars minisite

 

I have also made improvements to the underlying templates, CSS and JavaScript/JQuery, making the site more efficient in the process and making page development much easier.

Credits

The website template from 2011 to 2015, is co-designed by me, Richard George, Dushyant Kanungo and Laurie Jackson. The template may have changed over thosefour years, but the core design still exists, and this was designed by James Greenhalgh.

Visit the UWE Students’ Union website

July 27, 2012 at 11:06 pm | HP Projects, Projects | No comment

« Previous PageNext Page »