top of page

ACT Simulator Re-design

UX redesigned, Wireframing, UI Kit
& Hi-fi Prototype; Accessibility

Briefing:

ACT's Termination of Employement Contract Compensation online simulator with a fresh new look and user experience, adapted for mobile use with a focus on improving accessibility.

Tools

Figma, Figjam

Timeline

3 Days

Type

Study case

iOS

DailyUI004-GIF2-ezgif.com-optimize.gif

THE CHALLENGE

What is ACT?

ACT is the official authority for working conditions in Portugal and has useful online forms for employers and employees.

Why use it as a study case?

While using the end of contract simulator myself, I realised that there were several implementations that could be made to improve the website experience and make it more accessible to all users.

Initial Struggles:

The form itself wasn't ready to support mobile devices, the accessibility tools that were implemented didn't work properly, and navigation easily became a struggle.

PROBLEM TRACKING+SOLVING

FONTS & COLORS

ACT UI Kit including colors and fonts based on original page

UI COMPONENTS

APP FLOW

PRIMARY PROTOTYPE

ACT app mapping showing each app screen

What is happening right now?

After conducting real-life tests with users and a survey to evaluate the impact of this project, it was noticed that the majority of the users did not found the already-existing solution hard to navigate, because most of the users phone screens were bigger than the one I use for testing.

My own experience and frustrations came from the phone on left - iPhone 15 Pro but most users had a better experience based on their average Android screen sizes (phone on the right).

In the graphic above we can see that 66,67% of users were considering their navigation enjoyable (4 out of 6 voted more that 3), which was far beyod the experience I had.

iphone15 vs. android.jpeg
estudo mercado.jpg

These results led me to question their perspectives and so I tested the ACT page on different phone screens - including another iPhone 15 ProMax, with a screen size similar to the Android, having the same issues I had, but with smaller impact.

The prototype bellow is being upated at this very moment (since 05th april 2025), having in mind the most recent conclusions taken from the data on this survey.

Major implementations emerged with these tests and now are being currently worked at.

image.png

PRIMARY HI-FI
PROTOTYPE

This is a Figma file, please give it a couple seconds for the project to load.

CAN'T GET ENOUGH?
LET'S GET IN TOUCH

contact.beatrizmiranda@gmail.com

+351 938 117 565

 

_LISBON/

  • LinkedIn

© 2025 by Beatriz Miranda

bottom of page