#uidesign

#uidesign

#uxdesign

#uxdesign

#socialcause

#socialcause

SimPet

SimPet

SimPet

SimPet

SimPet

Know when your pet needs vaccines, appointments, and exams. Have real-time access to this data, right from your phone.

Know when your pet needs vaccines, appointments, and exams. Have real-time access to this data, right from your phone.

Know when your pet needs vaccines, appointments, and exams. Have real-time access to this data, right from your phone.

Know when your pet needs vaccines, appointments, and exams. Have real-time access to this data, right from your phone.

Know when your pet needs vaccines, appointments, and exams. Have real-time access to this data, right from your phone.

2022

Timeline

Web & UX/UI Designer

Role

2022

Timeline

Web & UX/UI Designer

Role

Problem and Motivation

When public organizations like "zoonoses" (animal control) run vaccination campaigns, for example, if we don't have a physical vaccination certificate, we won't know the last time our pet was vaccinated.
When you own several pets, this is a big problem, especially for understanding the health of each one individually, such as: appointments, exams, medications, etc.

Ideation

The idea for a pet health management app came about with the proposal to organize the pet owner's routine, keeping them informed about their pet's general situation.
Since a pet owner can have multiple pets, it should be possible to manage each of their profiles separately.

Proto-Persona and the Scenario it's Inserted in

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

User Journey Map

Início

Início

Início

Início

Atividades

Atividades

Atividades

Atividades

Necessidades

Necessidades

Necessidades

Necessidades

Emoções

Emoções

Emoções

Emoções

Oportunidades

Oportunidades

Oportunidades

Oportunidades

Antes

Antes

Antes

Antes

Durante

Durante

Durante

Durante

Depois

Depois

Depois

Depois

Quero vacinar meus pets

Quero vacinar meus pets

Quero vacinar meus pets

Quero vacinar meus pets

Qual é o melhor dia para vaciná-los?

Qual é o melhor dia para vaciná-los?

Qual é o melhor dia para vaciná-los?

Qual é o melhor dia para vaciná-los?

O enfermeiro fala que a vacina precisa de segunda dose, mas não sei como estará minha agenda

O enfermeiro fala que a vacina precisa de segunda dose, mas não sei como estará minha agenda

O enfermeiro fala que a vacina precisa de segunda dose, mas não sei como estará minha agenda

O enfermeiro fala que a vacina precisa de segunda dose, mas não sei como estará minha agenda

Não sei a última vez que meu pet vacinou

Não sei a última vez que meu pet vacinou

Não sei a última vez que meu pet vacinou

Não sei a última vez que meu pet vacinou

No dia da vacina, não sei informar se ele está em dia com elas

No dia da vacina, não sei informar se ele está em dia com elas

No dia da vacina, não sei informar se ele está em dia com elas

No dia da vacina, não sei informar se ele está em dia com elas

Eba, para esse dia eu estou livre para levar meu pet pra vacinar

Eba, para esse dia eu estou livre para levar meu pet pra vacinar

Eba, para esse dia eu estou livre para levar meu pet pra vacinar

Eba, para esse dia eu estou livre para levar meu pet pra vacinar

Vou aproveitar e marcar uma consulta pra ele usando o aplicativo

Vou aproveitar e marcar uma consulta pra ele usando o aplicativo

Vou aproveitar e marcar uma consulta pra ele usando o aplicativo

Vou aproveitar e marcar uma consulta pra ele usando o aplicativo

Pet está vacinado e bem de saúde!

Pet está vacinado e bem de saúde!

Pet está vacinado e bem de saúde!

Pet está vacinado e bem de saúde!

Vou compartilhar minha experiência com meus amigos

Vou compartilhar minha experiência com meus amigos

Vou compartilhar minha experiência com meus amigos

Vou compartilhar minha experiência com meus amigos

Tenho muitos pets, não sei como está a situação de todos e nem o dia da vacina de cada

Tenho muitos pets, não sei como está a situação de todos e nem o dia da vacina de cada

