"Okay, well, here we are on the MOBLE.com website. And you can see there's two buttons in the top right. There's the Built By You button and we've got the Built For You button. But the Built For You button is where you can skip the 5 Day Challenge altogether and have my team do it for you in just one day.

Now, maybe you don't have the time or resources and often people just love the MOBLE software and the fact that you can have Layouts styled with your brand, that you can just drag-and-drop and manage your business and you just want it done for two and a half thousand. Well, that's fine. This is the form that you complete. Now, I will say that MOBLE normally build websites from 5,000, often go beyond 50,000 for custom websites. So this is a pretty good offer. If you fill this format, join the 5 Day Challenge, then you'll lock in the price point of $2,500.

Just fill out the form, put in your $9 so we can spin up your site, and that's for your hosting and maintenance. And then our team will be in touch to book in your site in a day. Now if you've got any questions, you can also fill out the form without the $9, and again, our team will be in touch with you to answer those questions.

Now, if you are feeling more adventurous, which I suspect is why you are here, you want to click the Built By You button. And here you can see, you can click the button and get started and we move on to go and pick your initial Theme."

Key Takeaways:

• On MOBLE.com, you have two options: "Built By You" and "Built For You."
• "Built For You" lets our team create your site in one day for $2,500.
• You can bypass the 5 Day Challenge with the "Built For You" option.
• If you choose "Built By You," you'll begin by selecting your initial Theme.
• MOBLE's standard website builds range from $5,000 to $50,000.

"Okay, so step one, this is where we pick your Theme. Now, at the time of this video, there are 70 Themes. We're always adding more. And when we add more into the future, we'll let you know if you subscribe to our YouTube channel. There, each video will be quick tips on how you can apply the Layouts of that Theme to your current website. So you can drag new Layouts in. They'll pick up the styles of your website, and so you'll never have to do things like redesigning again. You can always keep your website up-to-date with the latest design styles. You're going to hit a bot update and a bot will then go and turn those Layouts into your brand, which is pretty cool stuff.

Now, after you sign up, you've still got access to all of these Themes in the Editor. And again, you could pick any of these Themes after you sign up, see all the Layouts from those Themes, drop them onto page and it'll turn to your styles too. So the key point about that is you don't have to procrastinate too much right here. It doesn't matter which one you pick.

In this onboarding, I'm going to start with one Theme and I'll flip to another just so you can see how that works. So here's a sneak peek of the Editor where you can see 5,000 Layouts that are included all for your $9 a month. Can't really say fairer than that.

Well, to get to those Themes, you just click the Layouts button and then you can search by Theme. Here, I'll select Senya and I'll select Dekker as well. And if I drop this one onto the page, the AI Website Bots will convert it into your colors and fonts. Then you can go on to customize everything, which is what you'll be doing shortly in day one, day two, and day three. Okay, so now I'll drop Dekker and you can see it's green. I'll drop it, and bang. Now it's in my site's colors and it really is that easy.

Okay, so since this is episode one, it is a bit more verbose than the other episodes, which will whip you through a lot quicker. So what I'll do just now is just take four minutes or so just to explain some of the Themes so that you can pick yours a little bit better.

We're going to start with Nanshe, okay? And that's quite a minimal Theme, but I'm going to be to turning it into this Theme called Alio. Now, I designed Alio for the purpose of the 5 Day Challenge, really to show off effects and animations, which in day three, you are going to learn how to click a few buttons and apply awesome effects and animations to your website with no code, no design required, no agency required, no developer required, anyone could do effects and animations. So I'll show you the header of Alio.

Now the header of every Theme comes with lots of features out the box. So you can animate your logos on scroll, you can do dropdowns, custom Mega Menus, Menu Sections, Action Sections, online shops, and much more. We're going to be doing that today in the header's episode where you're going to pick your header. And then the first episode of day two, we're going to do your whole site map navigation. Okay?

Let's have a look at this Theme here called Gilyan. This is a newer one. It's quite modern. Could be used for things like events. In one of the YouTube episodes that's coming up, I'm going to show you how I use Gilyan to turn it into a new redesign for Dirty Feet. So it's the same website, same content. We're just dragging this Theme, and there the client has a new website. So again, subscribe to the YouTube channel to get that one.

Look here we've got Inko. It's very minimal, could be used for art and agencies. And then we've got Soola. This one is similar to sort of Netflix or Amazon in its kind of carousel, but you don't just have to put videos in your carousel. In MOBLE, you can mix videos, images, shop products and events. So here you can see a product. This product fittingly has a background video in the product page. You're going to learn how to do that too. Or I could use it to show events in the real too, and events pages could do an RSVP or they could even sell tickets right in the page.

Also got Maya, which is minimal, but with distinct borders that separate the content. Makes for a cool sidebar for category pages or projects. We had a client recently use it to show like 60 project pages and filter those, which is pretty cool stuff.

And of course you can mix Themes together. So this thing called Enki, which I actually combined with I think called Eridu to launch an online shop during COVID. Now, that website went on to make $25,000 on its opening weekend, which is pretty cool stuff. It's on Channel 9 News, and you're going to learn the strategy I use to grow that website and get those sales on day five, and it could be fitting now to take a look at that news clip.

