Front-end & Backend Development of 'Allpay.net' A Business Corporate Website

Allpay is the market leader of payment services within the UK public and social housing sector, providing a range of payment channels to more than 50% of UK local authorities and 90% of the UK's top 200 housing associations.

I was responsible for the frontend and backend website build for 'Allpay.net'. After the design approval I began turning the design into a static HTML5 templates. For creating the CSS I have used LESS pre-processors while applying object-oriented CSS (OOCSS) keeping the project stylesheet well-structured broken down into functional components. BEM - Block Element Modifier is a methodology that helps you create reusable components and code sharing in front-end development. The Homepage is composed of various sections, the hero section has two call-to-actions represented in interactive way funnelling traffics to the wanted pages. Below the fold a series of sections that introduces various areas of the site, every section on the page is built in modular fashion that allows the content editor to add/remove/arrange components across the page.

The content is displayed using various UI element like carousels, sliders, tabs, info panels, accordions, cards list, videos and many more. The website content is administered and managed by Umbraco 7 content management system (CMS). I have built various modules that meet the client’s requirements and I have made content editing experience more flexible by allowing the editor to have a series of components 'widgets' that they can drop in any given area.

The end result is a lean, modular website, allowing content-editors to build unique pages from bespokely designed user-interface.