Hero section - Part 1: Getting started with Bubble (Lesson 1.6)

  Рет қаралды 11,174

Bubble

Bubble

3 ай бұрын

Section 1 (Lesson 6/10): In this lesson, we’re building the hero section of our Workplace app. The hero section, positioned at the very top of your landing page, is crucial for making a strong first impression as it's the first element users see when visiting your site. A well-designed hero section can significantly influence user engagement and the perception of your app.
In this lesson you'll learn:
• The significance of the hero section and its impact on your overall site design.
• Step-by-step guidance on constructing your hero section with Bubble, ensuring it aligns with your app's aesthetic and goals.
• Tips on addressing common design challenges and optimizing the hero section for maximum user engagement.
Resources folder:
➡ e6387a14ba6d0bf3e823090f8d959...
Bubble editor:
➡ bubble.io/page?type=page&name...
* * * * *
Subscribe to this channel to be the first to hear about new videos!
Bubble is a software development platform that enables anyone to build and launch web applications without writing code. Rather than specializing in one or two aspects of web development (like designing landing pages or building databases), Bubble’s full-stack visual programming interface does it all. That means anyone from first-time entrepreneurs to enterprise-level companies can take an idea from concept to fully functional, scalable reality - faster and cheaper than you could with just code.
Have a question? Please visit bubble.io/support.
Learn more about Bubble:
Homepage ➡ bble.io/lqE19m
Twitter ➡ / bubble
Blog ➡ bubble.io/blog

Пікірлер: 20
@yoemil2375
@yoemil2375 3 ай бұрын
i like that you make it comfortable to follow all the steps. many other guides went really fast and it was therefore difficult to follow as a newbie. WELL DONE 😃😃👌👌
@good_vibes_20
@good_vibes_20 2 ай бұрын
You have a very pleasant voice and demeanor. Appreciate the videos! I watch a lot of tech videos and you guys are doing great!
@gregory-john
@gregory-john 2 ай бұрын
Thank you for the feedback 😀
@yvonnethompson5639
@yvonnethompson5639 3 ай бұрын
Thank you for doing God's work!
@victoronwukwe6450
@victoronwukwe6450 2 ай бұрын
Thank you Mr. John and Bbble for this Lessons
@obadiahcheruiyot7804
@obadiahcheruiyot7804 2 ай бұрын
This is really great, Thanks a lot Mr. John
@CYQ776
@CYQ776 Сағат бұрын
Am I able to automate the creation of an element based off of inputs on another page, using Bubble?
@huydoan6382
@huydoan6382 3 ай бұрын
Thank you very much!
@CarcalV
@CarcalV 3 ай бұрын
Great content!
@gregory-john
@gregory-john 3 ай бұрын
Thanks 😀
@kuldeepjaswal4655
@kuldeepjaswal4655 3 ай бұрын
very helpful, Thank you! please create Theme mode for this layout also Light to Dark..many thanks
@Uncool-vn5vz
@Uncool-vn5vz 25 күн бұрын
Why is my Group Selection and the subsequent texts that are written all have a transparency of 10% as opposed to only the Group Selection at 10% & the texts at 100%? I am unable to solve for this, any suggestions?
@viviannereynoso3591
@viviannereynoso3591 12 күн бұрын
Thank you so much, I had a quick q, are we able to place icons into shapes? If so - how?
@RandomGuy4964
@RandomGuy4964 25 күн бұрын
is there a list of all the bootstrap design framework pixel numbers?
@sebidg
@sebidg 3 ай бұрын
amazing video!! can anyone expand on why the buttons should be links instead of buttons? I get that Greg said it helps with google search, but can anyone expand on that a bit more or point me in the right direction?
@gregory-john
@gregory-john 3 ай бұрын
Sure. There are two parts to this. The first is internal linking (of public facing pages), this is needed for SEO purposes and is only possible with a link element. The other is speed, as links don't require a workflow, so are faster to execute than a button that requires a workflow to run.
@sunnysharma8297
@sunnysharma8297 Күн бұрын
Why have you used links element instead of button??
@mejones73
@mejones73 Ай бұрын
I'm unable to change the % for the background color at 3:16 in the video. If I change the value of the color, it's editable, but if I use the value indicated in the Style Value, the % is fixed at 100. Does anyone have any suggestions on how to resolve this?
@mejones73
@mejones73 Ай бұрын
Got it. The value is not "selectable," just need to type in "10"
@karlr2908
@karlr2908 2 ай бұрын
This is the buggiest piece of software I've used, I hate it already!
Navbar: Getting started with Bubble (Lesson 1.10)
23:12
Bubble
Рет қаралды 7 М.
World’s Deadliest Obstacle Course!
28:25
MrBeast
Рет қаралды 151 МЛН
small vs big hoop #tiktok
00:12
Анастасия Тарасова
Рет қаралды 27 МЛН
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 3,6 МЛН
ОСКАР ИСПОРТИЛ ДЖОНИ ЖИЗНЬ 😢 @lenta_com
01:01
Reacting to 20 Beautiful Landing Page Web Designs in 2024
22:14
Codex Community
Рет қаралды 84 М.
How To Build a Dashboard | Bubble.io Tutorial
37:13
Max Kubanek
Рет қаралды 2,6 М.
Config 2024: Design systems best practices
48:39
Figma
Рет қаралды 26 М.
Learn Bubble.io in 30 Minutes
28:45
Jesse Showalter
Рет қаралды 36 М.
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 25 М.
Scrum in 20 mins... (with examples)
19:36
Codex Community
Рет қаралды 264 М.
Should You Use Tailwind CSS?
7:47
Web Dev Simplified
Рет қаралды 351 М.
Asus  VivoBook Винда за 8 часов!
1:00
Sergey Delaisy
Рет қаралды 1,2 МЛН
Will the battery emit smoke if it rotates rapidly?
0:11
Meaningful Cartoons 183
Рет қаралды 40 МЛН
Simple maintenance. #leddisplay #ledscreen #ledwall #ledmodule #ledinstallation
0:19
LED Screen Factory-EagerLED
Рет қаралды 13 МЛН