All examples

Franklin Building Supply

A project-led website that connects customers with Franklin’s capabilities and a relevant first team.

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 Franklin Building Supply. The concept connects customer types, products, services, and regional facilities through a guided project brief. Team matching is demonstrated locally; production routing and customer-system integrations remain to be built.

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

  • Start with the customer’s project and needs
  • Give distinct audiences recognizable paths
  • Connect products with supporting services
  • Make facility capabilities easier to find
  • Prepare useful context for a team conversation

Customers should not need to know the organization chart.

Franklin Building Supply brings together much more than materials. Its public offering spans estimating, design, measurement, delivery, installation, manufacturing, and a regional network of specialized facilities. I created this proposal through BoiseWebCo around the question of how that breadth could become useful to a customer who simply has a project to complete.

The Project Guide is the organizing idea. It asks who the visitor is, what they are building, which kinds of support they need, where the project is, and how soon they hope to begin. The prototype then demonstrates a relevant starting team. The customer can describe the work in familiar terms without first identifying Franklin’s internal department or specialty division.

I kept separate paths for professional builders, trade customers, homeowners, and design-center visitors. Those audiences share the same brand but arrive with different priorities and vocabulary. Focused destinations make room for their needs while the primary navigation remains concise: products, services, locations, resources, and a project starting point.

Products and services are treated as connected capabilities. Choosing a finish, for example, may also involve design guidance, measurement, coordination, and installation. The concept makes that relationship visible so Franklin’s value is easier to understand as support for an entire project, rather than a list of disconnected departments.

The location experience also distinguishes geography from capability. A nearby facility is useful only if it offers the support a customer needs. The directory presents regional and facility context, while the guide demonstrates how project details could shape the first conversation with a local team. Visually, the site retains Franklin’s identity and company imagery within a consistent hierarchy across desktop and mobile.

This is an interactive proposal prototype, not Franklin’s launched website or a verified operational routing system. Production work would require stakeholder discovery, approved facility and service data, routing ownership, maintainable content, and secure connections to existing customer systems. Guide completion, routing accuracy, qualified conversations, and avoidable transfers are proposed ways to assess the design after implementation; no improvement in those measures is claimed here.

A closer look.

Franklin Building Supply concept homepage introducing a project-led starting point
The homepage frames Franklin around the customer’s project, then opens paths into the broader capabilities supporting it.
Franklin Project Guide asking whether the customer is a builder, trade professional, or homeowner
Audience selection establishes the customer’s context before asking them to choose products or internal teams.
Franklin guide with design and installation support selected
Customers can select connected services as part of one project brief instead of navigating several separate departments.
Franklin Project Guide demonstrating a relevant team and project summary
The final guide state demonstrates a starting-team recommendation with the customer’s choices kept together. The matching rules are prototype logic.
Franklin representative product-family overview
Product families give the breadth of the offering a readable structure and support deeper exploration.
Franklin service overview connecting planning, coordination, and completion
Services make estimating, design, delivery, and installation visible as part of Franklin’s overall project value.
Franklin location directory with facility capabilities and regional context
The directory helps customers compare where Franklin operates and the kinds of support available at different facilities.
Franklin design-center page presenting a focused customer journey
A dedicated design path addresses selections and finish decisions without crowding every audience into the same homepage message.
Franklin proposed homepage at a mobile viewport
The mobile homepage preserves the project starting point and company identity while adapting the navigation and visual hierarchy.