JCC Payment Systems Ltd

Wireframes

Before we embarked on creating the wireframes it was crucial to understand the various users of JCC, their target audiences and target segments. We spent hours and hours in order to redefine and re-segregate their audiences vis-à-vis their content. The content was re-written to improve and simplify the overall user experience. Our web designers had to streamline the site structure and content. Additionally, we enriched it with clear call to actions to help users find the information of interest to them much easier, without getting lost in the clutter of unnecessary information.

Website re-design

With the content and wireframes in place, and a clear user journey to optimise the user experience we fully customised the website design. We ensured brand consistency across all JCC digital properties and projects that were worked upon simultaneously. At the end of the project we created and designed 40 templates for the per se website with common elements; while keeping it modern and functional. Note that, all the designs are all responsive with attention to the mobile experience, crucial in our days. Additionally, to portray the right tone and voice we enriched the website design with a final 80 stock photographs. We spent hours researching these and manipulating them to create that brand uniformity and purchased the license rights. Furthermore, we created custom illustrations to make the website more user friendly and personable.

Illustrations and icons

In an effort to resonate across all the audience levels of JCC, especially the public and consumers which come from different backgrounds, we decided to enrich the website with custom illustrations and icons. We literally hand-drew these consistent to the brand colours of JCC’s new app and fresh online image. In the end, we created a total of 100 illustrations and icons. These, complement the content to better communicate and convey the various messages at hand, while we simultaneously simplified the overall user journey.

Design for mobile

For a website that includes 40 custom template designs, to ensure that it is fully optimised on mobile and tablets too is no small task. We redesigned and adapted each template to work and appear smoothly irrespective of device, delivering an optimum experience. Moreover, we displayed and prioritised the content at hand subject to the device with the limitations of a smaller screen at the back of our mind.

Front-end development

Once the designs were approved we then embarked in the front-end development phase.  We are proud that we achieved a pixel perfect implementation. We undertook rigorous quality checks across all device resolutions. Furthermore, we utilised latest technologies to enrich the user experience such as displaying the various ATM locations, form auto-fill functions and many more. Likewise, we applied subtle animated effects and fully optimised graphics and code for the page load. Not to mention the fact that we validated the code, all important tasks to enhance and make the user experience as pleasant and as simple as possible.

Back-end development

With numerous hours of coding we predominantly developed  a safe and secure website, paramount especially in this industry. We created a highly customisable platform with low maintenance costs and an extremely easy to manage content management system. More importantly, the website is easily expandable to grow with the growing needs of JCC; and is regularly updated so that the code never breaks and has no down-time.

"A highly skilled group of professionals for all marketing needs of today's demanding digital era! Would definitely recommend them in a heartbeat!"

Herodotos Yermasoyitis

Officer Business Development