Durante meu trabalho como atendente de suporte, eu tinha que gerar um padrão de texto na abertura e fechamento de todos os meus chamados, um texto que seguia um padrão mas tinha que ser editado a mão, esse processo era muito repetitivo e cansativo, então tive uma ideia...
Resolvi criar um aplicação web para me auxiliar nesse processo e torna-lo mais dinâmico e intuitivo, uma aplicação que teria dois formulários (abertura e fechamento) com opções mais simples e já formatadas para o padrão que a empresa.
Este é uma aplicação simples, foi desenvolvi apenas com HTML, CSS e Javascript. Porém alguns bibliotecas/framework's foram utilizados para aprendizado e design.
Bibliotecas utilizadas:
- IMask - Um biblioteca de mascaras para input's.
- Font Awesome - Uma biblioteca de ícones incríveis.
- Google Fonts - Biblioteca de fontes e tipografia gerencia pelo Google.
Todos os meus projetos tenho que aprender algo novo, por isso defino alguns objetivos/funcionalidades que nunca havia feito antes em outros projetos, elas são:
-
Objetivos funcionais
- Site no estilo single page com Javascript Puro.
- Menu hamburger com Javascript Puro.
- Opção de cópia do texto gerado.
- Cópia automática do texto gerado.
- Utilizar alguma biblioteca para mascaras de input's.
-
Objetivos de interface
- Menu lateral para interface web.
- Menu hamburger para interface mobile.
- Radio button customizado.
Durante meus 6 meses de trabalho como atendente eu utilizei essa aplicação realizei diversas alterações e como usuário entendi algumas dores da falta de usabilidade, alterei diversas vezes o layout, as cores, algumas funcionalidades e requisitos.
Aprendi o quanto importante a questão de usabilidade, começei a pesquisar sobre o mundo de UX e UI.