Hero section - Part 1: Getting started with Bubble (Lesson 1.6)
Ғылым және технология
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
Пікірлер: 21
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 😃😃👌👌
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
2 ай бұрын
Thank you for the feedback 😀
Thank you for doing God's work!
This is really great, Thanks a lot Mr. John
Thank you Mr. John and Bbble for this Lessons
Thank you very much!
very helpful, Thank you! please create Theme mode for this layout also Light to Dark..many thanks
Am I able to automate the creation of an element based off of inputs on another page, using Bubble?
Great content!
@gregory-john
3 ай бұрын
Thanks 😀
Thank you so much, I had a quick q, are we able to place icons into shapes? If so - how?
Why have you used links element instead of button??
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
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.
is there a list of all the bootstrap design framework pixel numbers?
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?
@shikharaturi5912
3 күн бұрын
I am facing the same issue.
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
Ай бұрын
Got it. The value is not "selectable," just need to type in "10"
This is the buggiest piece of software I've used, I hate it already!