Part 1 Discussing the Site
This is Part 1 of the One Hour Website Makeover for the Main Clinic Supply site and in this session, we discuss the content of the site and give suggestions for what can be improved. Rick and Kim Carney, the artist working on this website makeover project with us, will come back next week with their suggestions.
Rick: Okay so now we have Fran. Okay let’s see, where did he go? Good evening, Fran. How are you doing?
Fran: Good, Rick.
Rick: Good. So we are going to be working on Main Clinic Supply’s… let’s see. Here’s your blog site, Main Clinic Supply and undoubtedly, some of this is going to spill over into the blog. But what we’re mainly talking about tonight is this store, is that right?
Fran: Yeah. I think that makes sense. And like you said, I’ll utilize only one PM shop there, Rick.
Rick: That’s what it was.
Fran: But yeah, I see…
Rick: It’s the plugin that we used.
Fran: That’s right. I knew that was going to cause confusion. But no, I think ship. It’s getting laid out there too, Rick.
Rick: Yeah, I know.
Fran: But no, I think what I learned on the Shopp site, I can incorporate back over to the blog here.
Rick: It’s not showing up properly. What happened to our images?
Fran: They’re there.
Kim: I see images but small.
Fran: They’re just really small.
Rick: I was just expecting something larger there. I see, okay.
Kim: Is that something that you can click on and see it larger for the customer?
Fran: Well, we need somebody really good at graphics to help us with that.
Rick: It does take you to the… when you click on the image there, it does take you to the product. And then the product has multiple images.
Fran: But I think Kim’s right. Hello Kim, by the way.
Fran: But I do think she’s… I’d like to see those get… be able to click on and get a lot bigger because people, when they’re choosing a mask, they want to see detail.
Rick: Now presumably, the manufacturer’s got larger versions of these images.
Fran: Yup. Yeah absolutely. And in some cases, Rick, I was hoping that Kim would give me some guidance. There’s a lot of pictures I would like to take myself because sometimes, these manufacturers don’t do a great job of taking photos.
Kim: I can talk you through some of that, a very easy process. You have a camera?
Fran: No, but if you give me something… I mean, I have a… I use my Android phone which takes pretty good pictures. But I’m willing to mop it up about if I need to as well.
Kim: Well, I think you could probably still do that with that. I don’t really have… I mean, I take a lot of pictures in my house and I only have one spot in my house that has any sun because I live in Seattle. And so I have a chair in front of this computer and it’s a pretty small chair and I’ll buy a piece of poster board and I tape it to the top and the bottom of the chair. And I set my products or my photos or about my flowers and I’ll set it on there and that’s where I shoot it.
Fran: So kind of a white box that you’ve kind of built right there next to…
Kim: Yeah. It’s just seamless but it’s just a smaller seamless. And you can do that with you know, you can do it anywhere, right?
Fran: Yeah. I’ve looked at some stuff on the internet to build those. So it’s white on all sides, is that right?
Kim: It’s white on all sides.
Fran: Yeah okay. And that’s kind of how I get to those… I sent Rick kind of… I don’t know if you got a copy of my hit list I was hoping to accomplish but trying to get to a borderless image kind of like what you see right here is important to me.
Kim: Yeah and that should… and I think if you don’t want any noise or anything in the background… you want the product right?
Fran: Yeah, exactly.
Kim: And so yeah, and I would try it with your phone but I think just having the white background will make all the difference. Is that a pretty big photo right there or is that kind of small?
Fran: Well, this photo? Well, I think I can… I think it’s probably a couple of megs and if we… I don’t think it’s got…
Kim: I’m talking about the product itself.
Rick: How big it is.
Fran: Oh, is it very big? Oh no. It’s about a size of a… oh, probably an alarm clock or something.
Kim: There you go. I mean, those kinds of sizes are easily taken just with a little seamless thing.
Fran: Yeah, I think just about everything would fit in kind of what you described on that chair. Can I ask you Kim, what do you use for a camera?
Kim: I have a really old Canon… what is it… Canon Rebel, my son’s telling me. I’ve had it for a long time and I still have to learn how to use it but it’s pretty easy to use.
Fran: Okay. Oh really? Well, down the road, I may bump it up for now. I’d probably take it with my phone for a while.
Kim: And you can also just use a point and shoot, right? I think you can still do that with a point and shoot. I think what you want to avoid is to have that flash fire because when you that hot light fire on your product, that’s where it looks really… I mean, it looks really bad with that.
Fran: Yeah, it looks really hokey. I agree.
Kim: Yeah so that’s what you want to avoid.
Rick: So let’s talk about your logo. What does this represent?
Fran: It’s kind of the universal symbol for oxygen.
Rick: Really? I did not know that.
Fran: Most people don’t but it’s hard you know, I’m a big fan of what you… I read in your questionnaire that your logo should tell what you’re selling, right? But I struggled trying to find something but this is the universal logo for oxygen and then the red dot is blood or….
Kim: I like that.
Fran: Yeah. If you hit images there, you’ll… oh you’re on images.
Yeah, I am on images.
Kim: I like that. I like the logo.
Fran: Well, thank you Kim. I think Rick was getting ready to say something bad about it.
No, I was not getting ready to say something bad about it. You know, I have a couple of chemistry majors in my house and… anyway, I wasn’t… I was just trying to see it in a context is all.
Fran: No, I know. You just challenged me if I… you gave it some thought but I struggled with that a lot and that’s kind of what I came up with.
Rick: And so talk about the text.
Fran: Yeah, just real… well, Mayo Clinic, I mean the hometown of the Mayo Clinic and Mayo Clinic is pretty notorious for being pretty just plain, not a lot of flash. It would be kind of like the parallel next to them. Not copy them but just trying to keep it clean, very readable. If you put in Mayo Clinic there, you’ll kind of see what I’m saying. Yeah, if you go to their site, you’ll see how kind of clean it is. It’s just…not trying to copy it but at the same time…
Kim: Oh no, I think that for a medical site, you want it to be nice and (07.47).
Fran: Yeah, not jazzy or something. Yeah.
Kim: I do think you can incorporate your logo. I mean, if you wanted to incorporate that into something, you could use those…the color and the little red dot.
Fran: Yeah, no I would like to like splash that around more. On my Facebook page, I’ve done a little bit. Rick, if you want to pop that up, you might see what Kim thinks about what I’ve done there. I still need a lot of help there. I just kind of started it but…
Rick: Okay and where am I going?
Fran: Oh if you just search and type in Main Clinic Supply, let’s hope it comes up and while you’re there, you can like it if you don’t mind.
Kim: So you’re in Houston, right?
Fran: No, I’m in Rochester, Minnesota.
Kim: Oh, Minnesota.
Fran: The top of the United States.
Rick: Oh, it took me… isn’t that interesting? It did not… when I searched here…
Kim: Because your link down there, it says…
Fran: It’s bringing in the Bing results.
Fran: Let’s see, how can I…
Rick: Main Clinic Supply. Let’s try this.
Kim: Do you not have a link off to your site on to your…
Fran: No. I mean, my site is very new. You know, I… it’s almost embarrassing somehow. I have a lot of work to do. It’s not coming up, is it? What happens if you put in… so it’s a company. Are you… there it is, first one.
Rick: Okay, there it is.
Kim: Oh and I like that.
Fran: See, I just popped in those little logos in there like that.
Kim: Absolutely wonderful.
Fran: But I still need some help with color and stuff but I like throwing that little circles around a little bit. And it just so happens…
Rick: You’d also want to do this in a PNG or a GIF file because the modeling that is happening here you know, the white kind of bleeding funny and the orange not showing perfectly orange. That’s caused by the jpeg compression. A gif… this is really a 3-color image, right? It’s the red, it’s the blue and it’s white. A gif will render that perfectly sharply whereas the…
Fran: The jpeg loses it?
Rick: The jpeg definitely loses it.
Fran: Yeah good. Well, thank you. I appreciate that.
Rick: So okay we’ve got a simple, clean text style and simple logo on the catalog.
Fran: Hey Rick, while we’re there, if I can ask some help with the… what do you guys call it? Favicons?
Fran: Yeah. I think those circles are probably my best bet at one.
Kim: Let’s see if those will fit in there. We might have to move that red one in a little bit but I’ll play with it.
Fran: Okay well, thank you.
Rick: And it might work to not use the red one to do just the blue one.
Kim: Right. It might have to be one or the other.
Rick: Just because it’s so small, right? 16 pixel square.
Fran: We might lose it, yeah.
Rick: But this is the arrangement that you’re interested in, right? That is the products are one product on top of another.
Fran: Well, I think so. Rick, you probably have to counsel me here a little bit but my thoughts are a lot of times from the blog, I will link directly to wherever I’m blogging about and I would just assume that like go, do that.
Rick: Come directly to this page itself?
Fran: Right. So that would be an option but then I think you’re right. It makes sense if they wanted to see all the masks at once, they need to be able to see them on one page. That’s kidn of what I think you’re asking me, one on top of the other.
Rick: Yeah and I was just really thinking of main catalog page you know, how you want the stuff to be organized. Actually, this plugin does give you the chance of you know, switching back and forth in different views.
Fran: I like that. I think that’s good.
Rick: I like it too actually. That’s pretty slick.
Kim: And then if you click on… and that’s all when I click on there then you get the information on it right?
Rick: And if you click on this, it takes you over to the page.
Fran: Yeah. I really like that. I think a little bit of styling, that’s set up pretty good just by default there, yeah.
Fran: Like that Add to Cart. I really… that needs to be another color or something. I think that’s too hidden.
Rick: Oh yeah, it’s not… but we definitely need a new style for the button. You don’t appear to have sort of a tagline. Do you have a tagline? You know, like…
Fran: No. I need one like CPAP makes you sleep better or something or “We are the CPAP people” or something.
Fran: I know. I’ve been playing around with a bunch of stuff in my head. I’ll come up with one because you’re right, I do need one.
Rick: Well, and that might add you know, some information to the header, right?
Fran: Yeah and maybe…
Rick: Because really, they don’t need the URL in the header because they’re already there.
Kim: Is this for sleeping or for all kinds of reasons?
Fran: Well yeah, I think right now, it’s going to be for sleeping and portable oxygen. But I envision it to continue to grow so I don’t want to limit myself by just saying sleep or oxygen.
Rick: Well, that is something you can always go in there and change, right?
Fran: Right. But that is my mainstay, you’re right.
Rick: And so the… and so some kind of a tagline, a catchphrase, a something was a good idea here.
Fran: Yeah. And tell me you know, I feel like I need one but I like to hear what you have to say about why you need one.
Kim: Because if I come here, I have absolutely no idea what this is unless I go hunt and search for what you’re selling here.
Fran: Okay. So if you just… if you stumble on it, it gives you a quick little one-liner on what you’re getting ready to see?
Rick: Well in that… I think that’s a really godo point. You know, I think we should think about on this catalog page something that tells…oh, I don’t know. Maybe not.
Kim: Category with sleeping… are you thinking about…
Rick: Well, I was just thinking of the catalog… of the homepage essentially as a landing page where you know, there’s… where what you have to do is develop a rationale for why somebody wants to do business with them. Why do business with Main Clinic Supply rather than you know… or whatever or cpap.com?
Fran: Yeah, right.
Rick: And so you’ve got that kind of a thing as a possible problem to design around and then you have… obviously, the ambiguity of Main Clinic Supply which… so that people will know you know, what exactly you do, what exactly you’re selling. Now obviously, if somebody searching for a CPAP machine and they go to your blog post about it then you know…
Fran: They already kind of know.
Rick: They have a decent idea of what’s going on.
Fran: And that’s just it you know, you got to keep in mind too, these aren’t just going to be casual browsers who say, “Oh you know what? I think I might want to have a CPAP machine.” It’s a long road through the doctor before they ever start thinking about a CPAP machine. Usually, these are people coming here already somewhat informed. But I still want to build what you said, I got to give them a reason to choose me over the over thousand competitors.
Rick: Yeah. I’m almost wondering if we shouldn’t do something like let’s see you know, the landing page thing we’ve been working on, Kim. Where is that? This.
Kim: Oh yeah.
Rick: You know, a landing page that invites people to enter the store, to look at the site and then to be comfortable doing business with Main Clinic Supply and…
Fran: So this is a layer before you hit the website, is that what I’m understanding here?
Rick: Well, I was thinking of this being the layer on… being the homepage for the store. So remember… I mean, when we were setting this up, we put the shop on the homepage, right? But we could just as easily go back, put that other page back in here and call it products, put the shop on there you know, call this home and then…
Fran: Lead with that landing page?
Rick: And have the landing page like thing there. Landing page could you know, easily have you know, a featured product or something like that.
Fran: I think that’s a real important thing is that you have to… before you sell anything, you’re going to have to make someone comfortable buying from you. And I think maybe that’s obviously overlooked sometimes.
Fran: Yeah. I think this is a good initiative right here.
Rick: Well, it is something that I overlooked when I was talking to you about this. I was really just thinking of, “Well okay, so we give him a decent logo.” No…
Kim: I like that logo.
Rick: I was saying, “Well so we…”
Fran: Rick, I knew it.
Rick: We spiff the side up. We add… we make it not look like a partially finished Thesis site so we add some design to it. We make a pleasing-looking product page you know, give it a pleasing layout. Fix some of the sort of the obvious things like Add to Cart buttons and stuff like that and let that be what we do for this because it’s an eCommerce site because you’re selling something here. And maybe it helps that Kim and I have been working on landing page design for the last couple of days anyway.
Fran: Yeah, I think Rick, it’s really important for me because these are… as you noticed, they’re big ticket items so it’s not like somebody goes on there and just says, “Well, it’s only $10-$15.” You know, people have got to get comfortable before they punch their credit card number in for $1500 or $2000.
Rick: So if we were going to do a landing page like this, would you use this for a video about your site or about your company? Would you use this as a conversation about your new… what did you say, the oxygen concentrator or something like that? How would you… what’s going to be the most bang for the buck on… if somebody comes to this page looking for you and your products…
Fran: Tell me what you think of this, Rick. If you go to YouTube, I try to do something like this because I was thinking about this a little bit and I try to do it with a video. So if you go to YouTube and then type in the Main Clinic Supply again, I try to do that here in the little 20 second video and tell me what you think of this.
Kim: Is that you that’s talking?
Rick: This one right here?
Fran: Yes. No, go down to the 4th one.
Rick: Right here?
“Welcome to Main Clinic Supply. We’re located here in Rochester, Minnesota, across the street from the world-famous Mayo Clinic. We welcome you here to Rochester, Minnesota and we also welcome you to our new website, mainclinicsupply.com.”
Kim: Great idea.
Rick: Yeah, that’s what this does. It says who they are, recommends that they visit the website.
Fran: It tells them we’re right across the street from the Mayo Clinic.
Rick: Right. And so… and if that’s what…
Fran: I mean I… this is what I tried to do. I’m not saying this is it because probably, I’ve learned some stuff since then. But just talking about that landing page and… so there’s several different ways that people can get to your site and to your products. So in some cases, I think it makes sense that if they’re just browsing around, maybe they’d run into this. If they hit my blog because there’s some Google search they did, SEO brings them to a specific product then I’d take them to the checkout of the specific product. That’s a different way that they interact with the site. But in some cases, I agree. If there’s 20 of us that have the same price or the same piece of equipment then they’re going to go for the person who they trust. So it’s a long-winded answer but I think I perhaps, could use this.
Kim: But I want to ask you because I don’t know if this is relevant but if you’re in the video and that video where it’s talking about you and talking about how close you are to the Mayo Clinic which I think, is a great thing because if they’re going there, they can just… minutes to where you are. But if you put yourself in the video, is it making more personal where people would trust you? I don’t know.
Fran: Well, that depends on what people think I look like, I guess. I have to leave my cigar and sunglasses off.
Kim: There you go.
Fran: But yeah, I don’t know. I’ve thought about stuff like that and sometimes, it seems you can pull that off but other times, it comes off looking kind of hokey and you know… and I think sometimes, people’s imagination will almost give you more credibility or the credibility they want to… yeah, you know what I mean?
Rick: Unfortunately, what you are dealing with is you know, the television commercials by small business owners from the 70’s where you had this slew of guys who were doing their own commercials. And so… well at least, people from my generation, anytime you see a small business person doing their own video like that, you remember Cal Worthington and his dog, Spot, you know?
Fran: Yeah, right because it was memorable.
Fran: Well, I don’t know. Now that… I mean, I guess I got to give this a little thought about this landing page because I’m almost trying to make my blog my landing page. I mean, my blog is… my thought process has always been… is that how like you were talking about earlier, interacting with the sleep apnea community, being you know, kind of responsible to the community and creating a dialogue with that community. And then as you get to know me and hopefully trust me then they’re off perhaps, buying from me. So this could be redundant, I’m not sure.
Kim: Can’t you change that video out depending on what you’re selling, what your thing is at the moment you know?
Fran: Yeah, and there’s always… that’s true.
Kim: That’s not something that would just stay static. You can change that page.
Rick: Well, it doesn’t have to be a video either, right? I mean, they could be a featured product.
Fran: Let’s keep in mind guys, I’m doing that on my blog though. So it doesn’t make sense to do both?
Rick: I think it probably does make sense to do both actually because you know, a blog-centric sales is not normal. Well, that’s not… and which is why it may be very successful. But if you have something that looks normal too, something that looks like…
Fran: People are used to, yeah.
Rick: Main front door, here’s our nice entryway. We don’t use entryway. We come in the side door and the neighbors come in the back door.
Fran: Some people come in the side door.
Rick: Come in the front door. And having a nice front door like that is something that people using an eCommerce site expect. And so I do think that having… even if it is redundant, that the redundancy maybe is… well, having some sort of a main landing page for the store is probably important.
Fran: Yeah, I like hearing that. You need a front door and some people come to the side or the back but some people like to come to the front door.
Kim: And could you have something on the bottom there instead of testimonials? You could have something like best sellers you know, like telling them this is what your best product, this is what sells the most, you have a photo of it and goes off to your other…
Fran: Or testimonials too, Kim.
Kim: You have testimonials?
Fran: I think I have a couple of reviews and stuff and I can come up with a few testimonials. But I always think those always add a lot of credibility, testimonials.
Kim: Absolutely. And do you have… have you ever been written up in any magazines or anything? Because that’s always nice too.
Fran: No, not yet. But I have been working hard to get my Google reviews and I’ve got one good one since I kind of started the site but I’m going to keep working on those.
Fran: You don’t have sleep apnea do you, Kim?
Kim: No, but I was thinking when I was looking at this. Rick, could I tell what I was thinking?
Rick: Oh yes, you should tell him what you were thinking. Absolutely.
Kim: So when I was looking at this because I do snore, I don’t think I snore but everyone in the house think I snore. And so when you come to the page, you have a little… this is only joking because I really don’t like audio but you have the… you know?
Fran: Yeah, right!
Kim: And then like the whole page would shake a little bit.
Fran: That isn’t bad. You’d be surprised that could really work well. Yeah, that little stop and then all of a sudden, it just kind of all jiggles again.
Rick: That’s this here then, isn’t it?
Fran: Well, I can just leave it as a jpeg right?
Rick: No, you know, the snore, the thing that kind of sucks in a little bit and then…
Fran: Good idea.
Rick: Gosh, I think we’ve got our next little Flash animation, Kim.
Fran: Yeah, I like that. Yeah.
Kim: So is this the only video you have of how this works, this SeQual Eclipse?
Fran: No, I have a couple. I mean, I have 2 or 3 others.
Rick: “Now, I’ll give you a quick demo of the SeQual Eclipse 3.”
Kim: Photos from your suppliers?
Fran: Yeah, I have a few product images too. Yeah.
Fran: And then like I want to take some more because a lot of them aren’t great. So with your advice there, I’m going to work on some of that too.
Kim: No, I would try that because I did a lot of shooting like that and it’s…
Fran: Okay and then you could help me crop them out so I can get rid of…
Kim: Sure, absolutely.
Fran: Is that stuff that I can do with less than expertise software like Photoshop or something?
Kim: Sure. Yeah, you can.
Fran: Good. Great.
Rick: Well, when you said that, did you mean that Photoshop was less than expertise software or did you mean that you want to use something other than Photoshop?
Fran: Yeah, I’m not smart enough to use Photoshop or something like that. I need something easier to use than Photoshop. I bought Photoshop and I went crazy.
Kim: So you still have Photoshop?
Fran: I actually think that I… what’s the next step up after Photoshop? Adobe Illustrator. I have the Illustrator.
Kim: Well, Illustrator is a vector. Illustrator’s a vector and Photoshop is your digital format where you do your photos but… and I’m not sure I could help a lot or I could figure out how to help you on other things like what is it, picnic? Rick, what are those other ones?
Rick: Well, I… you know, I use paint.net in other videos which is a Windows-based graphics manipulation program.
Kim: And that’s not too hard to learn, is it?
Fran: And that’ll get rid of those backgrounds and stuff, the noise around the product?
Kim: If it’s on a white.
Rick: That’s very difficult.
Kim: Yeah, if you’re shooting that on white, you can adjust your light you know? You can adjust your levels of light. But if you’re shooting it on something that’s you know, on something besides white, that’s really difficult to get rid of.
Fran: Okay so you’re better off just use the white background and then it just naturally goes away, right?
Rick: And then you can… you can easily bleed from the semi-white that you photograph to real white around the edges without it being you know, immediately obvious.
Fran: That’s what gives that little shadow effect around it?
Kim: You mean like a drop shadow?
Fran: Well, I know sometimes, it can look a little funny if it’s just hanging out there in the white.
And sometimes, it seems like they put just a little foggy shadow around the edges.
Kim: Yeah, sometimes they do that just for a little drop shadow or a little…
Fran: Yeah, a little drop shadow. It gives it a little depth.
Kim: And you can do that… I mean…
Rick: You probably won’t have a problem with that though in shooting. You probably will get a shadow under a product that you’re shooting on a whiteboard like that.
Kim: And all that does is just give your thing a base, right? It just makes it look like it’s not floating and that’s good. That feels like it’s sitting on something.
Fran: Okay, yeah. Good.
Kim: But I can look… I mean, you can look at some photos and see what you’re talking about.
Fran: Okay because that’s really important to me is to make it. I just think visuals are very important.
Kim: And larger.
Fran: And larger and that they need to go several different views, yeah.
Rick: Well, for people watching, the store is the Shopp plugin. And folks have heard me… seen me write about it on more than one occasion. But because of the… because it’s sort of complicated physical products and not simple electronic download products, we decided to use Shopp instead. And actually, we decided to use Shopp instead because you want to gather information at the sales point. Isn’t that right?
Fran: It’s to gather… you mean, like the prescription information and stuff?
Fran: Yeah, I think so. It’s been a while so I can’t remember exactly why we gravitated and it seemed it like it was pretty SEO related from what we could tell.
Rick: Oh yeah, no… Shopp’s a great plugin.
Fran: Yeah. So far, I think we’ve been happy with it. Yeah.
Rick: Okay. So is there anything else you want to say… actually, why don’t you talk about the footer?
Fran: Yeah, that was the next thing I was going to say. I kind of like the footer and the header to have a little more style, a little more color that would match. Rick and I worked on that a little bit over the weekend but I think they need to stand… I don’t care if the footer really jumps out too much but I’d like the menu at the top, in my column that right, is that a menu?
Rick: Yeah, it is a menu.
Fran: And then what you did Rick, was that category on that last site, I sure like… it sure made those pop out on the organic part. So I like to do a little something with that.
Kim: Yeah, I think categories should. I mean, that one with footer.
Fran: And utilize all the screen width as we possibly can to fit the different screens that out there especially here in Rochester. Everybody gets off the airplane to go to Mayo Clinic. Everybody’s on their iPhone or their Androids. So when it comes to optimizing for mobile, I don’t know how screen will place into that but it’s important for me that people can jump on it on their phone.
Kim: Oh and you know the other thing we should have… I mean, do you have that on here like a map like a you know, a link to a map to how to get… contact us, how to get here, stuff like that? Is that on your contact page?
Fran: No. When I have a contact page… we don’t have one yet. If you go to the main site, there’s a little stuff there but it’s got to get better.
Kim: Yeah, you need a contact… you definitely need a contact….
Kim: So Rick, doesn’t that just adjust to Androids and stuff on this?
Rick: No, it doesn’t. This… Thesis is a fixed width theme. So Android devices will scale a webpage and so just like the iPhone will scale a webpage so that it can fit there. But that’s something that those devices themselves do rather than something that the site does. You know, something I’m considering doing here with… since Thesis is taking its own sweet time to you know, upgrade, something I’m considering doing is a series on responsive design. And I guess I must have closed that browser window because I don’t see any responsive… I don’t see here it here anymore but I was going to show you another theme that I’m thinking about doing some courses on that… where the theme automatically resizes images and resizes its layout depending upon the size of the viewing device. And that concept is called responsive design but Thesis doesn’t do that.
Kim: Is that something you have to build in… you have to build that into your… was that CSS or what?
Rick: Yeah. You do build it into your CSS. Essentially, what happens is the CSS has this essentially a sliding scale for widths of things. And so if you know, if the device window is 400 pixels wide then stuff collapses in stacks. And if it’s 640 pixels wide then it collapses a little bit less and maybe there’s a sidebar but the main thing collapses down a little bit. I mean, it’s just got this gradually collapsing and expanding system of things like images and text beside images and sidebars when it gets to a real narrow, instead of falling up like this, what would happen is this image would pop up above the text and this sidebar would pop down below all that stuff. And you know, at this width, it might be that… well yeah, that might actually be it that the sidebar pops down first and then as it gets closer, these things slip up a little bit so they get a little bit smaller. And as you get closer still then everything rearranges itself. And that is a CSS… it’s clearly a… there’s a lot of CSS to deal with when you do that.
Rick: So this won’t be that way. But it will be looking at my site, it will be like looking at my site on one of those devices.
Fran: And I think as far as it scales right now, for now, that probably works well for me.
Rick: Yeah, I think that for devices like Android devices and Apple devices, I really do think that their system of handling the page is better than you know, using a responsive system because then the person who’s viewing the page is in total control. If they want to zoom down on something then they can just use their fingers and zoom in on it. But if they want to see the whole page, they can zoom out and they still have the flexibility of seeing the whole page. Whereas with responsive design won’t let them do that. It automatically adjusts for the viewing window. But anyway…
Fran: Anyway, so I think for now, if you two can just make sure that we’re maximizing my screen width for what you consider the majority of screens or however that’s done…
Rick: Yeah, we will.
Rick: Okay well…
Fran: The footer header styling the category images, I think that was kind of the hit list. I feel like it would sure help me a lot if I could get help with…
Rick: Well, I think it’s going to be another fun project this weekend.
Kim: I think it is too.
Kim: I just have one question about… I don’t know about this kind of thing but the store, do most people say like secure checkout or you know, like make… like tell people that your shop is really secure in some way, you know what I mean?
Fran: Yeah, I know that seems to be a big deal on all of the other sites so I’m assuming that people, that’s a big deal. So we’re using authorize.net and it seems like people throw that logo around a lot so I think that’s important.
Rick: Plus they do have a secure service certificate. And actually, there’s probably a GoDaddy logo…well, I was going to say you know, authentication stamp that can go on there too.
Kim: I’m just thinking like I know a lot of people of my age and older are always kind of freaked out about purchasing stuff because someone’s going to steal our information. And I don’t know if that’s who you sell to but that might be something to consider.
Fran: Yeah, I agree. We have to incorporate that in there.
Kim: I mean… Rick will have to… Rick, do you think or…
Rick: No, I do think that there should be something on there about it you know, if we’re spending several hundred dollars or more, you’d definitely want to know that you’re not being scammed. And also that the credit card information is being handled in a way that’s compliant with the rules and everything else. And so, I think the footer’s the perfect place for that. But I don’t think it should be above the footer but I do think that there’s probably a couple of banners that we’ll probably want to include in there. And so we should be thinking about that as we do that. The footer’s going to need to be more corporate than we’ve done so far.
Kim: Oh yeah, absolutely.
Fran: And Rick, too, I think as people get into the Add the Cart, they start getting the jitters. If you click on Add to Cart right now, could you click on that?
Kim: I did.
Fran: Okay so when you get in there, I think that that point is when people start…
Rick: That’s where it becomes important, right?
Fran: Yeah, they start wondering or not, should I really punch in my credit card? So at the point they start to type or they see that window that asks for the credit card number, that’s where I think we need a couple of little banners or banners or something that comes up that makes them feel good.
Rick: And there’s no reason why, in that case, you know, we can’t on the checkout page, there’s no reason why we can’t have a you know, a more prominent version of those sitting here in the sidebar.
Fran: Yeah because authorize.net and some of those logos, yeah.
Rick: Because once you’re at the checkout page, you really don’t need to see the products list.
Fran: Yeah then it’s really all about privacy, your credit card and… I agree.
Rick: You’re just getting through the process.
Kim: Okay sometimes, I get a little nervous if I’m spending a lot of money. It’s like, “Do I want to put my credit card in?”
Fran: Yeah, this is where you get nervous, right?
Kim: Sure. Absolutely.
Fran: And I think at this point, people… you could… there’s a people who are just about ready to buy who decide not to because whatever they don’t feel right at that point, you know?
Rick: Well, shopping cart abandonment is a significant issue that we have to address because shopping cart abandonment is… it’s very, very common.
Fran: Yeah. I think that’s… is that actually a term?
Rick: It is, yes. Shopping cart abandonment is actually a term and there are people out there who study it and make recommendations about it. So that does come down to something that you and I talked about once upon a time which was sort of getting the minimum amount of information that you need in order to make the sale and then let them follow up with additional information.
Fran: Yeah, I remember you telling me that. Yeah. I think that was good advice you gave me. Yeah, I agree.
Rick: Okay well, so we will come back to you next week and have something for you to look at. And we’ll just have more fun. You know, I don’t think I’m going to actually need to write any new plugins this week for this though fortunately.
Kim: I don’t know. Let’s see what I…
Fran: Well, sounds good. Well Kim, do you have my contact information? If you need anything out of me at all, just call or email me anytime.
Kim: Yeah, can I get that from you, Rick?
Rick: Yeah. And I’ll send you the document that he sent me so that you can see what it looks like.
Kim: Okay and then I’ll email you so we’ll be in contact.
Fran: Yeah and I keep a good eye on my emails so I’ll get right back to you, Kim.
Kim: Okay, thank you.
Rick: Okay well, have a good evening, Fran.
Fran: Yup, thank you very much.
Rick: You betcha. And that wraps us up here for Week 2 of the One Hour Website Makeover. I guess, I need to make it 1 ½ hour Website Makeover. But anyway…