RENT-TO-OWN HOMES

Visit Rent-To-Own

Project Overview



I redesigned the website for the company RentOwnHomesPro.com as part of my front end web portfolio class at Weber State University. RentOwnHomesPro.com is a rent to own housing company that sells houses across the United States. The goals for this project were to redesign and modernize their website as well as for me to learn about the Bootstrap framework.

Tools I used


Design and Build Process


For this project, I was given the general layout, required sections, and content but was asked to redesign and then build the website.


I started the project by looking through images of homes and at other rent to own websites for inspiration. I collected images that I felt represented the overall style that I wanted for the page and I decided to use a monochromatic color scheme based around blues because I thought it would create a relaxing and trustworthy feeling.

I used Adobe XD to create a rough prototype and then fidelity mockups. I iterated through multiple mockups before I decided on the design that I liked best.

I rebuild the website using the design I created, the Bootstrap framework, and custom css.





Wireframe and mockups

Problems I Encountered


Although I liked the overall design that I created, there are a few areas where I had trouble. For example, I was not able to get the card slider to work exactly the way I wanted it to. I was able to make a slider that showed three cards on a desktop screen but only one on a mobile screen and to get the overall layout the way I wanted it to. However, the animation is not as smooth as I wanted

What I Learned


The biggest takeaway from this project for me was gaining familiarity with the bootstrap framework. This website was the first project I made using Bootstrap.