RepareCar

# A rotina da oficina, no bolso do mecânico

Adaptação responsiva e refinamento visual das telas da RepareCar para acompanhar o trabalho da oficina em movimento.

UI

Responsividade

Mobile App

Motion

Cenário

## Uma experiência responsiva para a RepareCar

Minha atuação foi construir a experiência da RepareCar para telas menores. Refinei detalhes da interface e otimizei o uso no celular, mantendo a clareza e a qualidade do produto.

## Marca

RepareCar

RepareCar

Animação de loading

Além das aplicações estáticas, criei o logo animado para a tela de carregamento.

## Cores

01

Laranja

#FF7439

02

Grafite

#18202E

03

Cinza claro

#F7F8FA

04

Branco

#FFFFFF

Referência visual aproximada a partir das telas; não é uma especificação oficial da marca.

## Tipografia

DM Sans · títulos

Quadro geral

Hierarquia de leitura nas telas menores

DM Sans · corpo

R$ 57.257,00

Faturamento e próximos passos em uma leitura direta.

Escala de apresentação baseada na interface

## Componentes

Desafio

## Manter no mobile a experiência do desktop

O desafio foi preservar no celular a mesma consistência e qualidade da experiência desktop, sem comprometer a escalabilidade do produto. Para isso, adaptei a interface e seus detalhes às telas menores.

## Interface

Resultado

## Uma experiência mais coesa em telas menores

O conjunto mostra como navegação, indicadores e formulários se acomodam no mobile com uma linguagem visual consistente. Meu trabalho neste recorte foi o refinamento responsivo dessas telas.

[Site da RepareCar](https://www.reparecar.com.br/)

Próximo Case

[Velloo Aplicativo de Beach Tennis para jogadores e arenas.](https://eduardoamaral.me/projetos/velloo/)

Source: https://eduardoamaral.me/projetos/reparecar/
Language: pt-BR