The Objectives

Adfawn approached me as a startup requiring their first website. They required the following objectives:

• Automated invoice and payment system (E-Commerce)
• Content management with complete customisation (WordPress)
• Mobile device compatibility
• Clean, minimalist and animated experience
• Client login area for profile management, purchases, invoices and personal contacts

The Approach

I began by gathering and understanding Adfawn’s user requirements which effectively translated into the wireframes and designs which I created. These designs would be validated and ultimately translated into a fully functional website.

During the website’s development, testing feedback were core parts of the development lifecycle. This helped to produce a very refined and complete product within the scope and budget. Ultimately effective documentation was created.

Key Features

Within the approach taken, some of the key features included the automated invoice and E-commerce system; as well as, mobile usability. A mobile-first approached was taken to effectively produce a fluent and consistent experience.

Technology

Require.js and the development of a custom jQuery plugin was used to make code maintenance and feature activation / deactivation very simple. Ultimately all JavaScript code was written in an object oriented way using the Module Pattern.

WordPress along with PHP and MySql were used to power the E-Commerce system. Server-side Open Office and the PHPPDF library enabled me to developed an effective automated invoice system.