Creative Designer & Videomaker

UI Design

My experience as UI Designer started in 2014 when I began to work for Orbis MES ltd, a data company in Dublin. Before I knew the principles of User Interface Design but I didn’t have possibility to try them for a client.

The real main rule for the UI Design is to create something that could be intuitive for users and make them comfortable with the using of a software or an application. The big important thing is to understand how to create something that could be used for computer browsers and mobile too. Usually I adopt the possibility of dynamic interfaces that resize and re-organize themselves according to resolution. So if you have a real big resolution of the screen th template will be organized diffrently of a real small resolution (eg smartphone used in vertical mode).

Below there are some screenshots about OPS (Orbis Performance System), a software dedicated to create every type of reports for MES. The homepage is created with HTML5 and JQuery and for the MVVM engine we used Knockout.js (a specific library for JQuery that manage connection with database by Json files).

OPS_001

Homepage of OPS: tiles are automatically created by dataas from the database and they are clickable only in this normal mode. Tiles have Title, Type Icon and Description (the description appears with the mouseover action).

OPS_002

Homepage of OPS: on the left there’s the group panel where you can see, delete and add new groups and then put inside them tiles. The group panel appears and disappears when you click on the handle.

OPS_003

Homepage of OPS: When you open the tile panel OPS enter in edit mode and now tiles can be edited, moved, added and deleted. Tiles are sortable from a group to another and every action is saved as a data on the server so when you will open OPS again you’ll find the same position and changes you have made.

OPS_004

Homepage of OPS: when you are in edit mode you can edit every single tile. In this case you can change the relate operator log linked to the tile and save this action inside the server.

OPS_005

Homepage of OPS: in edit mode you can change every paramater for each tile. In this case you can change Title, Description and color.

OPS_Wizard_001

This is a screenshot about the wizard for Operator Log where you can create all the links for attributes you will use inside the Operator Log.

OPS_Wizard_002

This is a screenshot about the wizard for Operator Log where you can create all the links for attributes you will use inside the Operator Log.

OPS_Wizard_003

This is a screenshot about the wizard for Operator Log where you can create all the links for attributes you will use inside the Operator Log.

OPS_Wizard_004

This is a screenshot about the wizard for Operator Log where you can create all the links for attributes you will use inside the Operator Log.

OPS_Wizard_005

This is a screenshot about the wizard for Operator Log where you can create all the links for attributes you will use inside the Operator Log.

OPS-BG04

This is the background for the applications of OPS.

Feel free to contact me: