Checkout Toolbox

Flex Theme Sections

Linear Shopping Experiences

Viz Art Ink

Video Walkthrough of the Site

Transcript of the walk-through video

Hello Scott Austin here from Jade Puma. And in this video I'm going to do a walk through of the site redesign that we recently did for Viz Art Ink. This art is a business owned by Greg Visintainer. And he's an artist that he builds himself as an extreme doodle artist. And you can see right here on this this banner image, which is one of his pieces of art that we've made as the background for the homepage here. There's a lot of detail going on in his art. So this is our, it's actually just a lot of fun to look at and, and find like there's hidden words you can see in here and objects and stuff. So there's a bigger picture, but then as you zoom in, there's more and more details related to the theme of that picture. So it's pretty interesting stuff.

And they're a business in Carlsbad. He's got a physical store where he's selling art and art supplies. And then he's also got this online business where he's actually selling his art. So we did a site redesign that was an existing Shopify store and we brought in the turbo theme and add in wholesale functionality. So did a site redesign and added some new features. So let me walk you through what's going on. The homepage is, you know, we've got these banners throughout the site that are highlighting the art that Greg does popular art section, popular products. And then, you know, because in art, you know, in a lot of the stores that we build, we actually don't put the about, you know, the store about the owner in the header or in the homepage, but in, in an artist situation, it absolutely makes sense.

So on the homepage, we've got a little bit of a short bio about Greg and then we, we have more and then we've got an Instagram feed. So let's look at the header nav up here in and show how we're allowing the consumers to flow through the site. So the first thing is there's a gallery view, which basically when we click on that brings up all of the pieces of art that are available in the site. And this is just at the art level, right? It's not, it's not at the art and product. So he takes his art and he makes different products with it. For example, art prints greeting cards or candles and, and more that you'll see. So here in this view, you look for the art that you like and then you click on it. So let's just click on your 70 falls here

And then we take you to a collection of all the different products that have that piece of art. In this case you 70 falls on it. And then on the product pages we've got different you know, details going on with the different hidden words and hidden pictures that are available in that art. We talk about the other products that are available with that art on it. And the other is different variants for the different products, for sizes and things like that. So that's the gallery view. And then we have the shot by product view. So in the first of the gallery view, you pick your art first, then you see the products that are available in the shop by product view. You pick your product first and then see the artists available on. So let's say you're interested in coasters. So you click on the coasters link and it'll take you to the coasters collection, which is just coasters of all the different art.

I'm available with the coasters on it. There's, there's not a lot in this collection. Some of the collections have a lot more art on them, like greeting cards as an example. Let's pull up green cards and there's lots of different art for the, the greeting cards. And in the turbo theme we're using the infinite scroll, but toggling it with the click that way people are trying to get to the footer. The footer doesn't escape from them, so they have to click this. And then that starts the infinite scrolling of the turbo theme. And you can see as I scroll down, it'll just open up more and more until the, all the products are shown like that. So same set of products are available in these two menus of gallery shop, my product. And those are the products that are for sale. Now, something else that Greg has here is basically a portfolio customers who does a lot of custom artwork on for different clients. So let's click on that and you can see, here's here's on the banner and there's some Disney art. And what this is, is this basically these products aren't for sale in the store, but he's showcasing the past work that he's done as a portfolio.

And then we have an about the artist page. And this is a really nice one. I always ask my store owners or recommend to my clients that they really talk about themselves and not just about the products to put a human face to the business. And Greg has done a great job of that here, you know, meet this. He's, his nickname is vis and he's got some fun photos of himself. He's got different videos, he's done, he's done some Ted talks and there's lot of content here, right? You can spend some time engaging with this. And watching the different videos and really learn a lot about this artist and this person. So I like the way that that one is done. And then let's go into the footer and see the different evergreen pages that we have. About the artist.

We've, we talked about event calendar is just a Google calendar embedded, so that's nice. Easy code from the Google side of things. Put an embed code on the calendar. Greg actually does a lot of different art shows. He's not busy this month, but usually there's a lot of stuff on there. So he has a calendar for that. He's got a blog with lots of different content of all different events he goes to and different things that he's doing. And then also this week he just launched a podcast. So what we did is we created a podcast and he's only got one episode right now, but we're doing this with the blog functionality. So if you see up here, we created a second blog called the business of art, which is an invest podcast. And each of the episodes will make a blog post.

And that way it's easy for customers to see them. We don't have the embedded link. We have, here's the the YouTube video for the podcast. He's posting this out really soon to the different publishing services. And then we'll put the embed code for the actual audio stream, the MP3 in here also. But making a, a blog, a unique blog name for all of his podcast episodes was a nice way to get that blog or that a podcast content into his Shopify store, but also make it clean for the customer to just see the podcast content and not be mixed in with the other blogs. We've got, if you're going to ask questions that hasn't been populated yet, but it's got the the nice out of the box accordion functionality that the turbo theme does, which I like a lot.

We've got a contact page of different methods of contact and you know, we've got these banners everywhere. This, you know, really brings his art home. I think it looks really nice. And also notice on the page of what we did. And I very rarely do a background on a website. And what Greg had before was he had his art and most of his art is really dark. So let's look at the gallery. And you'll see that a lot of the art is, is dark. You know, he's black and awful lot. So his, his website was very black in the past. And what it did, you know, he, we definitely wanted to highlight his artwork like we're doing here, but it was a black background before. So I just went in, I actually use gimp for my photo editing. I went into gimp and just change out the colors and turned it from a light into, you know, a more white, it's basically reversing all the lines kinda thing.

