Project Portfolio

The following are examples of projects spanning my last 8 years of web development.

Due to the nature of some of the work, the actual sites are no accessible on the internet. The designs represent the nature of the project to provide some indication of the types of application I have experience working with and creating.

Velo Payments

 (2 years)

.

Velo Payments - Velo UI sample page (full screen)
Velo UI sample page (full screen)
ReactJS HTML / CSS Docker Storybook React Testing Library

Cyber Essentials

 (3 months)

A jekyll based website to be edited via a CMS for the Cyber Essentials government team.

Cyber Essentials - Cyber Essentials Homepage (full screen)
Cyber Essentials Homepage (full screen)
Cyber Essentials - Cyber Essentials Content page (mobile)
Cyber Essentials Content page (mobile)
Jekyll Docker AWS HTML / CSS PHP Siteleaf Markdown

Cyber First (2018 Competition)

 (3 months)

A jekyll based website to be edited via a CMS for the New talent government team who run the annual Cyber First girls competition.

Cyber First (2018 Competition) - Cyber First Competition Homepage (full screen, 2018)
Cyber First Competition Homepage (full screen, 2018)
Jekyll Docker AWS HTML / CSS PHP Siteleaf

NCSC

 (8 months)

Provided living style guide for developers to build the actual site from and supported the integration of the markup into the actual site build.

NCSC - Examples of site on different devices
Examples of site on different devices
NCSC - Sample page of the style guide expanded code section as well as rendered example.
Sample page of the style guide expanded code section as well as rendered example.
HTML / CSS Javascript SASS AWS

Chat

 (3 months)

A chat application for secure conversations. Bespoke functionality.

Chat - Main Chat window
Main Chat window
AngularJs HTML / CSS3 Socket.IO XMPP strophe openfire

Bespoke OS Desktop Skin

 (3 months)

An Operating system for secure environments with bespoke web based UI.

Bespoke OS Desktop Skin - Sample design of desktop appearance which was recreated in HTML and CSS.
Sample design of desktop appearance which was recreated in HTML and CSS.
Bespoke OS Desktop Skin - Sample design of desktop appearance which was recreated in HTML and CSS.
Sample design of desktop appearance which was recreated in HTML and CSS.
Ractive HTML / CSS3

Workflow Application

 (3 months)

Document Workflow UI to manage assets and permissions and provide visible feedback when others have updaed content.

Workflow Application - Workflow file upload screen
Workflow file upload screen
Workflow Application - File workflow management screen
File workflow management screen
AngularJS HTML / CSS3

Various Components

 (8 months)

Various components to be integrated into multiple larger applications. One was to provided a notifications button and dropdown list, the other was a form to provide justification for an action.

Various Components - Justification component
Justification component
Various Components - Notifications component
Notifications component
ReactJS HTML / CSS3

IntelReveal

 (3 weeks)

A rapid build prototype for a UI to allow searching for data, mapping data and visually displaying links between data on graphs and maps.

IntelReveal - IntelReveal search results and mapping data page.
IntelReveal search results and mapping data page.
IntelReveal - Dashboard display 2 - filter contents on map and associated side panel
Dashboard display 2 - filter contents on map and associated side panel
IntelReveal - Dashboard display 3 - using open maps API and Highcharts.
Dashboard display 3 - using open maps API and Highcharts.
HTML / CSS AngularJs HighCharts

CommsReveal

 (4 months)

A analytics tool to map and visualise current data and provide preditions for future data trends based on changing factors.

CommsReveal - Analysis page with interactive time range selector, and automatic 'play' option to show data changes in the chart over the highlighted time.
Analysis page with interactive time range selector, and automatic 'play' option to show data changes in the chart over the highlighted time.
CommsReveal - Responsive grid dashboard.
Responsive grid dashboard.
CommsReveal - Projection chart
Projection chart
HTML / CSS AngularJs HighCharts

Symantec.Cloud

 (4 Years)

Fully managing the primary website for Symantec.Cloud. The project went through 3 facelifts over a 4 year period. The site was build on a bespoke CMS written in C# which was developed and extended by myself to meet the requirements of the marketing team.

Images coming soon

HTML / CSS HighCharts C#.net SEO