Tenho muitos pets, não sei como está a situação de todos e nem o dia da vacina de cada

Tenho muitos pets, não sei como está a situação de todos e nem o dia da vacina de cada

Vou vaciná-los

Vou vaciná-los

Vou vaciná-los

Vou vaciná-los

Pesquisar sobre datas de campanhas

Pesquisar sobre datas de campanhas

Pesquisar sobre datas de campanhas

Pesquisar sobre datas de campanhas

Procurar em tvs, noticiários, internet...

Procurar em tvs, noticiários, internet...

Procurar em tvs, noticiários, internet...

Procurar em tvs, noticiários, internet...

Realizar cadastro na plataforma

Realizar cadastro na plataforma

Realizar cadastro na plataforma

Realizar cadastro na plataforma

Agendar vacinas para datas favoráveis para mim

Agendar vacinas para datas favoráveis para mim

Agendar vacinas para datas favoráveis para mim

Agendar vacinas para datas favoráveis para mim

Checar saúde do animal para ver se está em dia com as vacinações

Checar saúde do animal para ver se está em dia com as vacinações

Checar saúde do animal para ver se está em dia com as vacinações

Checar saúde do animal para ver se está em dia com as vacinações

Exibir histórico de vacinas do Simba

Exibir histórico de vacinas do Simba

Exibir histórico de vacinas do Simba

Exibir histórico de vacinas do Simba

Preencher dados dos pets, gerenciar perfil de cada um

Preencher dados dos pets, gerenciar perfil de cada um

Preencher dados dos pets, gerenciar perfil de cada um

Preencher dados dos pets, gerenciar perfil de cada um

Documentar a data da atual e última aplicação

Documentar a data da atual e última aplicação

Documentar a data da atual e última aplicação

Documentar a data da atual e última aplicação

Informar no aplicativo a quantidade de doses que o animal tomou

Informar no aplicativo a quantidade de doses que o animal tomou

Informar no aplicativo a quantidade de doses que o animal tomou

Informar no aplicativo a quantidade de doses que o animal tomou

Exibir calendário para o usuário poder agendar o dia mais favorável

Exibir calendário para o usuário poder agendar o dia mais favorável

Exibir calendário para o usuário poder agendar o dia mais favorável

Exibir calendário para o usuário poder agendar o dia mais favorável

Implementar funcionalidade de gerenciar vários pets em um mesmo perfil

Implementar funcionalidade de gerenciar vários pets em um mesmo perfil

Implementar funcionalidade de gerenciar vários pets em um mesmo perfil

Implementar funcionalidade de gerenciar vários pets em um mesmo perfil

Sketches

Low-fidelity wireframes

Design System

Typography

Typography

Typography

Typography

Accessibility: The contrast between the chosen colors has positive feedback in all tests, with 80% approval.

Accessibility: The contrast between the chosen colors has positive feedback in all tests, with 80% approval.

Accessibility: The contrast between the chosen colors has positive feedback in all tests, with 80% approval.

Accessibility: The contrast between the chosen colors has positive feedback in all tests, with 80% approval.

Font - Open Sans

Font - Open Sans

Font - Open Sans

Font - Open Sans

h1 - bold (36/Alto)

h1 - bold (36/Alto)

h1 - bold (36/Alto)

h1 - bold (36/Alto)

h2 - bold (28/Alto)

h2 - bold (28/Alto)

h2 - bold (28/Alto)

h2 - bold (28/Alto)

h3 - bold (24/Alto)

h3 - bold (24/Alto)

h3 - bold (24/Alto)

h3 - bold (24/Alto)

h4 - bold (20/Alto)

h4 - bold (20/Alto)

h4 - bold (20/Alto)

h4 - bold (20/Alto)

h5 - bold (16/Alto)

h5 - bold (16/Alto)

h5 - bold (16/Alto)

h5 - bold (16/Alto)

h6 - bold (12/Alto)

h6 - bold (12/Alto)

