top of page
TASSI LOGO.png

WEBSITE

"The TASSI Website interface was created as a step in the selection process of a company focused on creating solutions for public entities. That was the first UX/UI technical challenge I took. The objective was to use whatever techniques I wanted to propose a solution to a problem, which was an electronic document signature system for workers at the Department of Education in the state of Campo Grande.

The process was enriching, as I put into practice everything I was learning in graduate school and had the opportunity to learn many others during the process. The timeline for the delivery of the main screens of the solution was five consecutive days, which I spent doing research and collecting data, where I carried out research on the organization's website and some quick interviews with some employees to create a map of empathy and mapping of the user journey. After researching and defining the user journey, I established a solution MVP to create the wireframes and later the navigable prototype.

Unfortunately, I wasn't approved for the position, but I received positive feedbacks that added a lot to my development as a Designer. This is one of my favorite projects, as the process to develop it provided me with many discoveries, and I had the opportunity to receive several professional insights on how to improve my work." - Ronney Freitas.

CHALLENGE

Propose a web solution for signing and processing documents from the Department of Education of the State of Campo Grande

JUSTIFICATION

The process of signing and processing documents at SED takes a long time. The organization's employees follow a manual flow, which also generates a loss of files and the wear and tear of paper that occurs over time

TARGET AUDIENCE

Propose a solution for workers at the State Department of Education, whose daily task is to sign and send documents

cenrio3.jpg

Activity is performed by:

- Manual process

 

- Documents deposited in containers on each employee's desk for signature

cenrio3.jpg

Activity process:

  1. Document printing

  2. Document processing for the subscriber

  3. subscription request

  4. document signing

  5. Document processing for the sender

  6. Return of signed document

cenrio3.jpg

Problems:

- Waste and time delay
- Damage or loss of documents

USER JOURNEY

SED Employees:

Processing of documents for signature

Document typing

1

Document printing

Document delivered to the department secretary to be delivered to the subscriber

Secretary logs into the unit's processing system 

Document is registered in the system 

Document is processed to the subscriber's department

Document filed in notebook

Server leaves his department to deliver the document

Document delivery signature in the protocol notebook

subscriber receives the document

2

Subscriber analyzes and signs the document

Subscriber returns document to secretariat return to sender

Server processes the document to the sender

Document filed in notebook

Server leaves his department to deliver the document

Document delivery signature in the protocol notebook

Document is left in container on sender's desk by department secretary

Sender receives signed document

Server returns to your department

Document is left in a container on the subscriber's desk by the department secretary

EMPATHY MAP

REQUIREMENTS

LOGIN

UPLOAD

PROCESSING

SIGNATURE

Who are we with

being empathetic?

Campo Grande State Department of Education.

1

2

What they

need to do?

Have more agility in the signing and processing of documents.

3

5

6

4

What they see ?

  • Slow and manual processes.

  • They see other employees talking about process improvements and others who don't

    care about that.

  • Government resolutions, administrative proceedings, official letters, etc. and watch newspapers.

What they say ?

  • They say they would like greater flexibility in the processing of documents.

  • They complain about the delay in the subscription flow.

  • They would like to say that the processes are fast and efficient.

What they listen to?

That documents take time to return.

Decisions take time to be made.

There is a lot of bureaucracy in the agency's processes.

What they do?

They deal with a lot of information and documents on a daily basis.

They look for ways to optimize routine work processes.

They strive to reconcile their work routine with their personal life.

7

PAINS

WISHES

  • Slow processes.

  • Waste of time.

  • Very manual activities.

  • Loss of documents.

  • Physical damage to files.

  • Waste of paper.

  • High expenses with office supplies.

  • Optimized processes.

  • Speed in processing.

  • Digitization of processes.

  • Control of information.

  • Decrease in resources and physical effort.

  • A safe and reliable system.

MVP

PERSONS AND  

PLATFORM

MVP VISION

EXPECTED OUTCOME

Employees of the State Department of Education.

Digital platform (WEBSITE)

Optimize the document processing process.

Time optimization.

Conservation and security of documents.

Increased employee satisfaction.

FUNCTIONALITIES

JOURNEYS

Processing of documents for signature.

Signature of documents by the recipient.

Returning documents to the sender.

Receipt of signed document.

METRICS FOR ASSESSING BUSINESS HYPOTHESES

LOGIN

DOCUMENT UPLOAD

SIGNATURE

PROCESSING

COST AND TIMETABLE

Decrease in the time of document processing flow by at least 40%.

% digitization of documents and information consultation on the platform.

Satisfaction survey with employee approval ratings.

No real values were raised because it was an unintentional challenge to create a functional product.

TASSI LOGO.png

WIREFRAME

New Wireframe 1 copy 6.png
New Wireframe 1 copy.png
New Wireframe 1 copy 2.png
New Wireframe 1 copy 5.png
Asset 1.png

COLORS AND GRADIENT

LOGO, ICONS AND BUTTONS

Roboto
Menus and text

TYPOGRAPHY

TASSI LOGO.png
Group 7.png
simple-icons_googlemessages.png
Group 21.png
dashicons_arrow-left.png
Group 22.png
Group 23.png
bi_search.png
Group (3).png
ic_round-file-upload.png
clarity_user-line.png
Group.png
fa-solid_share.png
fluent_text-edit-style-24-regular.png
Group 9.png
Vector (1).png
Group 8.png
Vector.png
Group 12.png
Group 3.png
Group (1).png
ic_round-file-upload (1).png
Vector (2).png
Group 11.png
Group 10.png
Group (2).png
Group 15.png
Group 13.png
Group 16.png
Group 17.png
Group 19.png
Group 28.png
Group 27.png
Group 26.png
Group 30.png
Group 33.png
Group 31.png
Group 32.png
Group 25.png
Group 24.png

Source Sans Pro
Labels and others

New Wireframe 1 copy 4.png
New Wireframe 1 copy 3.png

SCREENS AND PROTOTYPE

bottom of page