Lesson Info
12. Create a Coming Soon Page
Lessons
Welcome to the Course
01:30 2Meet Your Instructor
01:10 3Collect Design Inspiration
02:01 4Shopify Theme Store Tour
04:55 5The 3 Step Framework to Design Your Store
08:34 6The 4 Pillars of ECommerce Design
10:28 7Top Stores and Why They Work
04:59 8Why Branding Matters
03:14How To Create Your Brand Architecture
06:00 103 Elements of a Brand Defining Mood Board
04:48 114 Pillars of a Strong Brand Identity
09:05 12Create a Coming Soon Page
10:08 13How To Pick the Right Theme For Your Shopify Store
03:53 14How To Design Your Homepage
03:47 15How To Design Your Product Page
06:08 16How To Design Your Checkout
02:03 17Build Your Shopify Store
26:01 18Launch Your Shopify Store
01:37 19Tools To Customize Your Shopify Store
01:57Lesson Info
Create a Coming Soon Page
you're going to learn how to create a well designed Shopify store in this course though. Right now, I want you to put your branding skills into practice by creating your coming Soon page A coming Soon page is a marketing tactic that will allow you to collect email addresses, engage with your customers before you launch with your store. When you do launch, you'll have an email list ready to go with a list of interested customers. But before I create a coming Soon page, I'll first show you how to create a logo and how to buy a domain. So let's get right into it in front of me. It Shopify eyes, logo generator 1st. Let's click, get started. So in my example, I'm creating phone accessories, fashion accessories. So out of all of the options here, I'm gonna go ahead and stick with fashion when I'm happy, I'll go ahead and click next From here, we can choose our visual style. Now, in my example, I'm going to go back into one of my brand pillars and just the characteristics of my brand and stic...
k with natural, so I have natural clicked and then I'm gonna go ahead and click next. Mhm From here already have this pre filled and this is my business name, the neutral ist. I'm gonna leave my slogan out of the picture for the time being, but you can totally add it if you want to. So now I have my business name. Good to go. I'll go ahead and click next. So we have a few options of where my logo will be placed, whether it'll be on my online stores, social media, print material and more options. But in this case I'm only sticking with my online store from my logo from here, I'll click next awesome. As you can see. I have tons of amazing logos generated right in front of me instantly, which is incredible. So from scrolling down, I'm gonna go ahead and see I have this logo in particular right here. The reason why I like it is it's simple, it's easy to read. It's going to be effective since I'm dealing with a long horizontal navigation bar. So I'm gonna go ahead and click this logo for the neutral list. Once I've gone ahead and clicked it, I'll see that I have options to change my fonts as well as color. Right now. I'm actually a big fan of the default fund that's given me. So I'm gonna go ahead and change the color around. So I'll click colors. There's so many options. But here we have a select dropdown to help simplify my selection. I'm gonna go ahead and stick with natural because that's my brand pillar, That's what's a key identify or from my brands. So once I click natural, I'll scroll down and right off the bat, I see the exact logo I'm looking for. It fits my color palette. It works really, really nice. And one thing I kind of want to identify with this logo is what if my logo doesn't contrast while on a black background. This is something that we're going to have to take into consideration with colors and that's contrast. But immediately I've noticed right to the top left corner, I see an almost identical logo with the neutral ist, my text with white text and that's gonna work perfect for a black background. So right off the bat, I've been able to nail my logo that I'll be using for my future coming soon. Page an e commerce store. So now they have nailed down my logo, It's all about the domain. Let's go ahead and see what domain options I have available for me. So in front of me I have my Shopify dashboard to choose my domain to find the domain. We can either search it at the top of this search bar or in my case I'll click online store and then click domains. When you are looking to purchase a domain, you'll have to have one of the plants selected and Shopify. So if you don't, you will most likely be notified to select a plan before you choose your domain. In my case, I already have a plan selected and we're good to go. So I'm gonna click buy new domain. Mhm. In this case, I want to first start off with keeping as simple as possible. So I'm going to search for the neutral ist. Mhm. There's a good chance it could be not available. But luckily in my case, it actually is just a reminder. If your domain isn't available. You can try things like shop or even the word tribe before your actual name that you're gonna be choosing for your dot com. So now that's available, I'm gonna go ahead and click buy. So the next step is to enter your billing information and you should be good to go from there. So now they have moved forward with my building information definitely keep something in mind. When you do move forward with purchasing a domain with Shopify, you're most likely going to get additional information sent to your email. So please make sure to check your email after you've made your purchase. To configure the remaining steps. Mhm. You'll have two options when creating a password protected page or coming soon. Page option one is to set up your Shopify, password protected page from your admin, the password pages. A landing page that adds a password protection to your online store. You can create a password and only give it to your customers that you want to be able to visit your store, maybe friends or family that you could use for feedback. Now the second option is a bit more advanced and it's to use an app that we've built that soviet creative, my company built an app called Coming Soon and it's the easy way to set up your coming soon page. And luckily we received really good feedback from the community. The Coming Soon app works with any Shopify theme. You have installed, Anyone who isn't logged into your store will be redirected to your coming soon page while you or anyone else who is logged in can access your site as normal and not be redirected to coming soon. This makes it easy for you to edit your site while other people are engaging with your coming soon page. Cool. So let me give you an example of what the password protected page will look like right off the bat here. You can see that you have this very clean, very simple password protected page. But if you wanted to take the opportunity to customize it a bit more to be on brand and engage with your customers with more personalized messaging, you can use something like coming soon to be able to communicate effective messaging and add additional widgets like this countdown timing bar as well as enter your email and so much more from there. So let's go ahead and create your coming soon page. So now that we've had a chance to look at the default password protected page, we can jump back to the homepage dashboard within Shopify from there. I'm going to show you how to customize coming soon. So they do. So you're gonna want to go ahead and click apps now. Please keep in mind I've already downloaded this app from the app store. But if you ever need to download any future apps, you can easily do so by clicking visit Shopify app store. Perfect. So we'll go ahead and jump into coming soon. We can see that the app is now activated, meaning any people who are not logged in will get redirected to the coming soon page here. What we can scroll down. We can go ahead and see that we have our default coming soon. Page up and running. But now we want to go ahead and start updating our brand assets to start making it on brand with our current brand guideline. So first thing I'm gonna go ahead and do is just go ahead and click general and we're gonna go ahead and update our logo. Mhm. So I'll click upload. Mhm Perfect. I'm gonna be uploading the one with the white text that says the neutral ist just because we're going to be using a dark overlay background. Perfect. From there. We're gonna go ahead and update our background image. Okay, great. And so let's take a look at where we are so far. I'll scroll down to the save button or you can click command safe to preview your updates so far. Perfect. So we're almost there as you can see, I talk a little bit about contrast for colours, as you can see right here, the word coming soon and the content below, it doesn't contrast very well with the background image. So what I'm going to go ahead and do is going to the typography portion and we're just gonna go ahead and update our font colors. We'll do the same with our link colors. Just leave them all as white just for the sake of simplicity. Great. So we'll just go ahead and save that. Do a quick preview and here we can see we already have a coming Soon page. More or less. Good to go now for this example. I'm going to keep with the bare bones for this. Coming soon page but right off the bat what we can see is we've included our logo, we've adjusted the colours to make sure that the contrast contrast well with the background and we have all of the information we're looking to portray to communicate to our clients. Now, typically I would go ahead and configure the typography for this. But luckily the default typography that comes with Coming Soon is a font family called Railway, which is exactly on brand with the fonts I'm using to design my store. We have a coming Soon page up in action. It looks great and on brand and we've gone ahead and activated it, meaning anyone who's not logged into your store will get redirected to this coming soon page and there you have it. This is the exact type of Coming Soon page I create for my clients and you can go ahead and create for yourself. Now, you can start promoting your Coming Soon page on social media, leveraging an email newsletter or an event. Just to go ahead, encourage people to sign up to learn more. Now join me in the next module. Will you learn how to build your Shopify store?