And it ended up really nice. So now instead of this dark background that was there before dominating and overpowering the art, the background just goes, you know, to the background and lets the art come to the forefront and it really lets the art pop quite a bit, but also giving you that engaging. Like, I love the fact that we got the statue of Liberty over here. Right here, I'm on a lot of the page. There it is. There's the globe for the earth that shows up a lot. So every once in a while you'll just see this little image pop up. Like here's some Aztec or something art, art looking thing going on. So that theme of his art is throughout everything, right? So his art is the banners, it's the background. It's also if you see over here, it's his logo.

His logo has that same doodle art effect going on inside of it. So we were looking down at the a contact page and then we've got the other evergreen pages there, you know, the policies nothing really there to show off. So that's the basic consumer functionality. The customers come in, they can learn about the artists, they can shop by art or byproduct. And that all works really nice. And another thing we wanted to do for this store was add in wholesale functionality. So for wholesale, we added the bold app customer pricing, a app in and here up in the header we have in the top bar, we have a wholesale link. So if I click on that, it takes me to a wholesale page. Now this wholesale page has three different States. This is the not logged in state. So if a customer is not logged in, what they see is a button to log in.

And just some generic information about a wholesale account and a form to express their interest if they want to be part of the wholesale program. The second state is the logged in, but not a customer. And I'm not going to show you that one cause my account is already set up as a, as a wholesale one. And basically it says, Hey, you're logged in, but your account is not enabled for wholesale yet. You know, if you're waiting for it to be processed or you know, something's wrong, you know, send us some information with this contact form. And then the third state is the logged in and has a wholesale account. So with the bold app for wholesale pricing, we've, we're tagging customers wholesale pretty, pretty intuitive there. So what we're doing is when you log in, I'm going to log in with my account.

It's already has the, a wholesale tag attached to it. So now that I've logged in, a couple of things have just changed. The first one is we put up in this top bar, this static message, you are viewing our wholesale prices. So the customer knows that as they're browsing the site, the prices that they're seeing, our wholesale prices. The next thing we've done is we've added to the account page, a little paragraph about wholesales, just reinforced to them. You're logged in and you're seeing wholesale pricing. And the third thing that we've done is we've changed the top nav. So remember we had the nav before that allowed people to see the gallery and the shot by product instead, cause not all of the products available in the store are available in wholesale. So what we've done is we've just put in the categories of the wholesale products in the top.

So the wholesale customer can now click on one of these categories and quickly start seeing the wholesale pricing. So I'm going to click on candles as an example. And what we've got here is a collection of the candle products and their wholesale price going on. And what we've also built out is what's called this quick order form. So I'm going to click on this link for every wholesale category like candles, we created two pages. One is the shot by individual pages, a collection page like this. The other is a collection page view that stacks all of the products into one form. And all you have to do is, you know, put in some quantities here for how many you want. So if wholesale customers are buying a lot, they don't have to go in and out of pages and things, one at a time, they can look at a whole collection that can add, you know, whatever number of products. This is with one click of the buttons. And now I'm going to go down to the bottom of the form and click the add to cart button. And you'll see all those products with the quantities that I had listed are shown here on this page. So I'm going to actually clear my cart because I want to show you another feature we built.

And now I'm going to go back and I'm going to add a single candle.  While I'm logged in as a wholesale customer to the cart. And the functionality here is you see this red box over here. So in the wholesale program, there's a minimum order size of $200. So what we're doing is we're looking at all the products in the cart. And notice we're even telling them that this is a wholesale product. Cause not remember I said before, not every product is available in the wholesale program. This is a wholesale product. And then the message we have is that the minimum order of $200 is not been met yet. We tell them how much they've got in their cart and how much they need to add before they're going to be able to checkout. And you'll notice here this the checkout button, you know, it doesn't, it's not clickable right now. So we disabled the checkout button so they, they can't get into the checkout. So that is I think everything for our wholesale. Let me show you a couple more things though about the site. So what I'm gonna do now, notice our header up here, still have the wholesale header. Am I going to log out?

So now no longer logged in is wholesale and I've lost that messaging up here in the top bar. We've gone back to the normal consumer navigation here. So next thing I want to show you is shot by product because what we've done is there some combo products are called, I'm going to go this convo collection. And here, you know, because you know, some people may want to order greeting cards, but one of you know, each of the different types of varieties and pick different pieces of art to put together the package that they want to buy. So a lot of the products are available in these combo packs, whether they're stickers, candles, greeting cards, or art prints. So let me just show you one of the, the greeting card ones. Like the, yeah, not the serpent, the five card combo. That's the one I want to show you.

So what we did here, and for each of the products that does this, this is a list of all the different pieces of art that are available on the greeting card. So we allow the customer to create their own package and you know, the, the $20 pricing is a discounted price cause each of the gift, the greeting cards is a $5 price point. So five of them would be 25 but when they're buying in five at one time they get the a, you know, the 20% discount from 25 down to $20. So these pull down menus allow the customer to pick the different pieces of art that they want to put in. And the way we did that is each of these pull down menus is actually a navigation menu. So the store or staff can now when they add new art or if they want to take art out of the inventory, they just go into that navigation menu and add or delete the a, the item that's there for each one of these pieces are. So it's easier for them to maintain the way they had this before, it was hard coded into liquid. So a developer had to go in and change it. But by using the nav menu, the store staff is able to add and remove art as, as they need to for these products.

And I think we have shown you everything there is to show in this store. There are a lot of fun products you should go check it out as artists is really interesting. Like I said. Anyways, thanks for watching.

Responsive Views of the Homepage

Pinterest Board of the Project

JadePuma is a certified Shopify Expert. If you need any help with your Shopify store, we can help.