0:01 In the next 10 minutes, I'm not going to
0:04 show you how to use Gemini 3 to create
0:06 website and app designs that look good.
0:07 I'm going to show you how to use it to
0:09 create designs that could win
0:11 international design award competitions.
0:13 And I'm not talking about letting Gemini
0:15 3 have all the fun either. I'm talking
0:16 about keeping you in the driver's seat
0:18 so you can create designs to your exact
0:20 specifications, even if you currently
0:22 don't speak design lingo. We're going to
0:24 look at everything from stunningly
0:26 professional designs to the most whacked
0:29 out, insane, creative edges I could push
0:31 Gemini 3 to. I ran a marketing agency
0:33 for 10 years serving software [music]
0:34 companies exclusively. And I know
0:37 firsthand how hard and how important it
0:39 is to get the design right. And I think
0:40 by the end of this video, you'll agree
0:42 that the only bottleneck is your
0:45 creativity. And I've got a prompt to
0:46 help you with that here as well. You can
0:48 use this for all kinds of things from
0:49 launching your own startup to your
0:51 different passion projects and hobbies
0:54 to even how you deliver research reports
0:56 for [music] your work with little micro
0:58 sites that have killer designs. And of
0:59 course, you can make some significant
1:01 revenue immediately by doing these
1:02 designs for other people. I'm going to
1:04 walk through some pricing ideas for that
1:06 as well. I spent many hours banging my
1:08 head against Gemini 3 coming up with
1:09 this process before everything just
1:11 clicked into place. So, let's get into
1:12 it. Here's the road map we're going to
1:14 follow today. I want to show you my
1:15 first designs and how my initial
1:18 research revealed a major trap that I
1:19 don't want you to fall into. Then a
1:21 quick iteration prompt that dramatically
1:23 improved my results. From there, I found
1:25 a website that was the biggest
1:27 breakthrough of this entire process. And
1:28 combining that with that previous prompt
1:30 is the game changer here. Next, I want
1:32 to share a little design lingo that you
1:34 can use in your prompts to steer Gemini
1:37 to build truly world-class designs. And
1:38 finally, once you have something you
1:40 love, I want to show you how you can
1:42 publish that into a real website or app.
1:44 I found that to create the best designs
1:46 using Gemini 3, you need to do this
1:48 inside of Google's AI studio. So, you
1:50 can just search that or it's just a studio.google.com.
1:52 studio.google.com.
1:53 When you log in, you're going to see
1:55 something like this. And what you might
1:57 be tempted to do is just say, hey, you
2:00 know, build me a nice professional
2:02 website design. And when you do that,
2:04 you'll get something that looks like
2:06 this. And it's not bad, but trust me, we
2:08 can get a lot better from here. For
2:09 that, I'm jumping into the cheat sheet.
2:11 I make a cheat sheet like this for every
2:13 single video I create. There are now
2:16 over 160 of these instantly available to
2:17 anybody who supports this channel on
2:20 Patreon. There is a link in the
2:22 description to that. This one is well
2:25 over 20 pages long with tons of stuff
2:28 here. And the one thing here, this
2:31 prompt really helped when I told the AI,
2:33 you are competing against other frontier
2:37 AI models. So I proposed this as a uh
2:40 competition. And this prompt is rather
2:42 long. So if you want access to that, you
2:43 can grab the cheat sheet or you can just
2:45 experiment with this first part.
2:47 Grabbing that and then just describing
2:50 what the design is for right here. Copy
2:52 and pasting that right here into Google
2:55 AI Studio. Clicking build. And you can
2:58 see immediately we've got a much better
3:01 looking design here. This wasn't bad.
3:04 But just for giggles, I threw this same
3:06 prompt into Claude and to see what it
3:09 came up with. and it was strikingly
3:11 similar. So this is the trap that I
3:13 don't want you to fall into thinking
3:15 you've got a great design and giving it
3:17 to a client or putting it out there into
3:19 the world to realize it looks just like
3:22 every other AI generated uh piece. So
3:24 the next step here is we want to iterate
3:28 on these the same way that uh when I
3:29 would work with designers I would say
3:31 hey don't create one design create three
3:33 different designs and let me mix and
3:35 match between those three. So, that's
3:36 the follow-up prompt we're going to use
3:38 here. Just saying, "Hey, this is a solid
3:40 design, but give me a couple more
3:42 versions that are all three as different
3:44 from one another as possible while still
3:45 adhering to the brief." Dropping
3:47 [snorts] that right in here. And now
3:48 it's created these three different
3:50 designs that are all very different from
3:52 one another. And we're really getting
3:55 somewhere here with these different
3:57 looks and feels, but still, through all
3:59 of my experimentation, I found that
4:02 these similar patterns show up over and
4:04 over again. So, I started to think to
4:06 myself, how do we get around this and
4:09 really get the AI to do what we want it
4:10 to? One idea is to tell it to design
4:12 something like Apple or something like
4:14 Nike to, you know, use these iconic
4:16 brands as reference. And that improved
4:18 the designs a little bit. But it wasn't
4:19 until I found this site. This is awar.com
4:25 that features tons of awardwinning
4:28 designs that things really started to
4:30 cook. You can search here for whatever
4:34 type of um thing that you are looking to
4:37 create and it will give you a bunch of
4:39 really stunning design ideas. And for
4:40 these when you find a design that you
4:42 like, you can then go and visit the site
4:45 itself and see some really cool
4:48 cuttingedge designs here. And I was
4:50 taking screen grabs of these and putting
4:53 these into the AI and that was working a
4:55 little bit better. But let me show you
4:57 what worked even better than that. I
4:59 found this killer website that I really
5:01 liked and I took a screen recording of
5:04 it with me scrolling over and showing
5:07 how things work here. I use a tool
5:09 called Zite for that. I'm not sponsored
5:11 by Zite or any of the tools that I talk
5:13 about. And once I had this screen
5:16 recording done of this design, I
5:18 downloaded that and I dropped it into a
5:21 new chat window inside Google AI Studio.
5:24 Google AI Studio is very good at
5:27 analyzing videos. So, I dropped that
5:29 short video in there of showing how the
5:31 thing works. Then I use this meta
5:33 prompt. This is a prompt designed to
5:35 create a prompt, if that makes any
5:37 sense. But basically what it does is it
5:40 asks Gemini to analyze that screen
5:42 capture video and create a highly
5:44 detailed prompt for recreating a very
5:48 similar website using an LLM like
5:50 Gemini. And after I dropped that in
5:53 here, it created this massive prompt.
5:54 Look at how long this prompt is
5:58 describing exactly in deep detail what
6:02 that awardwinning website looks and acts
6:04 like. I'm going to include that full
6:06 result in the cheat sheet as well. But
6:08 for now, let's just copy and paste this
6:11 back into the AI studio, this super long
6:13 prompt, and click build. Awesome. And
6:15 now look at what that has come up with.
6:18 That is totally sweet. We can check out
6:20 what it looks like on mobile. We can
6:23 rotate it. And if we zoom out, we can
6:25 see that it's got this uh right hand
6:28 side here with some really cool weird
6:30 stuff happening here. So, we're now a
6:33 very far cry from this basic original
6:35 design. But we can go way deeper into
6:37 controlling how these models operate
6:39 just by understanding some basic web
6:42 design vocabulary. And there's a lot to
6:44 this, but if you learn some of the basic
6:47 terms here when it comes to fonts and
6:49 when it comes to layout and especially
6:52 when it comes to color and even
6:55 animation, you can gain great control
6:58 over how these models operate. Remember,
7:00 you can take a screen grab of one
7:01 specific element, feed that right back
7:04 into Gemini and say, "Hey, modify this
7:06 based on XYZ." And if you know some of
7:08 these terminologies like micro
7:10 interaction, you can bring that next
7:12 level of professionalism to your
7:14 website. One term that I've used quite a
7:17 lot is this WebGL for these different
7:20 web backgrounds and interactions. By
7:22 understanding just that one term, WebGL,
7:24 I could really command it to build these
7:26 really interesting things going on
7:28 behind the scenes. You can see when I
7:31 scroll, those stars move. You can see
7:32 there's all these different interactions
7:36 that happen as I scroll over this
7:38 landing page and, you know, start to
7:40 build out designs that are much more
7:42 professional than, you know, just one
7:44 single prompt will get you. By peppering
7:46 your prompts with some of this
7:48 professional design vocabulary, you can
7:50 really bring your designs to the next
7:52 level. I've got an entire glossery in
7:55 this cheat sheet that goes on for many
7:57 pages with all of these different terms
8:00 that might be helpful for really pushing
8:02 these designs to the next level. After a
8:03 little back and forth using those
8:05 methods, I was able to create this
8:07 design that I am super happy with. A
8:11 gallery type site for a potential, you
8:14 know, web design agency showing off some
8:16 of the work here. But that only ignited
8:18 my curiosity further to see how far I
8:20 could push Gemini. And that's how I came
8:22 up with this maximum creativity
8:24 competition prompt. Telling Gemini that
8:26 you're now competing against other
8:27 frontier models to create the most
8:29 impressive artistic website. You'll be
8:31 judged on creativity and artistic
8:33 expression. This is about creating
8:35 something very strange and very
8:38 beautiful that makes people stop and
8:39 feel something. That's the core of this
8:41 prompt. But then it goes on to explain
8:44 the details of this imaginary film
8:46 festival that the website is for. And
8:48 wow, look at what it came up with. This
8:52 thing is really creative. Super weird.
8:54 Pretty punk rock here. And again, I
8:56 prompted it to give me three different
8:58 versions. I think this one is one of my
9:01 favorites with that really weird lime
9:03 yellow and all of these different things
9:05 here. Here's a version that turned out
9:07 really cool. So, that's a film festival.
9:09 You can see it's counting down. And you
9:12 can see I used that WebGL and some of
9:15 those enhancements for some of the uh
9:18 background animations that are going on.
9:20 They're very subtle, but very cool there
9:22 and very filmographic because this is a
9:25 film festival after all. So, this was
9:27 really cool. This one might be my
9:29 favorite, though. This is super punk
9:32 rock. Look at how weird this one is. We
9:35 go through this. I love the colors. It's
9:37 really in your face and it has this
9:39 surprise element. The location is
9:42 redacted until you scroll over it. So,
9:44 it's not only giving us a design idea,
9:46 it's given us actually marketing ideas
9:48 inside of these designs. Now, the next
9:50 step is to get your wild creations out
9:52 into the world. And the quickest and
9:54 easiest way to do that is with this
9:57 deploy app button here at the top of uh
9:59 AI Studio. But if you want to take a
10:01 more professional route and you want to
10:04 build out an app, you can download this
10:07 to GitHub and then deploy it into a a
10:09 real hosting service. I've got a ton
10:11 more in this cheat sheet, but really
10:14 that glossery of terms is something that
10:15 I'm going to be coming back to over and
10:18 over again as I seek to get better and
10:22 better control of my AI design. So, if
10:23 that's something that's interesting to
10:25 you, go ahead and check that out in the
10:28 description. And I also have different
10:31 levels of group coaching in there. If
10:32 you want to go deeper and get on some
10:35 calls with me, check those out. But now
10:36 that you've got a really professional
10:38 design on your hands, you probably want
10:39 to deploy it in a really professional
10:41 way. And that's what this video is all
10:43 about. It walks through that and how to
10:45 create basically any kind of software. I