Hey guys, Ben from Taps 'N Tins here. As you can see, the beer is still in the warehouse, still cold, still fresh. Order today to save the beer and support your local breweries.

The closure of watering holes have forced some publicans to seek out creative alternatives with a new campaign called Taps 'N Tins being launched this weekend. The aim is to save jobs, businesses, and tens of thousands of liters of beer from going down the drain.

What we wanted to do is allow people to pick and mix everything that's on offer in the warehouse and have it freshly poured in the morning and arrive to their door in the afternoon.

Okay, so there you go from idea to $25,000 in just 10 days' time, all possible with a speed of execution like this. So with that said, let's go and get your website set up.

Now I suggest spending about five to 10 minutes max. Don't procrastinate too much for this because as you know by now, we're going to customize everything later. So want you to go and click the button at the top and let's decide if we want to add an online shop."

Key Takeaways:

• Choose your website Theme from the available options.
• Over 70 Themes are accessible, with more continuously added.
• Subscribe to our YouTube channel for Theme updates and quick tips.
• Drop Layouts and our AI will transform them into your brand.
• Don't spend too long on Theme selection; customisation comes later.

"Okay, well let's pick up the pace. Let's decide if you want an online shop. If you don't want to shop, click Brochure knowing that you can add one at any time with just one click. And if you do want to shop, click Shop. And let's move on to step three."

Key Takeaways:

• Decide if you want to include an online shop on your website.
• If not, select "Brochure" with the option to add a shop later.
• If you want an online shop, choose "Shop" to continue to the next step.

"So this is where you can give your Theme a header here. There's a small sample of four headers. There are a hundred headers after you sign up. This sample has a logo in the centre or a logo on the left. I actually prefer my logo on the left. You can also choose if you want your header transparent, which is striking if you've got a background video in your main banner or a nice background image. Sometimes you want the header transparent. But for the purpose of this demo, I'm going to make mine full colour and I'm going to click Next and move on to step four."

Key Takeaways:

1. There are a variety of header options available, with a larger selection after signing up.
2. Choose the placement of your logo, either in the center or on the left.
3. Consider making your header transparent for a visually striking effect, especially with background videos or images.
4. The demo will continue with a full-color header selection.
5. Moving on to step four in the process.

"Okay. So this is the bit where you're going to drop your logo onto the page, and our AI Website Bots are going to extract the colours from your logo and then style a Theme using just three colours. After you sign up and in episode three, which starts in about 20 minutes' time (episode two is only five minutes), we'll add all of your colours. Our AI Website Bots will sync those colours throughout the website, giving you a great-looking site in just 15 minutes.

Don't worry if you don't have a logo; you can click 'Skip' for now. In episode three, I'll show you cool ways to pick colours and create a fantastic colour palette.

Now, I'll pick my logo, selecting one with a transparent background. If your logo is in your header, you don't want a background colour. But don't worry, if you do have a logo with a background colour, the AI Website Bots will extract that colour and add it to your palette.

Once the AI Website Bots upload the logo (which takes about 30 seconds), they'll generate a colour palette. They've done a pretty good job here, picking out the pink and the sky blue, offering two variants each - a washed-out pink and a washed-out sky blue. However, neither of these is my main colour. To choose the main colour, think of it as the darker background colour. For example, if it was IKEA, that would be blue, and the accent would be yellow. I'll choose my main colour using the hex code. You can easily swap this later.

Now, I'll select my accent colour. We're building a theme with just three colours for demonstration purposes. If it were IKEA, the accent colour would be yellow. I'll choose my accent colour and move on to pick my neutral colour, which is an off-white. For a light website, the neutral will be your background colour, but I have a dark website. I'll grab the hex code from my brand guidelines and paste it in. I'll choose the header background, and since my header is dark, I'll select the main swatch to update all the colours to work on that dark background.

In episode three, we'll use our bot to update the remaining colours by hitting the 'Sync' button. It will give us two versions, light and dark, for the entire website. You can imagine how long this would take without our AI Website Bots. We can tweak each swatch individually. For instance, I'll update the call-to-action button and the text colour to make them work together. We can also change colours on scroll, as you can see here, offering a sneak peek of what we'll do in episode three. Let's move on now and choose your fonts."

Key Takeaways:

1. Drop your logo onto the page, and AI Website Bots will extract colours to style the theme.
2. Main, accent, and neutral colours are selected in this step.
3. AI Website Bots sync colours throughout the website for a consistent look.
4. You can tweak individual swatches to further customize the design.
5. In episode three, we'll delve deeper into colour customisation and font selection.

"This is where we choose your first heading font. Heading fonts are similar to what you'd use in Microsoft Word or Google Docs and are essential for SEO. My recommendation is to opt for a more conservative header font for now. In a moment, we'll select a display font, which is more eye-catching. In this onboarding, you'll have just two fonts to work with, but after you sign up and in episode four (right after the Colors episode), we'll customize all your fonts. Our AI Website Bots will assist with everything, including line height and letter spacing, ensuring a consistent look across your site. This user-friendly approach makes it accessible even if you're not a designer.