h6 - bold (12/Alto)

h6 - bold (12/Alto)

h1 (36/Alto)

h1 (36/Alto)

h1 (36/Alto)

h1 (36/Alto)

h2 (28/Alto)

h2 (28/Alto)

h2 (28/Alto)

h2 (28/Alto)

h3 (24/Alto)

h3 (24/Alto)

h3 (24/Alto)

h3 (24/Alto)

h4 (20/Alto)

h4 (20/Alto)

h4 (20/Alto)

h4 (20/Alto)

h5 (16/Alto)

h5 (16/Alto)

h5 (16/Alto)

h5 (16/Alto)

h6 (12/Alto)

h6 (12/Alto)

h6 (12/Alto)

h6 (12/Alto)

small (10/Alto)

small (10/Alto)

small (10/Alto)

small (10/Alto)

small - bold (10/Alto)

small - bold (10/Alto)

small - bold (10/Alto)

small - bold (10/Alto)

How Color Psychology Was Applied to the Project

How Color Psychology Was Applied to the Project

How Color Psychology Was Applied to the Project

How Color Psychology Was Applied to the Project

The color palette for this project was designed to evoke feelings of calmness, comfort, health, hope, and warmth in the user.

The color palette for this project was designed to evoke feelings of calmness, comfort, health, hope, and warmth in the user.

The color palette for this project was designed to evoke feelings of calmness, comfort, health, hope, and warmth in the user.

The color palette for this project was designed to evoke feelings of calmness, comfort, health, hope, and warmth in the user.

Colors

Colors

Colors

Colors

#39404B

#39404B

#39404B

#39404B

#F12020

#F12020

#F12020

#F12020

#26783D

#26783D

#26783D

#26783D

#F67F7F

#F67F7F

#F67F7F

#F67F7F

#3BFF1A

#3BFF1A

#3BFF1A

#3BFF1A

#00FFA3

#00FFA3

#00FFA3

#00FFA3

#F6F6F6

#F6F6F6

#F6F6F6

#F6F6F6

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

Components

Components

Components

Components

The use of components is necessary to enrich the product's Design System, creating patterns that must be followed by all application screens.

The use of components is necessary to enrich the product's Design System, creating patterns that must be followed by all application screens.

The use of components is necessary to enrich the product's Design System, creating patterns that must be followed by all application screens.

The use of components is necessary to enrich the product's Design System, creating patterns that must be followed by all application screens.

Entrar

Entrar

Entrar

Entrar

Insira seu email...

Insira seu email...

Insira seu email...

Insira seu email...

Veja mais

Veja mais

Veja mais

Veja mais

Dom

Dom

Dom

Dom

Seg

Seg

Seg

Seg

Ter

Ter

Ter

Ter

Qua

Qua

Qua

Qua

Qui

Qui

Qui

Qui

Sex

Sex

Sex

Sex

Sab

Sab

Sab

Sab

1

1

1

1

2

2

2

2

3

3

3

3

4

4

4

4

5

5

5

5

6

6

6

6

7

7

7

7

8

8

8

8

9

9

9

9

10

10

10

10

11

11

11

11

12

12

12

12

13

13

13

13

14

14

14

14

15

15

15

15

16

16

16

16

17

17

17

17

18

18

18

18

19

19

19

19

20

20

20

20

21

21

21

21

22

22

22

22

23

23

23

23

24

24

24

24

25

25

25

25

26

26

26

26

27

27

27

27

28

28

28

28

29

29

29

29

30

30

30

30

1

1

1

1

2

2

2

2

3

3

3

3

4

4

4

4

5

5

5

5

Maio de 2022

Maio de 2022

Maio de 2022

Maio de 2022

Mais

Mais

Mais

Mais

Histórico

Histórico

Histórico

Histórico

Registros

Registros

Registros

Registros

Home

Home

Home

Home

Agenda

Agenda

Agenda

Agenda

Exames

Exames

Exames

Exames

Pílulas

Pílulas

