Front End Design FTW

Hi Matt.
I've been designing for about 22.35 years
15 of these have been designing the internets.
So... i'm a web
designer right?
Oooooh, a startup!
Platform
Development
UX & Design
Banky
Things
Platform
Development
Design
Dev
(My job)
(Their job)
Do not cross the line!!
Platform
Development
So i met @simonswiss,
we ate eggs & talked...

Website Redesign
A refreshingly different collaboration.


Uber Partnership
From brief to delivery in 24 hours.










¯\_(ツ)_/¯
It was fun. And pretty darn efficient!
The Next Step
Time to throw this guy in the deep end.



Pug (Jade)
An excellent gateway drug to programming.


loops // partials // includes // preprocessing // command line // build tools // `npm install` // `git push`...
Such Learn?!#
A good mentor is invaluable.
(Make sure they're available 365, 24/7 like @simonswiss)
Dev's don't bite.
(Except if you ask them to style select fields - you should never do that.)
Designing in the browser is incredibly empowering.
Don't try and learn everything.
Collaborating is super fun.
and after a while
I began to feel like...
SocietyOne - About us
(or Uber part 2)
CMS
Dev
Design
UX
UniMatt
UniSimon
We made it! (just)
Conclusion
Front-end design is awesome,
but can be challenging.
Moving Parts
Nimble

Design
Dev
Data
Copy
Marketing
Team
Business
Design
Dev
Data
Copy
Marketing
Team
Business
Design
Dev
Data
Copy
Marketing
Team
Business
Design
Dev
Data
Copy
Marketing
Team
Business
Front-End Design
It's working pretty well for us.
We love it.
Give it a try!
Thank You!
Front End Design FTW
By simonswiss
Front End Design FTW
Slides for SydCSS talk by @m4ttbx and @simonswiss // 3rd November 2016
- 2,399