Photoshop Web Design is Dead

Nelson Abalos Jr

• Web Designer for 11 years
• Loves: 
  • Space Exploration
  • LEGO Bricks
  • His Dog
  • His Wife
  • Logos sent from clients as Word Documents
• Webflow Fanboy since 2013
• Customer Support Hero (aka TRON)

What I'll be going over

• What is Webflow?
• Some features of Webflow
• How this tool changed my life
• 10 minute demo
• Q&A

Webflow is a Web App that lets you design a responsive website without writing code.

Code made by another WYSIWYG editor?

KTHXBYE

Other Visual
Programming Apps

• Blocs
• Macaw
• Weebly
• Wix
• Froont
• SquareSpace

Features

Design Tool

Web Hosting + CDN

Auto-Save + Backups

Code Exporting

Clean Minified Code

Cross-browser compatible
(IE9+, Chrome, FireFox, Safari)

How did this tool change my life?

Faster Workflow

1. Wireframe
2. Design Photoshop Mock
3. Crop & Export imagery
4. Code HTML & CSS to look as close to the PSD as possible
5. Test
6. Launch

1. Wireframe
2. Design an interactive mock with Webflow
3. Test
4. Launch

Demo Time

Webflow is...

a visual programming tool meant to streamline your workflow

Resources

forum.webflow.com

tutorials.webflow.com

help.webflow.com

THANK YOU!

@thepixelgeek

pxlgk.com

youtube.com/thepxlgk