In this video, learn what the Topsy Turvy Cake Design website will look like before you begin to build it.
- [Instructor] Before we get started building our Topsy Turvy Cake Design website, it's always helpful to know where it is exactly that we're going with this website. So you can have a vision of what it is that we're going to build as you work through the videos here in this chapter. So I want to go ahead and give you a tour of this website right now. So you will not be able to follow along with me in your version of Squarespace yet. So right here in the upper right hand corner for our webpage, if you click that little arrow, this is going to open up our screen and show us what this is going to look like on a desktop device and all of the links and everything will work. You see, we have a logo here for the website, we have a lovely banner image here with some text on it, we have a little bit of information about Audrey Topsy, the owner of the cake company. Down here we have a large image carousel, it's flipping through some nice big pictures and it's got arrows, so we can look through those pictures at our own pace. Down at the bottom here, we have some social media links as well as an link to an email. We have our address for our website and our disclaimer down at the bottom of the page. I've implemented a portfolio and this portfolio, of course, is very important to show the kinds of cakes that Audrey Topsy has made. And so those are classified as birthday cakes, special occasion cakes, or wedding cakes. If you take a look at our birthday cake, so you'll see we've got a whole bunch of cakes here on this page, aren't they great? And then we can go to our special occasion cakes. Very similar looking kind of page. We can look at our wedding cakes, that's what they look like. I also have a page of Ordering Information, more or less frequently asked questions. A lot of people have questions about ordering cakes. That's got a feature of a button here that takes us to our Contact page in addition to a lot of text and a picture of a nice couple here. And then on our Contact page, we have a great banner here at the top, we have an image and a fully working contact form. So this is programmed to, when somebody fills out the form, it will email whatever somebody types into this form to whatever email address that you specify, and you do that without any programming at all, it's very straightforward to set this up. I'm going to hit this little down arrow here at the top of the screen. And I'm going to switch you over to the mobile preview as well because some of you may be curious about whether this is responsive and mobile compatible, yes, it is. We have a full mobile version of the website. Here's the Contact page and we have our hamburger button here, we can click that to get to our navigation so we can go back to pages. Here's the Ordering Information. All the information is still here, it's just in a different order. I'll just show you the top level of our portfolio, just so you can see that it's there. There's the birthday cake, special occasion, wedding cakes, and then of course our Homepage and this is what this would look like on a phone. So there's the text again, there's a picture. Here's our image carousel on mobile devices. And then our footer down here on the bottom. And to get out of that, all you have to do is click on the phone and that'll show you the larger version of the website again. So that's a lot of really basic kind of features inside of Squarespace. There's probably a lot of things in here that you would like to learn how to do, so let's get started building this website.