Video Walkthrough of the Site
- Hey, Scott Austin here in this video, I'm going to do a walkthrough of the active men website. This is a new store build that I did for active men, which creates a healing pad. For people that have pain or injuries, you know, like a heel abrasion, a bruise or a sprain, not for broken bones, but for soft tissue and they have one product. So the store only has one product that it's selling, but there's lots of information around that product that we put together into this store. And, you know, they brand came to me with already this black and blue color scheme. And we use that throughout the, to receive it on the imagery on the photos, even like we would change a little bit and then the backgrounds to the blue to match the brand which I think brings things together really, really well. And the company created a lot of content, right? So we have photos, we have infographics, we have testimonials all, all sorts of good information. And what you see that we do in this, the store design is we take that information and we presented a lot of different ways. I'm always a fan of saying, you know, it, everything starts with content. And once you create that content, it's easy to build out different site experiences. So here's the main store where let them on the homepage and just simple, short, you know, value prop recover faster, perform better, right? And one quick call to action buy now. And then we walked through some, some more value props you can buy right on the homepage because it's a one product site more information, what it works for, what it doesn't work for. Nice infographic. I'm a huge fan of infographics, especially for things like this. And then some customer reviews we're using the judge, me reviews app for this one more information that takes them deeper into the site on the different content pages we have, which we'll show you quickly are here. And then we have product seals throughout for all different value props. And depending on what page you're on, you'll see different products, seals, Instagram fee brought right into the homepage and we're using Klaviyo for email. Here's a signup form for Klaviyo. So there's the homepage. Now on the top level, we have a buy now link, which takes you to the product page because a couple of products seals their money back guarantee. Cause that's, you know, so people are going to wonder about, and also free shipping. They understand the full value props when they hit that, add to cart button, some good text information with some bullet points and bold texting to highlight that the main value props that infographic and the home page shipping policy and an accordion return policy and the accordion and the product reviews. And then on the other top level pages, you know, there's the about the science behind this product. So people will wonder, understand how is this product created? What is the science behind it? You know, tell me some more, they can read this information and understand that. And then a listing of all the product reviews, and this is just a judge we template and then instructions on how to use it. So once you buy the product, you know, here, we clearly, you know, list out all the steps to using it. And this is the kind of content we also send in the post-purchase email flow from Klayvio. And then at the footer, we have another about pages, Dr. Joseph, the inventor of the product, the scientist behind it, the doctor behind it. So she tells her story here. And then the other ones that we have an FAQ lots and lots of questions and answers and a typical contact page. So pretty simple site. Although there's a lot of content here, right. And I think it comes together really well because the branding is just so strong with this, this blue and black pervasive throughout everything in the store. But that was just half the site built, right? So the next step we did is we wanted to start advertising on Google and on Facebook, this product to customers. So we built out a whole series of landing pages, and you'll see here, we've got like a dozen of them or whatever, and different landing pages focused on a different part of the body or a different problem, whether it's, you know, pain or injury or trouble sleeping and all that kind of stuff. So we had all that content that I talked about, and then we just got to reuse that content in different ways. So for example, if we have a the pain page is a great example, let's go to this one here. We had found from some of the data that, you know, the people that were experiencing pain were older people. So we have a page that has product photography with older people in it. And you know, a lot of the same information we talked about, but all the reviews talk about the pain and the value props here. Talk about, you know, how you can get rid of long lasting pain using this product. If we go back to another one, I think it's the injury one here. Let's just go to this one right here. I think this one here for injuries, we assume this is more of the athletes that's getting injured or the younger person. So you'll notice the photography here is younger people, athletes, and we have protests. Ammonia's whether it's from sport trainers or from professional athletes that talk about the product and the benefits and all that good stuff. So same product, but a very different page based on the audience and the value prop for that audience. And like I said, we came up with a whole bunch of different ones, and this is just the beginning of the project, you know, right now this is for rotator cuffs and for Achilles. And there's a lot of other body parts that we'll be expanding to, to market to. So I showed you a couple of the shoulder pages. Here's an example of the Achilles page. So now we're showing people running instead of using their arms in the photography. There you go there, nice looking page and I'll show you one more just to really drive the point home of taking that content and making specific to the message for that page. So this one here is the sleep focus. If you're injured, a lot of the problems will have with their injuries if they can't get good sleep. So you can imagine here that the Google ads is, you know, is pain preventing you from sleeping, you know, learn more about our product and they land on a page like this. It says, sleep better with less pain. And then everything we talk about here is about how you're going to sleep better. But reviews are about customers who got improved sleep because of using the product. So lots of reusing of the content I give out like, like playing Tetris, right? You got all these pieces in front of you and you get to assemble them and a whole bunch of different ways based on the goal or the mission of any given page. So that's the active man, a store design. This is a Shopify store done with the flux theme. Thanks for watching.
Responsive Views of the Homepage