web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · mark allen graphics, websites, ux...

36
Mark Allen graphics, websites, ux [email protected] Web design

Upload: others

Post on 07-Aug-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Web design

Page 2: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Liverpool Fosteringfostering.liverpool.gov.uk

Status: active

Fostering (Liverpool City Council)From wireframes to fully functional responsive web site.

Page 3: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Property Asset Management Serviceproperty.liverpool.gov.uk

Status: active

PAMS (Liverpool City Council)Initial sketches to wireframes though to a fully functional prototype site (HTML/CSS/JQ). I worked closely with the backend developer to integrate the design into Umbraco CMS.

Page 4: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Merseyside Innovation Awardswww.merseysideinnovationawards.co.uk

Status: active

Merseyside Innovation AwardsI’m responsible for branding the Merseyside innovation Awards and have looked after their website for several years. This new site uses responsive design and a flat ui aesthetic on top of an Umbraco CMS.

Page 5: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

RMNJ Groupwww.rmnj.co.uk

Status: active

The RMNJ Solicitors Group siteMarketing web site, reskinned in 2015 with a new responsive front-end, retaining theClassic ASP backend and SQL Server database for form responses.

Page 6: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

RMNJ Immigrationwww.rmnjimmigration.com

Status: inactive - on hold

RMNJ Immigration micrositeResponsive site based on the Bootstrap codebase, uses jQuery.

RMNJ have temporarily closed their immigration department, so this website is currently on hold.

Page 7: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Harbour Suitability Assessmentwww.harboursa.co.uk

Status: active

Harbour Suitability Assessment micro siteA simple brochureware microsite.

Page 8: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Harbour Suitability Assessmentwww.harboursa.co.uk

Status: old design

Harbour Suitability Assessment micro siteA simple brochureware site inspired by Microsoft’s ‘Metro’ interface.

Page 9: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Gina Moorewww.ginamoore.co.uk

Status: active

Gina MooreMarketing web site for a soft furnishings business. Responsive design and CSS3 effects.

Page 10: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

PlusEightwww.pevm.co.uk

Status: active

PlusEight Venture Management (PEVM) Responsive microsite made with Bootstrap.

Page 11: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Merseyside Policewww.merseyside.police.uk

Status: inactive, replaced September 2014

Merseyside Police main site, complete rebuild, HTML and CSS template creation with a strong focus on performance and accessibility.Home page, article, neighbourhood portal. Ranked top police website by SiteMorse:“A handful of years ago ago the Merseyside Police site was hovering near to the bottom of the Sitemorse Police Force Index rankings, with a very poor score. Things could not be more different now, with the force website topping our ranking for the second quarter running.”SiteMorse April 2014.

Page 12: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Merseyside Policewww.merseyside.police.uk

Status: inactive, replaced September 2014

Merseyside Police main siteFAQ database and high contrast accessibilty styles.

This version of the site was replaced by a new agency Q4 2014 and dropped from first place to 26th in the SiteMorse rankings.

Page 13: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Merseyside Police MerseybeatInternal intranet newsletter

Status: active

Merseyside Police Merseybeat Internal intranet newsletter, home page, article, CMS. I designed and constructed the templates for both the runtime version of the newsletter and the proprietary CMS used to publish it.

Page 14: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Merseyside Police iViewInternal intranet video training portal

Status: active

Merseyside Police iViewInternal intranet video training portal, loosely based on YouTube.

Page 15: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Merseyside Police Cannabiswww.cannabis-side-effects.co.uk

Status: inactive, retired September 2014

The Side Effects of Cannabis Farms. Mobile-first responsive design (as well as reformatting it sends smaller images to small screens to improve performance) campaign site using jQuery parallax scrolling effects. Media page intergrates with social media sites, YouTube, Flickr.

Page 16: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Birmingham Midshires askBMwww.askbm.co.uk

Status: inactive

Birmingham Midshires askBM customer facing site - screenshots show the 2nd generation, launched 2002 featuring performance optimised Flash menus with 3D animations.This site was a finalist in the Yell.com Awards Online Banking category.

Page 17: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Birmingham Midshires askBMwww.askbm.co.uk

Status: inactive

