Work > UX Design > eMates

eMates App

Design of a new app for an email and video visits portal that was previously web-based only. Created for communication between offenders and their friends and family.

This page is in development.

Please come back later.

Outline

The logo of the parent company Unilink was modified to be monochromatic and modern - to be used across multiple digital products including U-Case.

Roles & Responsibilities

The monochromatic logo was used primarily in the main navigation bar of the full-width and responsive website to be displayed at all times.

Also the brand colours, fonts and typography were carried across different products to reinforce the brand.

Project Process

The monochromatic logo was used primarily in the main navigation bar of the full-width and responsive website to be displayed at all times.

Also the brand colours, fonts and typography were carried across different products to reinforce the brand.

User Roles

The monochromatic logo was used primarily in the main navigation bar of the full-width and responsive website to be displayed at all times.

Also the brand colours, fonts and typography were carried across different products to reinforce the brand.

Main Features

The core colour palette was decided and approved through multiple passes and this was used majorly in all the components throughout the system. Complementary colours were added for the creation of graphs for dashboards.

Sitemap

Poppins was agreed as the font to used across the system and multiple styles agreed to be coded into the main CSS file. Sizes were in REM for proportional changes to responsive screen sizes.

Process (WF etc)

Primary buttons used to indicate preferred actions, for eg, Save.

Secondary buttons used to indicate other optional actions , for eg, Cancel.

Danger buttons used to indicate danger, for eg, Delete. Accompanied by a Main Secondary Button style, for eg, "Cancel".

Additional secondary buttons dropdown used within card headers where multiple actions required.

Multiple form fields created for use in forms and datatable filters. Styles added for text, textarea, radio buttons, single and multi-select dropdowns, date and time-pickers.

Thoughts on UI

Previous
Previous

Quote Hanger