Pílulas

Pílulas

Saúde

Saúde

Saúde

Saúde

Vacinas

Vacinas

Vacinas

Vacinas

1ª dose

1ª dose

1ª dose

1ª dose

14/02/2021

14/02/2021

14/02/2021

14/02/2021

FÊMEA

FÊMEA

FÊMEA

FÊMEA

Thor

Thor

Thor

Thor

Cod. do Animal: 03920391038

Cod. do Animal: 03920391038

Cod. do Animal: 03920391038

Cod. do Animal: 03920391038

Excluir Pet

Excluir Pet

Excluir Pet

Excluir Pet

High-Fidelity Presentation

On the app's home screen, you can access information for all pets registered under a single user account.From this screen, you can view the history of vaccines, appointments, medications, and more. For instance, in cases like neutering, you can access the exams prescribed by the veterinarian, as well as any medications.You can also use the calendar to schedule vaccine appointments for your pet and review previously administered vaccines and their respective dates.



Other features include the ability to manage your pets, with separate profiles for each one.

Lastly, you can explore other services available within the system, rate your experience, and even contact the call center for support.


Web Version

The SimPet system also includes a web version. This version is designed for use by professionals who are responsible for registering clients and their pets; the clients themselves do not have access to it.
Within the system, professionals can register a user's personal data and information for their pets, as well as details about any campaigns being offered. The purpose of this data management system is to allow the client to later access and view all of this information on the mobile application.
The screens above show the pet registration process. This process requires key information, such as the owner's name and personal identification number.Once this information is saved to the database, users can then view it on their mobile apps when logged into their accounts.

Landing Page

Below is the design of the Landing Page that was implemented using HTML, CSS, and JavaScript. It allows users to view general information about the product, its main advantages, and access the system’s Login page.

Tools

Figma

HTML

CSS

JavaScript

#gamedesign

#gamedesign

#gamedesign

#userresearch

#userresearch

#userresearch

#usabilitytest

#usabilitytest

#usabilitytest

SimPet

Know when your pet needs vaccines, appointments, and exams. Have real-time access to this data, right from your phone.

2022

Timeline

Creator

Web & UX/UI Designer

Web & UX/UI Designer

Role

Problem and Motivation

When public organizations like "zoonoses" (animal control) run vaccination campaigns, for example, if we don't have a physical vaccination certificate, we won't know the last time our pet was vaccinated.
When you own several pets, this is a big problem, especially for understanding the health of each one individually, such as: appointments, exams, medications, etc.

Ideation

The idea for a pet health management app came about with the proposal to organize the pet owner's routine, keeping them informed about their pet's general situation.
Since a pet owner can have multiple pets, it should be possible to manage each of their profiles separately.

Proto-Persona and the Scenario it's Inserted in

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

Eduarda Lima Pereira

Civil Engineering student

Eduarda is in the prime of her academic life, worried about her final project while also unable to let go of her internship. At the same time, she owns three pets: Thor, Samira, and Simba. Eduarda can only dedicate time to her pets in the evening, which is why she can never stay informed about vaccination campaigns and when she should take them.

User Journey Map

Início

Início

Atividades

Atividades

Necessidades

Necessidades

Emoções

Emoções

Oportunidades

Oportunidades

Antes

Antes

Durante

Durante

Depois

Depois

Quero vacinar meus pets

Qual é o melhor dia para vaciná-los?

O enfermeiro fala que a vacina precisa de segunda dose, mas não sei como estará minha agenda

Não sei a última vez que meu pet vacinou

No dia da vacina, não sei informar se ele está em dia com elas

Eba, para esse dia eu estou livre para levar meu pet pra vacinar

Vou aproveitar e marcar uma consulta pra ele usando o aplicativo

Pet está vacinado e bem de saúde!

Vou compartilhar minha experiência com meus amigos

Tenho muitos pets, não sei como está a situação de todos e nem o dia da vacina de cada

Vou vaciná-los

