Case study

Prometeia: multi-device and multi-platform application development

Prometeia

We have been working with Prometeia on the development of multi-device and multi-platform wealth management and finance applications, which the company makes available to financial advisers and the staff of their credit and savings institution clients. The Development division creates software for banks and insurance companies and uses our help to design and develop their solutions.
Continuous evolution is the leitmotif of the activities and projects in which we are involved: we have introduced the development of interfaces with a mobile first approach, and the use of a framework – Angular – for the frontend, to the point of supporting the development team by transferring and sharing technical and organisational skills. We introduced the interaction design activity, serving interface validation, and created a customised working environment – ModulAngular – based on the already established framework.
We improved daily development processes and information sharing between teams, and optimised work with front-end automation.
Finally, in addition to developing projects for Prometeia’s clients, we also carry out research and development, with a view to continually innovating the solutions to be offered.

The first prototype

We started working with Prometeia at the end of 2011 on the redesign of some existing applications and the development of an HTML, CSS and JS prototype, with the aim of laying the foundations for future web applications, helping to migrate their development environment towards a new approach to web applications.

User interface and Angular for new webapps

In 2012, our support focused on the development of some vertical applications for the financial services of banking institutions. The design of the user interface is characterised by a mobile first approach, having as primary device an iPad. The development of interfaces has implemented the canons of adaptability for tablet and desktop with the use of html5 and CSS3. On the frontend side we chose the AngularJs framework which will be the framework for further developments.

Work optimisation and professional growth

In 2013 we were involved by Prometeia in the development of interfaces to frontend development, as the development of single page applications with desktop and tablet targets increased. The first dynamic work teams were formed on projects with a wide timeframe (from six months to twelve months), so we started to deal with the dynamics of information sharing, technical debt and modular development of enterprise applications. The development process is then assisted by coaching and skills transfer from us to the company’s development division.

Prototyping and ModulAngular at the service of enterprise webapps

In 2014 the development process matures and, thanks to the good feeling established with the Prometeia team, we approach the solution starting from the interpretation of the product owner’s needs, creating wireframes and navigation paradigms consistent with the target and the devices. For most of the projects we have been responsible for the design and development of the interfaces, prioritising clarity and consistency of use for the end user thanks to a user centred approach. The front-end development with AngularJs allowed us to build robust and reliable applications, made to be used by most devices – from desktop to mobile – with compatibility in every operating system. The strong modularity of the applications required enabled us to design a customised working environment, which we called ModulAngular.

Optimisation and automation with task runners

In 2015, the development of web applications in the financial and insurance fields is consolidated thanks to an effective method, strong in the values of lean and agile development. Technological progress is now in full swing and the solutions released are of value to the end user and successful for the clients’ business needs. New challenges such as the reduction of waste time, the improvement of daily processes and the fact of having long-lasting projects with extended teams has pushed us to structure and optimise the working environment, making it reliable and maintainable thanks to a strong presence of front-end automation with tools such as Grunt and Gulp, to share information among all the professional figures and exploit automatisms for routine operations.

Innovative solutions for R&D

By now a reliable partner in the development of cross-platform, multi-device and adaptive web and mobile applications, in 2016 we also started working on research and development in order to propose innovative solutions for the financial domain. The technology takes a step forward with a revamped environment derived from Angular2 and the use of Webpack with which we have updated the modular and front-end automation system.

The design of interfaces and validation of wireframes has become an increasingly important activity, to the point of accompanying our client to educate and train the referents of banking institutions, with the consequent value of a large reduction in work recycles and bugs.
In the area of research and development for Robo Advisory, some applications stand out for the use of experimental Web APIs such as Speech Recognition and Speech Synthesis, used to transform the user’s voice into text and vice-versa in order to provide an alternative input system for the user experience.

Consolidation of modular development

Increasingly interesting projects and technologically ambitious banking institutions have encouraged the deepening of modularity issues concerning software engineering and the team ability to share information profitably.
In 2017, one of Prometeia’s largest projects came to life requiring coordination between different development teams facilitated by rituals and formats known as cadenced standup meetings, retrospectives and code reviews. On the development side, designers had to be involved right from the start, creating a style guide and a pattern-library to document and share design choices, atoms and interface solutions. At the same time, with the consolidated Angular2 and Webpack frameworks, the application was unpacked into different modules, one for each financial feature required by the bank, with the peculiarity of a common base module shared by all in which the global atomic part available to each module is centralised.
There were also challenges in the field of research and development with the launch of a demo of user profiling based on the concept of gamification.