Creating a happy bridge
Between Designers and Developers
Nelson Abalos Jr
@thepixelgeek
nelson@webflow.com
Hi! I'm Nelson!
-
Web Designer for over 20 years
-
Customer Success Hero @ Webflow
-
AFOL (Adult Fan of LEGO)
Today's "Waterfall"
Web Design Workflow
-
Creative brief
-
Wireframes
-
Static design mock
-
Code the prototype
-
Test for cross-browser/device
-
Launch the site live
Painpoints
What are yours?
Play Video
Designer
- Typography
- Negative Space
- Content Hierarchy
- Human-Centered Design
- Color Theory
- Imagery
Developer
- Page Speed
- Code Optimization
- Server/Client side languages
- SEO
- Web Standards
- Database Structure
VS
Real-Time tools don't exist for the web design industry
- Photoshop
- Maya3D
- Final Cut Pro
- Dreamweaver?
Webflow bridges the gap
-
For Designers - Abstracts the building blocks of the web (HTML & CSS)
Real-time designing and coding
- For Developers - Clean rendered code
DEMO TIME
But what about
the code?
Change the workflow
-
Creative brief
-
Wireframes
-
Design and code the prototype
-
Launch the site live
- Break down the silos -Designers AND Developers (not VS)
- Help everyone on a team understand each other's painpoints (find solutions)
- Make more happiness
Find Real-Time Tools that help create better workflows
Interested in trying Webflow?
Contact me for a free month trial
nelson@webflow.com
Webflow.com
@thepixelgeek
nelson@webflow.com
Happy Bridge
By Nelson Abalos Jr
Happy Bridge
Creating happiness on that bridge between Web Designers and Web Developers. The old waterfall workflow to create a website from scratch has yet to evolve. The amount of pain points that a creative team must tackle has increased significantly due to the rise of mobile devices. In this talk, we’ll discuss these pain points, the root cause of them, and how we as a web design and development community can work together to fix it.