Here's a sneak peek of what our AI Website Bots do—adjusting line height and letter spacing and applying it to all your fonts. This ensures they work seamlessly together, which is especially helpful when considering font pairings, something we'll cover in episode four.

Now, while we're here, I want to show you the Page Editor. All the fonts we design (which we'll do in episode four today) are locked down, just like the Colors. This is advantageous because a website often has various content editors, including those from different companies like marketing or content agencies. You don't want them messing up your brand guidelines by adding inappropriate colors or fonts. MOBLE's platform allows you to lock down the styles area and even permissions so that editors can only use what we design, ensuring your brand consistency.

I'll select 'Roboto Condensed' for now, knowing that I can update it properly in episode four, which is coming up soon. You can also look forward to another episode where I'll use AI to design a tourist events website. It will generate various images and showcase a font pairing with 'Philosopher' for the display font and 'Jost' for the heading font, a delightful combination you'll see more of in episode four.

Feel free to select any of these fonts; we've chosen a streamlined variety to keep you focused during this onboarding stage. I'll choose 'Roboto Condensed' and move on to the next step, which will give us a preview of how the website is coming together. You can see the heading font on the right, and we'll proceed to choose our display font. Let's hit 'Next' and make our display font selection.

For now, I'll choose 'Space Mono' to provide a quick preview. After hitting 'Preview,' you'll notice the updated display font, and you can see how it impacts the entire theme we're about to create. 'Anton' looks pretty good, but keep in mind it's not the final choice for episode four. Let's move forward."

Key Takeaways:

1. Choose a conservative header font for now; a display font will be selected later.
2. In episode four, customize all fonts with the help of AI Website Bots.
3. AI Website Bots ensure font consistency across your site, saving time and effort.
4. Fonts and colours are locked down to maintain brand guidelines.
5. Upcoming episodes will explore font pairings and more font options for customization.

"Every theme requires some demo images to get started. Here, you can see images from Nanshe, but you can switch to any other collection like Eaton, Seker, Aswad, or Charly. I'm going to choose Charly because its black and white images offer excellent contrast. In episode seven, I'll upload my own images, which feature more colours. Our AI Website Bots will then compress and optimize them for site speed and Google, simplifying the process and saving you valuable time.

Furthermore, in episode eight, I'll demonstrate how AI can generate images for you. Even if you don't have images or don't want to worry about buying or licensing them, I'll share some helpful tips on using AI to create images that align with your brand, provided you follow my instructions correctly in episode eight."

Key Takeaways:

1. Choose demo images for your theme; I'm selecting Charly for its black and white contrast.
2. In episode seven, I'll upload my own images, and AI Website Bots will optimize them for speed and Google.
3. In episode eight, I'll show you how to use AI to generate images for your website, even if you have none.

"Now that we have our initial styles in place, let's head back to the Themes section and explore the possibilities. I mentioned that all the themes are styled with the three colours, demo images, and fonts we've chosen in this session. Let's take a look at how we appear with the Maya theme – it's looking very cool. Next up, Senya, which would be fantastic with more colours, as we'll explore in episode three. Aswad is characterized by a dominant sticky form, and Dekker, which we discussed earlier, could work well as a corporate theme with different corporate colours than the ones I've used.

Take some time to explore other themes now, considering the colours you've selected. This will provide inspiration as we move forward and dive deeper into your website's design and customisation."

Key Takeaways:

1. Explore different themes to see how they align with the colours you've chosen.
2. This exploration will help you gain design inspiration for customizing your website further.

"So, if you haven't completed the seven steps already, it's time to go through them, which should only take around five to 10 minutes. Avoid procrastination because all the Layouts and Themes are waiting for you after signing up. Plus, as we keep adding more in the future, they will be instantly integrated into your Editor for your use.

The main takeaway from this episode is that you've had the opportunity to experiment with some of the tools and get a glimpse of what lies ahead. You now have a Theme ready with some brand elements, poised to be deployed onto the server.

The $9 we ask for covers hosting, maintenance, the entire 5 Day Challenge, ongoing Web School training, and access to all MOBLE platform tools, including advanced e-commerce options with no transaction fees. It's excellent value for money, especially considering the cost-effective pricing structure.

In the next episode, we'll swiftly guide you through logging in and setting up your account, including configuring your team's accounts. This preparation is essential as, on day four, you'll be inviting your team to contribute content and utilize the business design Layouts we'll create in the first three days. Even if you don't have copy on day four, don't worry; our AI Website Bots can generate copy for you. That wraps up episode one, and I'm looking forward to continuing the 5 Day Challenge with you in episode two."

Key Takeaways:

1. Complete the seven steps promptly, as all Layouts and Themes will be available post-signup.
2. The $9 monthly fee includes hosting, maintenance, the 5 Day Challenge, Web School training, and full access to MOBLE's platform tools.
3. Episode two covers logging in, setting up accounts for your team, and preparing for content creation on day four.
4. Even if you lack copy on day four, the AI Website Bots can assist in generating content.
5. The episode highlighted the ease of getting started and previewed what to expect in the coming days of the challenge.