Pesquisar sobre datas de campanhas

Procurar em tvs, noticiários, internet...

Realizar cadastro na plataforma

Agendar vacinas para datas favoráveis para mim

Checar saúde do animal para ver se está em dia com as vacinações

Exibir histórico de vacinas do Simba

Preencher dados dos pets, gerenciar perfil de cada um

Documentar a data da atual e última aplicação

Informar no aplicativo a quantidade de doses que o animal tomou

Exibir calendário para o usuário poder agendar o dia mais favorável

Implementar funcionalidade de gerenciar vários pets em um mesmo perfil

Sketches

Low-fidelity wireframes

Design System

Typography

Typography

Accessibility: The contrast between the chosen colors has positive feedback in all tests, with 80% approval.

Accessibility: The contrast between the chosen colors has positive feedback in all tests, with 80% approval.

Font - Open Sans

Font - Open Sans

h1 - bold (36/Alto)

h1 - bold (36/Alto)

h2 - bold (28/Alto)

h2 - bold (28/Alto)

h3 - bold (24/Alto)

h3 - bold (24/Alto)

h4 - bold (20/Alto)

h4 - bold (20/Alto)

h5 - bold (16/Alto)

h6 - bold (12/Alto)

h1 (36/Alto)

h1 (36/Alto)

h2 (28/Alto)

h2 (28/Alto)

h3 (24/Alto)

h3 (24/Alto)

h4 (20/Alto)

h4 (20/Alto)

h5 (16/Alto)

h6 (12/Alto)

small (10/Alto)

small - bold (10/Alto)

How Color Psychology Was Applied to the Project

How Color Psychology Was Applied to the Project

The color palette for this project was designed to evoke feelings of calmness, comfort, health, hope, and warmth in the user.

The color palette for this project was designed to evoke feelings of calmness, comfort, health, hope, and warmth in the user.

Colors

Colors

#39404B

#F12020

#26783D

#F67F7F

#3BFF1A

#00FFA3

#F6F6F6

#FFFFFF

Components

Components

The use of components is necessary to enrich the product's Design System, creating patterns that must be followed by all application screens.

The use of components is necessary to enrich the product's Design System, creating patterns that must be followed by all application screens.

Entrar

Entrar

Insira seu email...

Veja mais

Dom

Dom

Seg

Seg

Ter

Ter

Qua

Qua

Qui

Qui

Sex

Sex

Sab

Sab

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

18

19

20

21

22

23

24

25

26

27

28

29

30

1

2

3

4

5

Maio de 2022

Maio de 2022

Mais

Histórico

Registros

Home

Agenda

Exames

Pílulas

Saúde

Vacinas

1ª dose

14/02/2021

FÊMEA

Thor

Cod. do Animal: 03920391038

Excluir Pet

High-Fidelity Presentation

On the app's home screen, you can access information for all pets registered under a single user account.From this screen, you can view the history of vaccines, appointments, medications, and more. For instance, in cases like neutering, you can access the exams prescribed by the veterinarian, as well as any medications.You can also use the calendar to schedule vaccine appointments for your pet and review previously administered vaccines and their respective dates.



Other features include the ability to manage your pets, with separate profiles for each one.

Lastly, you can explore other services available within the system, rate your experience, and even contact the call center for support.


Web Version

The SimPet system also includes a web version. This version is designed for use by professionals who are responsible for registering clients and their pets; the clients themselves do not have access to it.
Within the system, professionals can register a user's personal data and information for their pets, as well as details about any campaigns being offered. The purpose of this data management system is to allow the client to later access and view all of this information on the mobile application.
The screens above show the pet registration process. This process requires key information, such as the owner's name and personal identification number.Once this information is saved to the database, users can then view it on their mobile apps when logged into their accounts.

Landing Page

Below is the design of the Landing Page that was implemented using HTML, CSS, and JavaScript. It allows users to view general information about the product, its main advantages, and access the system’s Login page.

Tools

Figma

HTML

CSS

JavaScript