Skip to content

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Repository files navigation

FutureRent - Home Page Redesign 2026

A UI/UX redesign of futurerent.co.za a South African rent-to-buy car subscription platform. Built as a hiring challenge, this project reimagines the home page with a trust-first, mobile-first, fintech-quality bar.

Cover


Project Summary

This redesign explores the process of enhancing the user experience and the look of FutureRent a rent-to-buy car subscription company. The goal is to create a seamless and user-friendly look and feel that drives user engagement on the benefits that come with subscription services, as opposed to regular car purchase routes.

Project Summary


Design Decisions

Designed to stay current

The current site displays static car images on the car marketplace. Users at the consideration stage shouldn't have to click to discover a process they haven't committed to yet hidden content at this moment creates doubt, not curiosity.

The redesign uses vehicle data (price, name, etc.) on custom cards. One update to the source reflects everywhere, instantly. No broken images. No stale listings.

The blog section keeps engagement alive, similar to socials. Three article cards surface media presence directly on the page, where it can actually build trust with users who are still deciding with future updates on tips and more information for future customers.

Designed to stay current


From hidden steps to a clear journey

The current "How it Works" uses a tab pattern where only one step is visible at a time. Users at the consideration stage shouldn't have to click to discover a process they haven't committed to yet. Hidden content at this moment creates doubt, not curiosity.

Every step is now visible on load. Each one is paired with a specific time anchor "60 seconds", "24 hours" replacing vague language with numbers that reduce anxiety. Each step is written benefit-first: what the user gets, not just what they have to do.

From hidden steps to a clear journey


Mockups

Design mockups


Tech Stack

  • Framework - Next.js 14 (App Router)
  • Language - TypeScript
  • Styling - CSS Modules (no Tailwind)

Getting Started

npm run dev

Open http://localhost:3000 in your browser.


Author

Denzel Witbooi — Developer + UI/UX Designer

About

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages