RepareCar

# Workshop operations, in the mechanic’s pocket

Responsive adaptation and visual refinement of RepareCar screens for managing workshop work on the go.

UI

Responsiveness

Mobile App

Motion

Context

## A responsive experience for RepareCar

My role was to build RepareCar's experience for smaller screens. I refined interface details and optimized the mobile experience while preserving the product's clarity and quality.

## Brand

RepareCar

RepareCar

Loading animation

Alongside the static treatments, I created the animated logo for the loading screen.

## Colors

01

Orange

#FF7439

02

Charcoal

#18202E

03

Light gray

#F7F8FA

04

White

#FFFFFF

Approximate visual reference from the screens, not an official brand specification.

## Typography

DM Sans · headings

Overview

Reading hierarchy on smaller screens

DM Sans · body

R$ 57.257,00

Revenue and next steps in a direct reading.

Presentation scale based on the interface

## Components

Challenge

## Bring the desktop experience to mobile

The challenge was to preserve the consistency and quality of the desktop experience on mobile without compromising the product's scalability. I adapted the interface and its details for smaller screens.

## Interface

Outcome

## A more cohesive experience on smaller screens

These screens show how navigation, indicators and forms fit mobile with a consistent visual language. My work in this scope was their responsive refinement.

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

Next Case Study

[Velloo A beach tennis app for players and venues.](https://eduardoamaral.me/projects/velloo/)

Source: https://eduardoamaral.me/projects/reparecar/
Language: en