Excited to share our Webflow studio – DivBlockers!
After building w/
@tomasmrazek92
over 120 sites in the last 4 years, it was about time to finish a site for ourselves. So today – our
@webflow
studio is officially live. More in 🧵
↳ Live site:
Handover your designs to your web-developers like a Pro in 15 steps.
Since I started my
@webflow
visual developer journey, I've noticed and learned so many things about the design handover that we, as designers, can improve!
15 steps checklist in the thread 👇
A few days ago I passed my revenue dream/milestone of $250k in one year. 🤩
Feels absolutely surreal that this is possible by creating
@webflow
sites from home. And still one a half month to go!
There has been a lot of talk recently about how to price and offer your
@webflow
/ design services.
I made over $500k in the past 2 years doing Webflow sites, so I thought I'd share a bit about how I feel about the overall business and just share my 2¢ in a thread 🧵
I just put live Outpace ✨ One of my favorite
@webflow
projects so far. I just love the design.
Whole site based on 17 CMS Collections so just linking all of the content took me over 15 hours. But here we are! Let me show you the future of coaching! 🤩
@joinoutpace
Just pushed live one of my favorite
@webflow
projects I've worked on recently –
@ModernLifeHQ
. Life Insurance company with an amazing design full of illustrations, Lottie drawn lines and beautiful typography!
Designed by
@twentynine__co
Build by
@JanLosert
One tiny announcement: Today is my first day as a Brand Designer at
@webflow
. I fell in 💙 with the tool a year ago and I haven't stopped playing with it since. Looking forward to see where this new journey is going to lead! 💎
I've been absolutely busting my ass this year, working simultaneously at various points on 8-10 clients at the same time. And with yesterday's invoice I made this year more than I did last year.
And it's still 5 months left this year.
Thank you
@webflow
.
(1/6) My 1st ever Youtube course — Creating a Clean & Simple Website with
@Webflow
is fully live! 🥳
All 20 Videos are now live on Youtube!
Responsive Design, Dynamic content, Grid, Flexbox, CMS you name it!
👉As promised — Course Overview/Landing Page:
My new Article - The Easiest Guide to
@Webflow
for Beginners is live! Crash-course and walkthrough of all the important parts of Webflow.
🧐Why Webflow?
✍️Designer Walkthrough
💡Elements Overview
🎓Various incredible resources
Hi everyone! 🥳 Here are the first 9 videos of my Youtube series — Creating Clean & Simple Website with
@Webflow
I'll walk you through creating a website —. In this part, we will be creating a desktop view.
👉Playlist:
New
@vsco
site is live! And I was able to be the one bringing it to life in
@webflow
. I've been using VSCO for years and loved their UI & filters so when I was asked to join this mission I was like hell yeah! 🧵
Live site 👉
I would love to watch people Twitch stream how they are just building sites in
@webflow
or
@framer
.
Kind of a watching over the shoulder. No need for tutorials or even some heavy talking just – building this section now, let's watch.
3 months ago I started working with my teammate on
@webflow
clients, since then he quit his job and currently I don't even think he needs me anymore he's working on 7-8 different wf gigs right now and we're starting to look for 3rd person 😅 And people said no-code isn't future.
So close to finally release our
@webflow
duo/studio website! So freaking excited how it's coming up. Design and copy almost done, aiming to have this up by the end of January. 😍
We just released my second project
@webflow
- Prospero - a clean, modular — and free — UI kit for ecommerce and beyond. 85 different sections and 10 ready-to-use layouts and 2 pre-build templates!
Learn more 👉
I’m so thrilled to share that we’ve just launched a new project with the amazing
@tristajaye
and the team at
@Petal
.
By far my most exciting
@webflow
project!
Props for a gorgeous design by
@dmcgco
.
🎉 Check it live 👉
We're working on creating our
@webflow
studio/duo website this weekend and I just wrapped up previews for our past projects. And I love it 😍 Can't wait to share the site.
So excited to finally share the new site which I build earlier this year. 🦦 This was one of the biggest
@webflow
projects I've created so far. And I so happy how it turned out. Let me show you the site a bit! 🧵
Live site 👉
I’m now at the stage where I’m saying no to design work and I only want to do
@webflow
. Not even doing the design first and the code it as a gig, really enjoying someone doing the dirty work first. What happened to me? 🙃
I used to be so bad at Interactions Panel in
@webflow
, I was avoiding it so much. Even when working in Webflow I always asked around how to do super easy stuff.
3 years later this was my Wednesday night. Can't wait to share the final results. And yes that's
@murmur
😍
I'm working with 2 VCs and offering
@Webflow
help for their startups but in most cases, I need a designer to work with as well. Are there any designers looking for some simple startup projects usually around $3-5k budget (per project) for a simple logo, homepage and 1-2 subpages?
A little professional update — It's been 3 weeks since I decided to leave my job at
@webflow
. I felt a bit overwhelmed in the last few months so I decided to take a step back and rather be part of the community again. This is a big change for me and I hope for you as well! 🥳
My first
@webflow
task is live! 3 New Starter templates are waiting on you every time you're about to create a new project! 🙌🏻 Portfolio, Business and Ecommerce/Store. Super simple way to get you started in a matter of minutes. 🎉
I said yesterday that I’ll jump in a cold pool once we finally press
@webflow
publish button on a new
@talkbasehq
website live. 🥳😂 (3 days of nonstop work)
Didn’t really think that it’ll be 18° outside. But still worth it 😂
I'm starting to be super in love with
@framer
because it sure seems that since Framer started being popular we have seen more updates for the actual
@webflow
users than in the last 3 years.
Good competition for sure benefits the users in the tech space.
(1/2) Exciting launch! 🎉 Second project our “no-code studio/duo” worked on is live! This time for the amazing folks at
@figurehr
who just today announced a massive $7,5M seed round.
Check the
@webflow
website here:
With more
@webflow
work inquiries I'm starting to see a trend of people wanting to switch to Webflow even when they are not 100% sure what Webflow does. Seems like Webflow is the cool kid on the block.
Got married this week, and my wife
@klara_horton
is already head over heels for me. ♥️
(Can’t wait to see the whole video, the sun is looking insanely good.)
There is an indescribable difference in the warm feeling from making $10 by selling your own products than making $1000 from salary or freelance gigs. Anybody feels the same?
Started writing a long article about
@Webflow
for all the beginners out there - to give a complete overview of everything needed to know before you dive in! 👋🏻 It's 4:51AM and I'm at 2751 words. Stay tuned!
I’m surprised by just how many people starting think that you can just skip the part where you have to work to get to the certain level of quality and undestanding.
Just finished the recording of me creating a job board in
@webflow
- List of jobs, job detail with dynamic sharing buttons, guide how to set up the collections and all obviously responsive. Will try to cut it under an hour 😎
+ 🤘🏻Clonable file hopefully by the end of the week.
Trying some new
@webflow
reveal styles and having fun with the hero illustration for something we will put live in the next days.
What do you think about the play button animation illustrating the amplitude waves? 😍
Finally sharing previews of – another of my favorite clients and by far one of my favorite design team cooperation. Most of these animations are done purely in
@webflow
interactions panel.
#daretoshare24
Day 3
Since I’m slowly getting to 30yo (I’m 27) I’m really starting to think about the fact that my whole skillset consist of me being able to nicely put together rectangles and texts.
Fitness
@webflow
challenge:
1. Open your current Webflow project
2. Create a new Div Block
3. Change any property (to get the default class)
Whatever your Div Block "Number" is – that's your number of daily burpees per this week.
It's done 🚀 my first
@webflow
Ecommerce page is up and running. My fiancé's superfood products are finally up for purchase. 2 hours design/3 days dev work/6 days to connect stripe and finish all the content - overall 10 days from design to live.
Live 👇
Finally planning on getting into the
@webflow
template game. Been a crazy year, but I'm planning on doing this publicly as well to push myself even more. Long road ahead, but looking forward to the ride. Day 1
Just cut first part (Homepage - Desktop) 107 minutes of my first complete
@webflow
Youtube tutorial. From Design -> Webflow -> Live. Can't wait to share this with you guys.
Here we go! Just got approved as a
@webflow
Global Leader for Czech Republic 🇨🇿🎉✨
Can't wait to see what this will bring! Anybody from CZ/SK up for some in-person Webflow hangouts? 👋🏻
Last month we got to rebuild the whole
@vsco
® site in Client First and prepare their Web Studio experience launch with an update homepage and Studio page. 🚀
Made in
@webflow
by
@JanLosert
and
@tomasmrazek92
Designed by
@vsco
team
I'm starting to have more and more of these stories where I helped someone to launch their site within 2-8 days. Just wrapped a small
@webflow
site which I took on last Wednesday, we spend more time waiting on the bank to process the 💵 than actually wrapping up the project.
Since doing the
@webflow
gigs I'm totally blown away by the figma/sketch files designers hand over to devs. In last 40 websites I've worked with 1 figma file that had named layers.
No wonder developers hate us 😂
Started working with a friend on
@webflow
client work to be able to take on more projects. Today we had our first demo of something agency quoted them for 100 hours, we did that in 12 and should have full site ready in a week instead of a month. They just couldn't believe it. 😅
I'm finally getting closer to the release of what I've been working on at
@webflow
: A Grid 2.0 based Ecommerce UI Kit. Suitable for any kind of project. Similar as my Cards 2.0 but bigger! 🤯
📦80+ Building Blocks
🌟9 Full Pages
🔥2 Complete Free Templates
Coming in November!
I joined
@webflow
with the goal to learn Interaction 2.0 and I actually ended up learning so much about politeness, being able to receive feedback or stuff like being able to say that I need help. Still don't feel comfortable with Interactions 🤣 but Webflow team is just amazing.
Did this mini landing page a year ago but still coming back to it from time to time, I love how the logo symbol animations turned out. Such a fun way to animate pieces of logo like this. Loader + the footer bouncy one.
All just scale, move and rotate
@webflow
interaction.
One of the biggest issues I see in
@webflow
Editor is the lack of publishing to staging. So clients are accidentally pushing the whole build live.
Also it's not obvious that if you make a change, it's already actually changed in the build so people feel the need to "save it".
What breaks my heart is seeing some of my previous
@webflow
clients ending up working with agencies that uses Columns and don’t name their classes within my old build…
Been recently working on 6 client
@webflow
projects at once and I'm loving how straight forward and more fun the visual development is.
Started working with a friend and in 2 months we wrapped 5 projects and I think slowly we need to start working on a studio/duo site.
I've been really struggling with my motivation and really doubting my skills for the last months, but seeing this really pushed me to live again. I might not be that bad as I thought I am. And the fact that I'm now officially a coder (no-coder) will never stop blowing my mind.
Every client in November is like - hey! Can you squeeze projects for November, December and January in 2 weeks so we can release everything before Christmas?
Aaand it's live! 🎉 The super fun
@webflow
hero animation is live as well as the
@talkbasehq
podcast page.
At the end I reduced a little the reveals, it was getting a bit too much for informational site. Added a reveal of the timeline itself + altered the people slides.
I think one of the biggest misconception among the clients I'm hearing is the fact – that they think
@webflow
/ no-code is actually building without any kind of code.
When in fact you're pretty much writing the code – just not in the traditional way.
🎉 4 New videos are live on my Youtube - Full course about how to create a simple job board with
@webflow
and one separate video about dynamic sharing buttons will be live tomorrow! ALL FREE 🙌🏻
📺Playlist:
👉🏻 Free to clone:
One thing on my
@webflow
wishlist, which I always forget when I'm editing tabs. Is to switch back to the main one when I'm done making some quick edits.
Setting one as default would be so so nice.
We're finally 100% live 👉🏻 Introducing Dashboard UI Kit 3.0 🙌🏻
The first design kit for web apps and dashboards developed in React with open roadmap and monthly updates. This first release comes with brand new 40 screens!
Just activated an eCommerce
@webflow
plan for my fiancē's superfood mixes. This is going to be an interesting weekend. Will keep you posted. And yes, I'm also designing it a little.
Morning
@webflow
people – What is your go to platform for uploading videos without any controls on them, no related videos etc.
Let's say for showing a spinning render on some landing page.
Back in Figma after months, working on a new website for
@talkbaseHQ
✨– Currently in process of outlining the features on the homepage and features pages with these little cards.
Just became an official proud owner of 3rd flat in Prague! Just one month before turning 30. 🥳
This one will be for us and I can't wait to move into my new office room!
Just launched a new site for Avalerian – project with pseudo 3D objects, gradients & blurs. I tried my best to make the site smooth with section reveals and subtle element rotations and movements.
Lovely designed by
@deBoom_
and I was the one bringing it to life in
@webflow
.