For the explore page we wanted to keep the search action front and center with a clear message as to what you can do on this screen, "Search and rent a car from hundreds of local hosts". We divided the page into four sections highlighting the type of cars on our platform. Towards the end, we provide the user with a secondary action "List your car".
When a user does a search they'll be able to see their results with a more advanced search bar. Here you can refine your date, or filter through specific options.
We also wanted the search bar to get out of the user's way when not in use. Which is why as a user is scrolling down his feed the bar slides up and out of view. And comes back down once a user starts scrolling back up. Again, we still keep the secondary action of listing your car towards the end.
Search results - prototype
When a user clicks on a specific car they'll be taken to that car's details page. Here a user will be able to see a more granular breakdown — miles included, a brief description, features, past trip reviews, car owner information, guidelines, the ability to report the listing, other additional cars the user might like, and the price per day. The price per day always stays within the user's sight while scrolling.
Car details page
When a user decides to move forward with the price they'll be taken to a checkout screen. Here you get a summary of what you're about to confirm and pay for. The two most important themes on this screen are the full price breakdown, and the verification steps before a user can rent a car. Once the user completes all the verification steps their primary button now displays "Request to book this car". From here on out the user has to wait for the host to approve the booking. Typically the host has 8 hours to respond back.
Checkout - all verified
Booking a car - prototype