Customer-first rental planning that carries the project context into the next conversation.

An interactive website proposal created through BoiseWebCo for Tates Rents. The concept brings project guidance, equipment discovery, branch selection, and rental planning into one customer journey. Live inventory, pricing, and reservation integrations are outside the prototype scope.

Explore the live prototype

My Role in this Project

Customer-journey and opportunity research
Information architecture and content direction
Visual design and responsive interface design
Interactive frontend prototype development
Proposal rationale and walkthrough planning

Prototype Approach

Next.js and React
TypeScript and Tailwind CSS
Responsive layouts and reusable components
Local-state guided workflows
Company-specific photography and brand assets

Intended Outcomes

Help customers start without equipment expertise
Keep jobsite and rental details together
Bring branch and fulfillment choices forward
Explain commercial-account value in context
Prepare a more useful assisted-service handoff

A closer look.

Explore the screens. Select an image to view it full size.

Tates Rents concept homepage with project-planner and equipment-discovery paths — The homepage leads with the customer’s project while preserving a direct route for people who already know the equipment they need.

Tates rental planner showing project choices and a running plan summary — Project choices let customers begin with the outcome rather than requiring them to understand equipment categories first.

Tates planner with selected jobsite conditions, access, and equipment experience — Practical site questions narrow the conversation, with a visible summary keeping the chosen project in view.

Tates rental-plan review with project, equipment, dates, store, and pickup context — A demonstration plan keeps equipment guidance and logistics together before the proposed reservation or assisted-service handoff.

Tates representative equipment catalog with browsing controls — The equipment path serves customers who already know what they need, alongside the guided project path.

Tates representative equipment detail page with product information and project guidance — Equipment detail connects the item to practical planning questions rather than presenting the catalog as an isolated destination.

Tates branch directory with local rental locations — Branch discovery brings local support into the decision before pickup, delivery, and reservation details need to be confirmed.

Tates commercial-account page explaining repeat-rental workflows — Commercial-account content explains the operational value of jobsites, billing, and rental history in the context of repeat work.

Tates concept homepage at a mobile viewport — The mobile layout retains the project-first starting point, established brand colors, and accessible routes into planning.

The rationale

A rental starts with something that needs doing.

Tates Rents has something a generic equipment catalog cannot easily reproduce: employee-owners who help people figure out how to get a job done. I created this proposal through BoiseWebCo to explore how that guidance could begin on the website, before a customer knows the name of the machine or calls a branch.

The central decision was to provide two recognizable starting points. Someone who already knows the equipment can browse directly. Someone who knows only the outcome can begin with a project. The planner asks about the work, site conditions, access, and equipment experience, then develops a practical starting point to review with the rental team.

Renting equipment is also a coordination problem. Dates, the preferred branch, pickup or delivery, and the jobsite all affect the next conversation. I brought those details into the same journey and kept a visible summary alongside the questions so the customer can understand what has been decided and what is still missing.

The supporting website gives those decisions somewhere useful to lead. Representative equipment pages explain what to confirm before reserving; the branch directory makes local support visible; and the commercial-account page explains repeat-rental needs such as jobsites, invoices, and rental records. Each page supports a particular customer decision rather than simply adding more navigation.

The visual direction keeps Tates’ established blue-and-yellow identity and company photography while using strong headings, deliberate spacing, and prominent actions. The responsive experience carries the same project-first idea onto a phone, where a customer may be planning from the property or jobsite itself.

This is a proposal prototype, with working frontend interactions and representative content. It does not check live availability, quote a rental, or reserve equipment. A production phase would validate equipment recommendations and branch rules with Tates, confirm supported rental-system integrations, and measure planner completion, reservation starts, handoff errors, and assisted inquiries. Those are intended measures, not results achieved by this concept.