Infocert

It's been a long time and I stop working on this material.

Cetaqua

InfoCert S.p.A. is the largest Certification Authority and Qualified Trust Service Provider (QTSP) in Europe and responds to the digital evolution needs of companies and public bodies with end-to-end solutions.

Cetaqua was an iCloud proposal offered to Infocert to manage the identity of Italian citizens through the creation of an administrative portal (content Management System, responsive web side) in conjunction with this native Android mobile app.

Style Guide

During the Design production, a Style Guide was designed to study and promote the visual identity of Cetaqua. The goal of the document was also focused on making possible the visual continuity of the iCloud and eCommerce app across the target platforms from mobile (Android, iOS, Windows) to the web. This was the most challenging step, since I had to consider the icon system as well

The design also included the construction of the marchio Cetaqua with dedicated documentation

Styleguide
Styleguide
Styleguide
Styleguide
Styleguide

Interaction Design

The Ui iteration was preceded by the study of the needs of users who would have benefited from the digital identity service. In fact, it was only later that the interface took the present form and taking into account the Android guidelines. A dedicated iconographic system for the application was also created and produced. Conceived in team and created the web ecommerce and related cloud storage design service product with a new and modern user interface either on cross mobile site and android system platform. (Also, check the brand-identity design). It supplies every type of client with endless and detailed storage features along with many other associated business digital needs such as digital signature, certified mailbox, digital preservation, digital temporary timestamp and many others. If this concept would come true someday somehow, alotta time would be saved and less paperwork would be done in order to satisfy customers demands right away ... on the go!

Canvas
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup
Mockup

Prototyping

Along with the visual Ui, I produced a prototype, just enough to get an idea of what this app could be. That's where prototyping technique kicks in. Overall, new techniques and methods of design with advanced prototyping were explored, in order to both facilitate the development process and to center the final result of the product as expected. A similar demo was the union of code and design and therefore positioning itself among the most advanced and accurate prototyping, back then. Based on my experience in Motion Effects, I produced a brand animation and I included it in the prototype

Script & Canvas
Script & Canvas
Script & Canvas
Script & Canvas
Script & Canvas
Script & Canvas
Script & Canvas

I designed and developed a simple prototype in order to get a very quick idea of what this service could be in the shape of an android application — Navigate demo here otherwise go full screen.

I've been watching the prototyping tools evolving since 2009. Long time, no talk. Check out my post on wireframe 'n' prototype tools to get a better insight

Motion Fxs

App Loader

During the implementation of the prototype and on the basis of my experience in Motion Effects, the Cetaqua brand was declined in an animated perspective and thus anticipating concepts of components choreography, better known later in the next years (such as for example with Material Design)

Canvas