is not code
The future of web design
February 8, 2018
Hi
- Customer Success Specialist for Webflow
- Web designer at Illumina
- Started fiddling with web design at age 13
the rundown:
- 30min - Talk on ux, web design & the future
- 1.5 hours - Hands-on workshop using Webflow
- Q&A
Let's talk about UX
What is UX?
#badUX
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567814/door.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567800/41103-OpenXHB0357jpg-XUl6.jpeg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567813/horton.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567830/1452172586_chevy-bolt-drive-105-1020.0.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567831/CYJSY3NUEAAIldw.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746661/Image_2017-04-27_at_7.13.48_AM.public.png)
Design a website UX
like a restaurant
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567845/kitchennightmares.jpg)
4 main pieces to a great UX
in a restaurant
-
Fresh ingredients
-
Clean kitchen
-
Beautiful dining area
-
Fast wait staff
-
Content, Images, etc.
-
Folder structure, file naming
-
Website design
-
Webhost
Why do graphic designers
hate web design?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746600/Image_2017-04-27_at_6.57.57_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3744804/Image_2017-04-26_at_8.24.14_PM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3744806/Image_2017-04-26_at_8.25.38_PM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3744811/Image_2017-04-26_at_8.27.10_PM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3744817/Image_2017-04-26_at_8.28.17_PM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3744818/Image_2017-04-26_at_8.30.39_PM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/4559779/giphy__4_.gif)
Web design is a creative industry that hasn't evolved
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746629/Image_2017-04-27_at_7.02.41_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746635/Image_2017-04-27_at_7.03.37_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746646/Image_2017-04-27_at_7.04.42_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746647/Image_2017-04-27_at_7.09.50_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746652/Image_2017-04-27_at_7.10.20_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746656/Image_2017-04-27_at_7.11.41_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746657/Image_2017-04-27_at_7.12.11_AM.public.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/3746659/Image_2017-04-27_at_7.12.47_AM.public.png)
The future of Web Design
is not code
Enter Webflow
- Designer tool - design sites without coding, in real-time
- CMS editor for clients - create databases without coding
- Hosting - 2-click publish
- Security - Amazon Web Servers
Graphic designers are
the best web designers
(I'm not pandering. seriously.)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/4588309/Image_2018-02-07_at_9.12.13_PM.png)
Hands-on workshop
- Rebuild the Tesla.com homepage
- Build a database for a blog
- Design a blog page
- Make everything responsive
- Publish it live
Clone the project
webflow.com/website/plnu
Q&A time
Before you go:
- university.webflow.com
- nelson@webflow.com
- twitter.com/thepixelgeek
- Tuesdays - 10am - youtube.com/webflow
One more thing:
- 6 months Lite account plan coupon code
- PLNU-ROCKS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/358804/images/2567885/giphy.gif)
THANK
YOU
PLNU Webflow workshop
By Nelson Abalos Jr
PLNU Webflow workshop
- 760