Poste Italiane

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

Poste Italiane S.p.A. is an ultra-centennial company that deals with the management of the postal service in Italy

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

User Interface Design

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

Canvas
Mockup
Styleguide
Styleguide

Front End Development

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"

Coding
Coding
Coding
Coding
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot

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.

Wireframing

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.

Wireframe

User Interface Design

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

Canvas
Mockup
Mockup
Mockup
Mockup

Front End Development

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.

Screenshoot

Bollettino

Reasoning and code production for the promotional page of the Bulletin app

Check out the demo version

Coding
Coding
Coding
Coding

Postepay

Reasoning and code production for the promotional page of the Postepay app

Check out the demo version

Coding
Coding
Coding
Coding

Installer

Reasoning and code production for the installation page from the web to the mobile store

Check out the demo version

Coding
Coding
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot
Screenshoot