Tutorials and Design Videos

Hey everyone, so I’ve been using bubble for a little over a year now and I feel like after using it for 6+ hours everyday for a year I’ve learnt a lot (but still have a lot to learn as well). In saying that my YouTube Channel has been rebranding and I’m planning on releasing a new series with speed design of sites, recreating big sites and other ideas.

I want to give back to the community with these videos by showing newbies how to use the site because I don’t see a large number of youtube videos showing off Bubble.

Heres the first video for anyone who wants to watch it: [https://youtu.be/XBGt39EukS0]

apologies for the audio quality in the video

10 Likes

Awesome! Thanks for sharing your insights and putting these videos together. I’m sure people will find them useful.

1 Like

Very nice! I like the video.

1 Like

Hi @lockymadera
As a beginner, this is a great initiative and I can only encourage you to keep going. From what I’ve seen, Bubble is an awesome tool that deserves to be more popular among non-technical founders and entrepreneurs.

If you’re open to suggestions, here are some I think might be useful and that I didn’t find in any videos/tutorials.

For newbies:

  • What are the good practices to adopt from the beginning?
  • Should I mockup my app before starting?
  • Should I mockup my database before starting?
  • Should I mockup my design?
  • Should I create a Style Guide that gathers all reusable Style/design elements before starting?
  • How do I think and organize my data / database?
  • Versioning?

Basically, current tutos tend to dive to quickly in designing and workflows and lack an overview. I don’t want to learn how to replicate Airbnb…I want to learn how to think and plan ANY app I have in mind with Bubble.

For showing off Bubble: Replicating a big app design is cool…but many tool can do it. Many videos like this exist already. What is lacking, however, is showing off that Bubble isn’t only a simple web app builder for rapid prototyping (if it is true).

  • The main question is: can Bubble actually replace coding? (or a dev or a dev team)
  • Can I build a functional MVP with Bubble, acquire new users, reach profitability?
  • How far can I go with Bubble? MVP+? V1? V2? How many users?

Here the main question I have today is: Should I learn coding (long but more valuable in the end) or should I use Bubble (super fast to start building with but until what point? How scalable is it?).

Cheers and good luck!

If other experience bubblers feel like to help him, it’ll be interesting to have various point of view.

2 Likes

Thanks for the input @matthieu.b! I’ll definitely look into making those videos for you. I don’t have an good mic at the moment so I’m doing speed designs and just showing off the platform right now but I plan to hopefully get a mic soon and these ideas will definitely be some of the first to be made!

To answer your questions simply and right now.

Good practices I’d say:

  1. Colour Code your workflows. With big projects, it can often get overwhelming trying to find the workflow youre looking for.
  2. Don’t dive into the plugin section thinking “I need this, this, this and this” start with your base app and build on top of it. I can’t tell you how many times I’ve thought of an app idea and started adding plugin after plugin and getting overwhelmed.
  3. Learn what works well together and try and remember them. This one can take time to learn but mess around with colours, gradients and images and just see what works for you and play around with different styles. Personally I like minimalist design and I find it easier to create something clean and simple. So try to play around with things, find what you like and what works. Try having a bright, colourful page then try seeing what it looks like in dark colours. This ones probably the hardest to learn because in the end its preference but yeah just find your style and roll with it.

as for your other questions.

"Should I mockup my app before starting?"
It depends. Personally I like to dive right in and build but doing a mock up can definitely be a good way to see what your app or website is going to look like before you build it. This one is preference I’d say so do what you want.

"Should I mockup my database before starting?"
I don’t. Once again I dive straight in. I think “ok. I’m making a social media site, what will I need? well the users need names, ages, gender, countries” and so forth. It depends on your planning process so whatever you find easier to work with will suit you best.

"Should I mockup my design"
Simple answer. Yes. I like to know what my app is going to look like and even when I don’t have a mockup I always have a clear image of what I want in my head so once again. If you know what you want then you can jump right in and have a go but if you wanna play around with styles and decide then I’d say mockup.

"Should I create a Style Guide that gathers all reusable Style/design elements before starting?"
Yes. To be honest I don’t usually set up my reusable elements before starting and it can be a nightmare. I’ll end up creating a menu at the top and copy/paste it over to another page then change it and have to copy/paste again and its just annoying. reusable elements can be a life saver so yes use them but once again play around with styles and just see what works.

"How do I think and organize my data / database?"
Organizing the database is actually something I tend to spend a lot of time on. Usually it’s because im sitting there wondering if I really need all these different data sets for a user but setting defaults on data sets can be a life saver in case there’s something you’ve missed and they skip a step so instead of a blank space where their name will be it’ll say like “a username has not been set! Please go to your settings and create one”

"Versioning?"
Versioning. Well that depends. Sometimes get version happy and release version 1.1, 1.2, 1.3, 1.4 all in the same night which isn’t good. Build your versions and maybe set 1 day a month or every two weeks to update unless there’s a big bug that’s urgent.

To finish off. I have noticed the other tutorials dive straight in to the deep end and when I was new I couldn’t follow them so ill be sure to make newbie friendly tutorials as well as some advanced tutorials!

1 Like

Awesome feedback man! Thanks a lot, definitely saving this.

I like minimal design too so I’ll sure gonna practice it on my apps. If you look around, recent websites/app are all going for more minimal UI.

Looking forward to your next vid!

1 Like

Yeah Minimalism seems to be in at the moment!

I actually just uploaded part 2 of the facebook speed design.
My New Video

Hopefully soon ill be able to upload some videos on the questions you asked me.

3 Likes

Hey @lockymadera, video not available it seems, a link to your channel please? Thanks :slight_smile:

Hi @lanalyste,

I’ve since taken that channel down to focus on other goals.

I will be uploading to a newer youtube channel very soon hopefully and I’ll be sure to make a post for that when I do so keep your eyes peeled!

1 Like

Ah, too bad, well good luck for your projects, looking forward to a possible future channel then :slight_smile: