Video Walkthrough of the Site
Hello, Scott Austin here from Jade Puma. And in this video, I'm going to do a walkthrough of a new site that I recently built called common fibers group by. And this website has a unique business model in that what it's doing is it batch manufacturing. So common fibers is a company that has multiple websites for different products that they sell. And this website is for their batch processing. And what batch processing is, is they're making carbon fiber components for autos. And it's easier for them to do them in a batch of 10 or 20, then to do them one at a time. And it's cheaper for the customer who's buying them. So what this site does, it allows customers to come in and add themselves to ACU for a specialty part, a custom part to be made for their car. And when that queue reaches the batch limit of 10 or 20 orders, then that process gets run.
So let me show you how that works. So the first thing I'm going to do is just go into one of the group buys on the, on the collection page here. Of all the group buys. You can see we've got these little counters here in the app we're using for, this is called Crowdfunder by ether cycle and it's an app used to do sort of like a Kickstarter type thing and we've modified it a little bit. So it's not so much about hitting a dollar amount, but it's in our orders that are there. And we have this status bar. We change the color of the status bar, so when an order is less than halfway filled to it's committed amount, we have the status bar on red. Once it gets to the halfway point, it turns yellow and once it gets to the fully booked or the full batch size, it goes to green and then it stays green until they actually run the batch.
And then they reset the counter and start all over again. So the site's brand new, so there's not a lot of parts of peer yet, but they're building up that catalog pretty quickly. There's more here than, than, than a couple of days ago when we launched. So let's just walk into this a Honda trail down to cover product as an example. So you can see here the product has a full price of two 75 plus shipping, but there's a hundred dollars deposit. So if you were to purchase this product right now and add it to cart, you'd end up putting down your credit card for $100. And that's the deposit. And then when it reaches the full 10 orders needed for the batch, the company will then send out a draft order for the remaining balance of the $175 plus the shipping, which they'll calculate at that time.
So every product has a limit for the batch size. This one has 10. And it has a different deposit price and a different full price. And sometimes we don't even show the full price yet for new products cause it, they actually don't figure out the price or calculate the price until they've run at least one or 50%, 50% committed towards a new batch. So on this one here we have the Crowdfunder app doing the status of how many people have committed to this product. And there's, you know, some product options through normal Mike through normal Shopify variance. We've got some icons to gain some trust and some information about the product. We've also got a tab for generic things or you know, generic or that applies to all the products about their process and their quality. And so, like I said before, if I was to add it to cart, I would then see that hundred dollar amount in my cart. And if I walk through the checkout process, I would pay the hundred dollars for that deposit. So let's go back to another group buy and just show you how it works on another one. I think this one here, yeah, this one here has a different batch size of 20 products. And so far one has been committed. It also has a hundred dollars deposit, but its full price will be three 50. And there's more options for this one.
So another thing that happens is, you know, they need to, they want to build out their catalog of products that they'll make for customers based on what customers want. So we built out this suggest page, which allows customers to say, Hey, I'd like to add this part to your website. And then that customer, if they say for their Ford F150 or you know, whatever information they put down here, you know, they want a manifold cover or something to that effect. Then the store owners, the group CF group by, we'll go in, add that product to this catalog, and then the customer can then go out and say, Hey, friends of mine in the Ford F150 community, we've been talking about this for a while. Let's all jump on board and get this batch over the limit so we can get this manufactured and have our trucks look cooler than everybody else's.
So one of the thoughts around this site is to have the customers become part of the marketing to their communities because they're probably part of the niche audience of whatever auto that they're a fan of. And trying to build the parts for. So let's go back to the homepage. And just walk through some of the basics here. You can see we're using the turbo theme full banner and putting the banner underneath the header to give you that real full screen rich graphic photo experience and we carry that throughout. If you go to the contact us page for example, which we've got down in the footer, you know, we've still got that banner, we're taking up less height here now, but we still got that banner tucked underneath. The main nav, the nav elements are the homepage, the group buys, which we have by car manufacturer and you can also have a see all functionality.
We've got to learn page where we talk the customer through the process because batch process isn't something that most people understand cause it's not a common business model. So they walk through the different steps of the batch process. This is where we're reinforcing that red, yellow, green color scheme we have going on of getting closer to the batch being fulfilled, the commitment met. We've also got another page that talks about the quality of the products that carbon fiber is making. This is a company out of Seattle and they make their products here, you know here in the United States and they talk about the different, you know, components of their quality and the finish and they'd actually got a library of products that they'd done in the past showing a gallery of the work that they've done.
Then also in the footer, I think I just showed you the contact us page and also off of that we have linked to it a FAQ and on the contact us page we've got a map and we also show over here we're showing their Google listing in the map for their common fibers business listing. So that brings up the reviews that Google has on common fibers already so customers can see that right here also. And if I click on the FAQ page, it takes you to a normal turbo theme FAQ with the accordion functionality that I really like. You can see we've got a carbon fiber base color scheme of black and white, and we use the blue color or the teal color, whatever you call that. That shows up in their logo up here. We use that as the contrast color across the site. We've also got a nice little about us page where they've got photos for all their team members and hover over it and you know, see what their role is. And of course some risk got to have their chief officer of fun.
We've also got a quality commitment. I think I showed you that one already from the header. Yeah, the rest of those we've walked through.
So that's the site that we built for them. It's based on the turbo theme and this is the first time that I've done one with batch processing. So that was really fun to implement and it's kind of unique, unique thing that I hadn't seen done in a Shopify store before. So I'm really happy with the way that came out. Thanks for watching. And let me know if you have any questions.
Responsive Views of the Homepage