- Видео 11
- Просмотров 31 004
Kabarza
Германия
Добавлен 27 авг 2013
Figma UI3 - Made in Webflow!
We made the entire Figma UI3 using webflow.
This is a proof of concept project to demonstrate what is possible in Webflow, for fun and also to show what we can do.
New features being added as you watch this video :)
Check it out and find the easter eggs.
chickenoregg.webflow.io/
----------
If you need a kick-ass Webflow website: www.Kabarza.com
----------
You need help with your webflow build, career and seek mentorship?
cal.com/kabarza/mentorship
----------
Join the waitlist for my Webflow Plugin: www.flowing.to/
----------
follow me on twitter (X): kabarza_
This is a proof of concept project to demonstrate what is possible in Webflow, for fun and also to show what we can do.
New features being added as you watch this video :)
Check it out and find the easter eggs.
chickenoregg.webflow.io/
----------
If you need a kick-ass Webflow website: www.Kabarza.com
----------
You need help with your webflow build, career and seek mentorship?
cal.com/kabarza/mentorship
----------
Join the waitlist for my Webflow Plugin: www.flowing.to/
----------
follow me on twitter (X): kabarza_
Просмотров: 369
Видео
Client Red Flags: How to Spot and Avoid Trouble
Просмотров 1852 месяца назад
As a freelancer and agency owner, I’ve encountered various red flags when dealing with clients and other freelancers. In this video, I’m sharing my experiences to help you identify these warning signs and avoid potential issues in your projects. In this video, we will talk about: • Clients with no budget or extremely low budgets • Unrealistic timelines and their impact on your work • The conseq...
This is how I made it these client websites…
Просмотров 9543 месяца назад
How I get inspired by great products and incorporate the ideas in client websites. Further in the video I show some real examples of cool client websites we have designed and developed. If you need a kick-ass Webflow website: www.Kabarza.com You need help with your webflow build, career and seek mentorship? cal.com/kabarza/mentorship Join the waitlist for my Webflow Plugin: www.flowing.to/ foll...
Portfolio Design and Development Process Unveiled - Case Study 01
Просмотров 12 тыс.5 месяцев назад
This is an overview of our process for creating a portfolio website for a recent client. The website was designed in Figma and developed using Webflow. Mentioned Video: Advanced custom properties in webflow: ruclips.net/video/dvDRbsBgnic/видео.html If you need a kick-ass Webflow website: www.Kabarza.com You need help with your webflow build, career and seek mentorship? cal.com/kabarza/mentorshi...
Why You Should Try This Webflow Game
Просмотров 1,3 тыс.6 месяцев назад
In this webflow tutorial Kabarza goes through the Webflow Flexbox game to demonstrate the new flex layout design and everything you can do with it. Flexbox Game: preview.webflow.com/preview/flexbox-game?preview=d1a26b027c4803817087a91c651e321f&workflow What is Flexbox: flexbox.webflow.com/ We talk about: - What is Flex - Flex Directions - Flex row - Flex children, grow, shrink etc - Flex revers...
Custom Properties You Need to Know About
Просмотров 6 тыс.6 месяцев назад
In this video I explain 5 custom properties that are super useful and you should use them in your Webflow projects. We talk about: 1. Text wrap pretty and balance to use especially in your paragraphs. 2. Calc() for all your edge cases. I show two concrete examples. 3. Clamp to make your text responsive while accessible. 4. Container queries, how they compare to media queries. Why it's super use...
Webflow's New Flex & Grid UI - First Impression
Просмотров 1,6 тыс.6 месяцев назад
Webflow just updated the UI for flexbox and grid. Here is my first impression of this change.
Secret Website Drop - Learn from Finsweet
Просмотров 4617 месяцев назад
I just spotted the new Finsweet website. Not gonna lie, it is pretty F'in sweet. Check it out here: finsweet.com/ Excelent read: finsweet.com/company/strategy Join the waitlist for my chrome extension: www.flowing.to/ Join my Discord community: discord.gg/xHNphQjC5f
Webflow 2.0 - Everything you need to know
Просмотров 3,5 тыс.11 месяцев назад
Webflow Conf 2023 has just concluded, and it brought with it some groundbreaking updates! Dive into everything that was unveiled in this video. Plus, we'll also discuss anticipated features that we hoped to see but didn't make the cut. Join the conversation and share your thoughts below! Learn Webflow: learn.flux-academy.com/a/aff_p0hjds9h/external?affcode=244534_x1odsdhh Join My Discord: disco...
Famous Toggle - How to Make in Webflow
Просмотров 1,8 тыс.Год назад
Learn Webflow and Web design here: learn.flux-academy.com/a/aff_p0hjds9h/external?affcode=244534_x1odsdhh Sin up for the ultimate Webflow plugin: Flowing.to If you need a website here, you can contact me: Kabarza.com Follow me on Twitter: kabarza_ See the project live and clone it: designervsdeveloper.webflow.io/ You probably have seen this funny video on Twitter. The ultimate battl...
Only With DIV Blocks? New Google Logos in Webflow
Просмотров 2,2 тыс.3 года назад
Link to the cloneable project: webflow.com/website/google-logos So Google just rebranded the g-suite apps that are called google workspace now. I wanted to recreate them in Webflow using Div blocks only. The result is pretty good and I learned a bunch while creating this. For instance how you can create a triangle with a div block. hopefully, this will be an ongoing series called WebflowArt whe...
Why don't they make a drag and drop toggle like Wix. This is too complicated.
Practical video no BS … 100/100 👏🏽👏🏽 Subscribed ✅
Thank you Kanaraza
webflow power flow grid flow
Wow😅
Freaking amazing work, Kabarza!
Thanks Josh! You know what we are adding next :)
Wow amazing!
very useful video thank you very much
That’s awsome 😮 great work Kabarza!
Am Ende schön noch mal Islamhass verbreiten... 👎
the most useful video on this topic!
nice 👌👌👌👌👌👌👌👌
Clients can't communicate their goals for the project or communicate very vague and say just redo the website😀 Would be interesting to know: Do you guys start first with "wireframe -> content -> design" or "design first -> creating suitable content"? Because most clients don't have any idea what content they want to put on their website.
We actually do content then wireframes and then design. Every person/company needs a straight forward story. A clear copy. For that we have to start by understanding what they do. Then build a narrative that works as a website. I will definitely make a video on this as well.
This tutorial is full of helpful gems. Thanks so much!
Awesome idea. Im an entrepreneur, i built my first website... it sucked. I then paid for a website and that also sucked... Its great to know exactly how designers work and what they need from a client, whilst also giving tutorials and tips on how to expand or tweak a website yourself. I may just reach out to you guys in coming months for a price, see how things go. Thanks fornthe content!
Thank you! Let’s have a chat. I’m eager to help. You can book an appointment directly from my website.
Insane tips and tricks man!
Super interesting video!
Hey Kabarza, good news, "!important" are now available on webflow
Du achtest aber auch wirklich auf die kleinen Details :) Weiter so.
Thanks Universe for suggesting me this Wonderful Video !
🔥🔥👏🙌
👏👏👏
13:30 Instead of this , Client first have batter soution for this also They have premade class "Text-style-2lines"...
Can i know 🤔 why are you using div block to make line on text at " you just keep climbing " Instead you can use Webflow Strikethrough property??
3 months in and I still can't get used to it, horrible!!!!
Thanks Kabarza. It's so helpful 🙏
Compaptibility issues
Level 26 & 27? 🤷🏼♂
They are so similar to 25. Basically the same settings.
how we can change the bg pic instead of all these on toggle shift right the night mode on and on toggle left bright mode or light mode is that possible if possible can you guide me
so cool thanks for this !
These are great, real world tutorials. Thank you. I’m finding WixStudio to be very infuriating. Would you say it’s worth a move to WebFlow?
100% With webflow, you slowly become a web developer. One day you wake up and see you understand so many web concepts. You will be able to build things far more complex than what WixStudio can offer. Another way to look at it, Webflow is the best "UI for Code". Now combine that with a super high ceiling Webflow has. Pretty much no limit.
@@Kabarza thank you. Switching now.
I really loved the video and would love to know more about the details that must be taken into consideration. I do have a question, does the content of the website is written by the designer or should the client give to me? And can you please do a step-by- step tutorial on how to make it responsive? If we can rebuild the website together in the tutorial it would be perfect. I am a junior and passionately seeking guidance to be able to launch my first job and this video hyped me up to work more on myslef, thank you so much.
This is sooooooo amazing! Please make those videos to show how you did those fun stuff
Subscribed !! Love the content 🙌🏻🤍 please keep it up
Awesome! Thank you!
Wow grate content❤
Definetly would like to here more with what you do with your other design versions
Will make videos on it 100%
Its not communicating what it should. Imo the whole collab lacked consulting from ur end - I would convince the client that being so stubborn about mountain presence in the header is bizarre. Also, below the hero section, there's not much design done. And the dark text is barely visible on top of that dark mountain, so the last word is hard to read in that H1 heading. Lack of sticky menu for onepager is also a strange design choice. Not mentioning lack of branding, or just a logo of any sort.
Generally speaking you are making some good points. But not necessarily applicable to this particular project. Also, as mentioned this is the smallest project we’ve done in the past 2 years. The client initially didn’t want design and wanted a quick webflow landing. Compare that to the results. Fair? Now to your points: 1. Lack of logo is totally fine at this stage for the client. He has his network and the site acts as a quick home base to have. Not mentioning the clients budget and needs at this point. 2.sticky menu for a 4 section page is not needed. Everything is half a scroll away. Why give up vertical realste. 3. The dark text has AAA contrast across breakpoints. Not sure where you mean. The mobile which I said I will fix? 4. Below the hero is minimal. We had options with more designs but we went with a more minimalist look. This is subjective. 5. The mountains? They are a part of the brand, look and messaging. It’s about the feeling they convey not the direct association with the service. I hope this clear things. As I said, you have some valid points. But it all needs to be applied to the budget, timeline and the actual need of the client.
am i crazy or this game is just to ez
If you already know flexbox, everything until 25 is ez. I would say it’s not intuitive after that at all.
Good video dude keep it up. I subscribed.
Thank you! We got about 10 super interesting case studies that I will make videos about with tutorials in between.
Accidentally, this video was giving this video in my recommendations. And love this style of video. I am kinda of a newbie in web and graphic design space. And struggling with getting more clients. I have had a few clients so far. But I wanted a way to get more clients, now and in the future, to have a visual representation of my work. And I wasn't sure if an explanation video of mockups and previous works would be good to display. But from this video, I have learnt a lot about the web design flow and layout of an active website. And a trick or two for using Weebly. And I could use this format for access to future clients too. Definitely subscribing too.
Super glad it was helpful. More process videos are coming soon.
I'm a newbie in this. I am trying to put together my portfolio using Figma and Framer. The process is slow and I'm learning as I go. Your process is refreshing to see and the case is very simple and easy to follow.
Absolutely interested ❤
Saying how you got the client is a nice touch
Thank you! I’m gathering feedback for other client projects reviews
Thank you so much, really helpful :)
Very nice walkthrough.
Awesome hacks, thank you so much!
Is it possible to get a job as solely a webflow developer? I'm not that good of a designer but I know Webflow inside and out. I have been developing websites for 5 years now.
Oh 100% About 60% of our projects are webflow development only. Without the design. Often clients come to us with their designs ready.
@@Kabarza Hi, do you have any advice as to where I can find businesses that are looking for webflow developers? A business similar to yours?
Why not make the email clickable to automatically open the user's default email client? I don't know if it's possible code it with Webflow, but that'd enhance the UX of the email element if you could do it.
It does work that way + the copy button
Kabarza, great job there❤. I have a copywriting issue I'd like you to address. What I'd like to suggest to you is that, you should interchange the smaller text with the Main hero text. In my opinion, the smaller text provide a clear value proposition to the visitor than the other. Good luck 🤞.
excellent work and great descriptions. "the final boss" = 😂