Birmingham Midshires askBM customer facing site (4th generation, 2009 - 2010)Integrated with back-end savings and mortages databases, based on classic ASP/ SQL server prototypes I designed - these had previously powered the 3rd generation site.

Page 18: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Birmingham Midshires BMSwww.bmsolutions.co.uk

Status: inactive

Birmingham Midshires BM Solutions broker facing site (3rd generation 2009 - 2010)Site built entirely using elastic layout and ems for size definitions to enable the whole site to resize to fit the browser window and scale with font size. Included the BDM finder and a compliance-controlled product details publisher: both using classic ASP/SQL Server data systems which I designed & built.

Page 19: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Birmingham Midshires BackendInternal system

Status: inactive

Backend systems used by Birmingham Midshires & HBOS to generate and maintain mortgage and savings products for the websites, including PDF documentation. The systems went through several iterations, I designed and developed the original versions using classic ASP and SQL Server, and supplied design and UX input when they were later rebuilt in .NET.

Page 20: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Ashcourt Rowan Asset Managementwww.ashcourtrowan.com

Status: inactive

Ascourt Rowan absorbed Savoy, Syndicate and ZenithA Financial Service group comprised of a cluster of acquired firms - I supported the websites of all 4 brands including live document publishing and price feeds, then worked to build the single corporate site into which they were eventually merged.

Page 21: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Ashcourt Rowan Asset Managementwww.ashcourtrowan.com

Status: inactive

Ascourt Rowan absorbed Savoy, Syndicate and Zenth

Page 22: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Hansawww.hansagrp.com

Status: inactive

Hansa Group, Hansa Trust, Hansa FundA suite of shared brand sites, I designed the traditional look and feel in keeping with their brand.

Page 23: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Absolute Returnwww.ariacm.com

Status: inactive

Absolute ReturnStyling for secure funds performance site for high net worth investors.

Page 24: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Kingcombe Centrewww.kingcombe.org

Status: inactive

Kingcombe CentreThe site featured promotional information about the centre and it’s work, with a live online course booking facility and a colour scheme that changed with the seasons. I provided the front-end construction and design, collaborating with the .Net developers for shopping cart functionality and the course availability publishing engine.

Page 25: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Touch screen kiosks

Page 26: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

MMU & NHSTouchscreen kiosks

Status: inactive

Examples of touch screen interfaces for MMU’s Student Services and the NHS Direct. The NHS Direct kiosks were a national rollout of public information points located in GPs practices and walk-in centres throughout England and Wales. Originally contracted to supply kiosk hardware only, we eventually replaced the original software with a system optimised for touch usability.

Page 27: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Learning Information PointDerbyshire Learning & Skills Council

Status: inactive

Derbyshire TEC Learning Information PointKiosk system to encourage young people to engage in further education and workplace training.I supplied the 3D (static) menu graphics and chrome and 3D animated ‘trench’ attract sequence, and collaborated with the multimedia author on construction.

Page 28: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

New BrightonTourist Information Point

Status: inactive

Through-glass embedded touchscreen based at various locations in New Brighton featuring a database of upcoming events and Flash interactive map. Also supplied with 12 large all-weather street maps which I co-designed, replaced in 2013.

Page 29: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Brand design / logos

Page 30: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Brand designLogos for Print & Web

PEVM, Supportal, Egerton House, Merseyside Innovation Awards

Page 31: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Illustration - 3D

Page 32: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Illustration - 3DIllustration for Print & Web

3D Illustrations for Birmingham Midshires, Amatica, Cewtec, Supportal, and Pilkingtonproduced using 3DS Max and Softimage.

Page 33: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Cartoons & comics

Page 34: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Cartoon stripsFor Print & Web

Top: Comic strip booklet produced for The Royal Life Saving Society UKBottom: Srs Bsns - marketing strip for Amatica

Page 35: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Comic stripsFor Print

A page from the Shroom adventure Slipperyjack and the Beanstalk First publshed in Inkling.

Page 36: Web designmarkpeterallen.net/mark-peter-allen-portfolio.pdf · Mark Allen graphics, websites, ux mark@shroom.co.uk Merseyside Police Status: inactive, replaced September 2014 Merseyside

Mark Allen graphics, websites, ux

[email protected]

Comic stripsFor Print

A page from the Shroom adventure Little Red Cap.First publshed in Inkling.