All examples

Tates Rents

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

Proposal concept

An independent design proposal. This is not a completed client project or the company’s official website.

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(opens in a new tab)

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 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.

A closer look.

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.