Travel & Booking · Open Road Editorial
Car Rental App UI Design Template
Vello is a car rental app design with an Open Road Editorial look, built for founders and designers launching a peer-to-peer or fleet rental product.
미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 car rental 모바일 앱 디자인을 미리 보세요.
Car Rental App 소개
Vello is a car rental app UI design built on an "Open Road Editorial" aesthetic: a warm bone-white base, deep asphalt-charcoal text, and a single signal-orange accent reserved only for the primary booking action and selected dates. Surfaces are defined by hairline rules and tonal blocks instead of shadows, with full-bleed studio car photography filling the top of every card and a wide condensed grotesque for car names and oversized prices that reads like motorway signage.
The template ships six connected screens that form a complete rental flow: a Discover feed with location search and category chips, a Map results view with orange price pins, a Car detail page with a spec ribbon and reserve bar, a Booking screen with a calendar range and protection plans, a Trips list, and an Active rental screen with a hold-to-unlock digital key. A signature odometer-style eyebrow ("DAILY · UNLIMITED MILES · 05 SEATS") and a monospace spec ribbon for transmission, fuel, seats, and bags recur across every car so the design feels like one coherent product.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
구성 내용
포함된 화면
Discover
A search feed headed by the Vello wordmark and a location-and-dates bar, with scrollable category chips (Electric, SUV, Luxury, Convertible) above large car cards showing photo, rating, price per day, and a monospace spec ribbon. The browse-and-pick surface.
Map results
A map view dotted with orange price pins over San Francisco, with a swipeable mini-card carousel at the bottom showing a Ford Mustang at $68 a day with its rating and seat count. Helps renters compare price by location.
Car detail
A full-bleed hero of a Porsche 911 with a photo-progress bar, the condensed car name and a bold per-day price, a monospace spec ribbon for transmission, fuel, seats, and doors, and a sticky orange "Reserve" bar with the total for the trip. The conversion screen.
Booking
A March calendar with the selected pickup-to-return range glowing orange, pickup and return time summaries, and a Protection Plan list with Basic, Plus, and Premium tiers as selectable radio options. Where renters lock dates and coverage.
Trips
An Upcoming and Past tab layout with a trip-in-progress banner, an active Audi A4 card showing dates, pickup address, and "Modify Trip" and "Digital Key" actions, plus a recently completed trips list. The traveler's home base.
Active rental
A digital key card showing a LOCKED status with proximity and Bluetooth state, a large "Hold to Unlock" button, panic, trunk, and flash controls, plus a trip timer, fuel and range readout, and navigation to the car. The keyless drive experience.
디자인 & 기능
주요 기능
- Open Road Editorial aesthetic: bone white, asphalt charcoal, one signal-orange accent
- Condensed grotesque car names and oversized tracked prices
- Odometer-style uppercase eyebrow on every car listing
- Monospace spec ribbon for transmission, fuel, seats, and bags
- Full-bleed car photography on crisp 8px-radius cards
- Map results with orange price pins and a swipeable carousel
- Booking calendar with glowing date range and protection tiers
- Hold-to-unlock digital key with trip timer and fuel readout
오디언스
이런 분께 맞습니다
활용 사례
이런 것을 만들 수 있습니다
- Launch an MVP for a car rental or car-sharing product
- Mock up screens for an investor or stakeholder pitch
- Hand a complete, consistent rental UI off to developers
- Explore a redesign of an existing rental app
이 템플릿 사용 방법
- 1
템플릿 열기
화면을 둘러보고 전체 디자인을 미리 보며 아이디어에 맞는지 확인해 보세요.
- 2
이 템플릿 사용
한 번의 클릭으로 Sleek에서 완전히 편집 가능한 사본을 엽니다.
- 3
AI로 편집
원하는 것을 설명하기만 하면 팔레트 재스타일, 레이아웃 변경, 화면 추가·삭제가 가능합니다.
- 4
내보내고 출시
디자인을 내보내거나 개발자에게 넘기고, 출시를 향해 계속 만들어가세요.
자주 묻는 질문
car rental 앱 디자인 시작하기
Sleek에서 사용해 내 것으로 만드세요. 팔레트를 다시 스타일링하고, AI로 어떤 화면이든 편집한 뒤 코드나 Figma로 내보내세요.
이 템플릿 사용