PROJECT [2017]
Diagonal Seguros
{ Logo & Physical Media: Rebranding }
{ Website: UX/UI Design, CMS Implementation }
{ Insurance Simulator: UX/UI Cloud Software Design }
A modern and cohesive design experience throughout the marketing campaigns: main website, landing pages, social media, newsletters and email, flyers and printed proposals.

{ Website: UX/UI Design, CMS Implementation }
The objective was to setup a design language covering all digital products and design a modern system unifying all digital marketing tools to give members a better experience connecting with the brand while driving higher conversion.

![Occupational Accident Insurance Page [Companies]](https://orangecat.pt/wp-content/uploads/2021/04/Diagonal-web-screens_0001_Acidentes-trabalho-empresas.png)


![Occupational Accident Insurance Page [Private]](https://orangecat.pt/wp-content/uploads/2021/04/Diagonal-web-screens_0004_Acidente-trab-particulares.png)
Previous
Next
Website Presentation Video
{ Insurance Simulator: UX/UI Cloud Software Design }
The insurance simulator was designed from the start to address the need to quickly submit a personalized insurance proposal in response to requests online or in-person in Diagonal agencies.
![Insurance Simulator [Login]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_bootstrap-3-gui_v5-copy_Page_01-1-768x483.png)
![Insurance Simulator [Dashboard view]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_06-768x483.jpg)
![Insurance Simulator [Dashboard filters]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_04-768x480.jpg)
![New Insurance Simulation [step 1 of 2]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_07-768x483.jpg)
![New Insurance Simulation [step 2 of 2]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_08-768x480.jpg)
![Insurance Simulator [Dashboard menu]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_05-768x483.jpg)
![Insurance Simulator [Configuration page]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_03-768x483.jpg)
![Create New Insurance Company [1 of 3]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_10-768x483.jpg)
![Create New Insurance Company [2 of 3]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_13-768x483.jpg)

Previous
Next
{ Insurance Proposals & Reports: Graphic Design }

![Insurance simulation to email or print [page 1/6]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_PDF_v6_Page_1-768x547.jpg)
![Insurance simulation to email or print [page 2/6]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_PDF_v6_Page_2-768x547.jpg)
![Insurance simulation to email or print [page 3/6]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_PDF_v6_Page_3-768x547.jpg)
![Insurance simulation to email or print [page 4/6]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_PDF_v6_Page_4-768x550.jpg)
![Insurance simulation to email or print [page 5/6]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_PDF_v6_Page_5-768x550.jpg)
![Insurance simulation to email or print [page 6/6]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_PDF_v6_Page_6-768x543.jpg)
![Simulator Report [page 1/2]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_11-768x543.jpg)
![Simulator Report [page 2/2]](https://orangecat.pt/wp-content/uploads/2021/03/Diagonal-simulador_UI-bootstrap3_v6_Page_12-768x543.jpg)
Previous
Next