Sobre o projeto
A necessidade de pessoas autônomas em registrar sua jornada de trabalho não é de hoje. Mesmo sem a obrigatoriedade de um controle de horas é importante o profissional ter esse registro para poder contabilizar melhor seu serviço, ajustar valores, e, se necessário, apresentar ao tomador do serviço. Então, pensando nessa dor da cliente iniciamos o projeto com a criação da identidade visual e logotipo do aplicativo.
UI Benchmarking
Concluída a fase inicial, pude realizar o benchmarking de UI e entender melhor os produtos já existentes no mercado. Conversei com a cliente para poder priorizar as funcionalidades que ela realmente iria utilizar e comecei o desenho da interface através de wireframes.
Wireframes
Nessa etapa pude rascunhar as telas iniciais do produto para poder entender onde cada etapa da jornada ficaria melhor para o usuário usar.
Wireframes criados no processo.
Criando o protótipo
Alta Fidelidade
Para dar início a Alta Fidelidade comecei a criação do Design System, usando as cores da marca como cores principais e a fonte Gotham para os textos. Criei os componentes e nesse processo vi a necessidade da criação dos temas light e dark mode do app.
Pude explorar a funcionalidade de variáveis do Figma e criar a mudança de light para dark mode de forma mais simples e ágil, dando mais realismo ao protótipo. Também usei as variáveis para a criação dos Tokens de Cores, facilitando o trabalho da desenvolvedora que atuava no projeto.
Pude explorar a funcionalidade de variáveis do Figma e criar a mudança de light para dark mode de forma mais simples e ágil, dando mais realismo ao protótipo. Também usei as variáveis para a criação dos Tokens de Cores, facilitando o trabalho da desenvolvedora que atuava no projeto.
Acesse o protótipo.
Dark mode do InOut.