From No Name to Webflow Pro in 3 months — without portfolio, but with project inquiries | Talk with Eduard Bodak

Level:
Preview result
Icon für einen externen Link
Im Webflow Designer öffnen und klonen
Icon für einen externen Link
Open and clone in Webflow Designer
Icon für einen externen Link

There is something very special about this episode of the Formburg podcast: I invited the talented Eduard Bodak — designer, developer and absolute expert in accessibility & webflow animations. A true master in my opinion. His portfolio and posts on social networks impressively show how you can use creative designs and clean code to create websites that inspire visitors and are barrier-free at the same time.

We're talking about:
✅ His creative process: How it combines design, code and accessibility
✅ Content & community: Why he is so successful with his project insights
✅ Webflow tips: Performance optimization with CSS, custom code & animations
✅ Accessible navigation: Live tutorial where we make website navigation more accessible

How Webflow creates new opportunities in web design

Webflow is no longer just a simple tool for creating websites. More and more designers are discovering how animations, custom code and open up new opportunities with an active online presence. When you with individual projects If you want to convince customers, it's worth taking a look behind the scenes: from brainstorming to microinteractions to launching your own portfolio page.

Cleverly connect Webflow and Custom Code

Anyone who wants to implement sophisticated animations or special transitions is well received custom code often not over. Eduard shows how to use natively available tools in Webflow in a targeted manner and expand them with your own code snippets if necessary. This is how you first design visually and then work on micro-details, such as CSS animations or reduced movements for users who want to turn off motion effects.

  • Your workflow: First create the design in Webflow, then via Embed Make code adjustments
  • Custom animations: Small CSS effects can often make the decisive difference
  • Note integration: Pay attention to whether Webflow's own interactions are sufficient or whether external libraries such as Gsap A better fit

Make a real impression with fictional projects

Eduard recommends making your design ideas visible — even if they weren't created for real customers. Your own practice projects With real texts and appealing layouts, future clients can impress and at the same time give you the opportunity to experiment freely. Share your progress on LinkedIn, X, or Dribbble to attentiveness and to get feedback.

  • Document the development process so others can understand how you work
  • Publish step-by-step insights into your process
  • Show that you have an eye for details and are constantly evolving

Think about accessibility from the start

Animations and modern layouts don't preclude accessibility. On the contrary: Webflow already offers many tools that you can adapt sensibly. Make sure that your pages are keyboard-friendly and avoid excessive blink effects.

  • Use HTML tags correctly and use clear structures
  • If animation reduction is active, you should tone down animated elements
  • Test your site on various devices and browsers

Tips for building your portfolio

Your own projects or fictional examples are great ways to present your skills. Even if you don't have any live customer projects yet, you can use them to show off your skills. Show what you can doby documenting various layouts, animations, and microinteractions in a live or fictional project.

  • Use social media platforms like LinkedIn or X to share progress
  • Keep your portfolio lean and focus on core services
  • Gather feedback before you officially launch your project

Conclusion and outlook

Webflow provides creative freedom for web designerwho want to combine design and code. Build up your portfolio, set Microinteractions smart and pay attention to barrier-free implementations. Especially in the interplay of aesthetics and Accessibility This is your chance to position yourself as a professional.

If you want to dive deeper into the world of Webflow and high-quality animations, feel free to check out the coursesand products on Formburg. Here you'll learn step by step how to turn complex ideas into impressive websites.

Eduard Bodak online

His checklist for Webflow websites: https://x.com/eduardbodak/status/1883202737690521768