Outside The Box
Custom Cabinet Door Web Design
Outside The Box (OTB) was an eCommerce brand built for contractors and DIY enthusiasts specializing in cabinetry. The goal was to make custom cabinet doors more accessible through a streamlined online shopping experience.
We developed a comprehensive Cabinet Door Web Design solution that allowed customers to browse, customize, and order raw doors, stains, lacquers, and specialty finishes all in one place. We turned a complex ordering process into a simple digital path.
Services
Outside The Box
Custom Cabinet Door Web Design
Outside The Box (OTB) was an eCommerce brand built for contractors and DIY enthusiasts specializing in cabinetry. The goal was to make custom cabinet doors more accessible through a streamlined online shopping experience.
We developed a comprehensive Cabinet Door Web Design solution that allowed customers to browse, customize, and order raw doors, stains, lacquers, and specialty finishes all in one place. We turned a complex ordering process into a simple digital path.
Services
The Design Challenge
The DIY Refacing Experience
The DIY scene is in full force. The founder, Jamie, approached us with her brainchild. She saw an opportunity to provide a hassle-free experience for users to pursue DIY cabinet refacing. Already knowledgeable in the trade herself, she wanted to create a start-to-finish learning center and shop.
Our Cabinet Door Web Design strategy focused on education first. We engineered a web experience to accomplish Jamie’s goals. It taught all the skills needed for cabinet refacing via a video series while stocking their quality custom doors and supplies.
The Design Challenge
The DIY Refacing Experience
The DIY scene is in full force. The founder, Jamie, approached us with her brainchild. She saw an opportunity to provide a hassle-free experience for users to pursue DIY cabinet refacing. Already knowledgeable in the trade herself, she wanted to create a start-to-finish learning center and shop.
Our Cabinet Door Web Design strategy focused on education first. We engineered a web experience to accomplish Jamie’s goals. It taught all the skills needed for cabinet refacing via a video series while stocking their quality custom doors and supplies.
Visual Strategy
Website Product Photography
Outside the Box wanted the website to focus on the high quality of the product they produced. They needed to showcase everything from solid wood doors to their hand-applied stains and glazes.
We scheduled multiple photoshoots to capture the manufacturing process. We worked alongside the production team to take photos during each stage of the build. We highlighted these high-resolution images in the product information sections of the site to build trust with the customer.
Content Strategy
Step-by-Step Education
Content was a major component of this Cabinet Door Web Design project. Outside the Box had previously created a video series to teach inexperienced Do-It-Yourselfers and the Maker community how to reface their cabinets.
We transcribed each video and added additional information to the pages. By combining text, photos, and video, we created complete step-by-step tutorials accessible straight from the website.
Content Strategy
Step-by-Step Education
Content was a major component of this Cabinet Door Web Design project. Outside the Box had previously created a video series to teach inexperienced Do-It-Yourselfers and the Maker community how to reface their cabinets.
We transcribed each video and added additional information to the pages. By combining text, photos, and video, we created complete step-by-step tutorials accessible straight from the website.
Technical Execution
Complex eCommerce Architecture
We sat down with the Outside the Box team to construct a detailed product tree. The challenge was building complex dropdown options that catered to the specific needs of DIY cabinet refacing.
We utilized flexible platforms like Bigcommerce to manage these variables. The user was able to choose exactly what they needed for their project, including wood species, door style, door size, stain or tinted lacquer, and hinge prep. This intelligent system ensured that different wood species only showed the compatible stains and lacquers, preventing user error during the ordering process.
Technical Execution
Complex eCommerce Architecture
We sat down with the Outside the Box team to construct a detailed product tree. The challenge was building complex dropdown options that catered to the specific needs of DIY cabinet refacing.
We utilized flexible platforms like Bigcommerce to manage these variables. The user was able to choose exactly what they needed for their project, including wood species, door style, door size, stain or tinted lacquer, and hinge prep. This intelligent system ensured that different wood species only showed the compatible stains and lacquers, preventing user error during the ordering process.
FAQ
What services did Graphicsbyte provide for Outside The Box?
Graphicsbyte provided brand strategy, website design, web development, eCommerce, content strategy, and product photography for Outside The Box. The project ran from October 2017 through April 2020 and delivered a full Bigcommerce eCommerce platform with intelligent product configuration, step-by-step educational tutorials, and professional manufacturing photography.
How did Graphicsbyte handle the complex cabinet door ordering system?
Graphicsbyte worked with the Outside The Box team to construct a detailed product tree and build complex dropdown options on Bigcommerce. The system was designed so that different wood species only showed compatible stains and lacquers, preventing user error during the ordering process. Customers could configure their order by choosing wood species, door style, door size, stain or tinted lacquer, and hinge prep all in one streamlined flow.
How was the educational content strategy developed for Outside The Box?
Outside The Box had an existing video series teaching DIY cabinet refacing. Graphicsbyte transcribed each video and added additional written content and photography to create complete step-by-step tutorials accessible directly from the website. By combining text, photos, and video, the site became a start-to-finish learning center that educated customers before and during the ordering process.
