Red Warden

Hello Scott Austin here from JadePuma. And in this video I'm going to do a walkthrough of the red and warm website. Red warden's a project that we did. It's a new business, so it wasn't a existing website. It was a brand new website and we chose to build it in Shopify and using the term of theme. So here's just a quick walk through of how we set things up. Reward and already had a really nice branding element and had put the logo with some colors. So we did is we use the red and black motif and use that throughout the site. You can see some heavy red through our site here. You can get some iconography, made it all red and some of the images we switch in red to make sure that the brand really comes through there. And one of the fun things that we did was on this image here of a man sitting in an airport, this a piece of luggage was actually gray. And we open it up and digitally painted that to a piece of luggage to be red, which I thought was a lot of fun. What they're doing in this store, if they're selling a security option for laptops, help you recover a lost laptop. So we try to explain that cause it's kind of a unique concept. We actually spend a little bit of time, you know, about the products, about our servers, trying to explain to customers, you know, what it is they're buying because there is an education process that they have to go through. And there's also a strong charity tie and every product you buy supports a given charity. So we also spent a little bit of time here talking about, you know, the different charities and giving more details and where they could learn more about the charity so they can learn about the different charities when they make the choice of which charity they want to support. When they buy a product, you can see all the images there and stuff that we've got going on. So there's also a to purchase scenarios. So you can see here in the catalog, there's a for you and give us a gift. One of the things you're doing when you buy this product is you're giving your information to the company so that if your product gets launched and wrapped up, it's lost. They can contact you. So you have to tell them a whole bunch of information. So let me show you what that looks like. You're buying it for you. Here's the catalog of the products you can buy. Let's just pick this one here. And you can see all this information that you put in when you make the purchase so that the company can, you know, like I said, if they do lose your laptop, they can find you because they have all your personal information. Well, if you're giving this as a gift, one scenario for that might be, you know, parents buying this for their college students or are away at college. Well, we can't know all this information yet. So when you're giving us a gift, we created a different scenario where all we're doing is putting in the recipient's email, not clicking on information and they're also not picking what charity to support. And then after the fact will happen, once the the giver, the gift giver makes the purchase and checks out and pays court, we then send an email off to the recipient where they select which charity they want to support and, and to all their, their information that they needed to track and return the lost laptops to them. We'll just show you a couple more things here about the product pages. I'm here on the product pages. Like, you know, we have, I think we're using infinite options. Here's the app to collect all this information. And then we also do is we have, you know, like I said, there's a lot of information or education that needs to happen to people to understand what is the value proposition for this new product and service. They may not have heard of it before. So we spend some time and going through that and we use the accordion functionality. That's in the turbo theme to do that with. The reason I like to use accordion over tabs is according to as a as a much more responsive scenario. So here I am looking at this on a desktop and if I was to be on a laptop it would look like or a mobile phone, it would look like this. And you'll notice the accordion functionality actually lays out really well on a mobile phone. Also we're tabs frequently you'll have a set of tabs and they'll wrap around to a second mine. It's tabs. It's a little more confusing visually on a mobile phone to do go through a tab paradigm, which is why we pick the but according to functionality instead. And then you'll also notice in the troop of theme here what we did is we did the full width banners, which are very popular. You know, most of our pages have a full width Panner for contrast with the text, we actually put a transparent white layer over all of the banners. We did that outside of Shopify and just inside of a gimp, which is the graphics package that we use. So we just, you don't apply this, this weight white layer and apply to transparency. I think it's a 50% transparency to them all. And then we also at the top of the page, and I don't have the navigation menu over the top of the banner images, which is a really nice effect. You see that across most of our pages. Like there's a couple pages, like a privacy policy for example. We don't have a banner. So we just, you know, show the gray background to get the right contrast for the navigation elements with the color that color red. We thought gray was a good contrast for it. No, I think that about covers everything with the Red Warden, no website hope you enjoyed the, what we're doing there. And if you have any questions or comments, feel free to contact us. Thank you for watching.