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

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

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

A closer look.

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

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.

The rationale

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.