RepareCar

Workshop operations, in the mechanic’s pocket

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

UIResponsivenessMobile AppMotion

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

01Orange
#FF7439
02Charcoal
#18202E
03Light gray
#F7F8FA
04White
#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

Next Case Study

Velloo

A beach tennis app for players and venues.