It's been a long time and I stop working on this material.
Conceived for administrative use, the Certificates panel was designed, drawn and subsequently coded in the web form to be liquid on different resolutions, in advance of the future Responsive technique. In parallel, Poste Italiane also commissioned the landing page to promote app bollettino e postepay. Produced the design process through skecthing the service into wireframe concepts, then created the User Interface layouts and relatives assets in order to let employees of Poste Italiane handle the interaction among the large amount of user's access keys. Next developed and managed the front-end to create a liquid layout (min breakpoint 800px).
Poste Italiane requested the digitization of the certificate service within the administrative and technical staff. In this way, the digital interactive experience would have further facilitated the processing and sorting of these practices
The production of the panel began with the design of the interface and its presentation confirming the needs for the operators who should have used it. The goal was to think of a page that managed a large amount of certificates
In the passage from the Design to the Front End code it was necessary to deploy this panel on different types of screens. Since responsive wasn't even born yet, I came up with a dynamic coding technique that made the tables liquid and thus maintain the reading consistency
Check out the demo version. user the password "demo_user"
On the occasion of the app Bollettino e Postepay publication on the app store, Poste Italiane commissioned web promo pages. From these pages, users would then be redirected to the relevant mobile stores to download the apps.
The Design production began with a preliminary phase by wireframe, in order to understand the need for the requests and the objectives to be set.
The Ui iteration has collected the history of the app Bollettino and Postepay in the form of images to represent them in different layout proposals. Next, interface design was decisive in conveying the promotional message in a clear and intuitive way with a layout in tune with the Poste Italiane style. Furthermore, the design had to meet the usability for the desktop, tablet and mobile
In the passage from the Design to the Front End stage it was necessary to make this promo page visibile on different types of screens. Since responsive wasn't even born yet, I adopted a technique that made the pages adaptive and where possible liquid; this way it was possible to maintain a visual consistency across the different devices and offer a linear interactive experience. In fact, a particular method has been used such as to make it possible to profile the devices on which the user could navigate on the go.
Reasoning and code production for the promotional page of the Bulletin app
Check out the demo version
Reasoning and code production for the promotional page of the Postepay app
Check out the demo version
Reasoning and code production for the installation page from the web to the mobile store
Check out the demo version