Front end united 2016. Designing interfaces at scale, in an iterative and agile environment, requires more than skills. From vision to execution, it's all about rationalizing your design language through component thinking -- simply put, building the bricks for others to build castles with.

1. Design systems
The life and death of
@ilovegraphics

2. Hi,
my name
is Zélia!
I’m a designer.
Absolutely
not Paris
London Stockholm
@ilovegraphics

3. that s****

4. Atomic design
Tiles
Patterns
Style libraries
Systems
Sprites
Styleguides

5. We’re not designing
pages, we’re designing
systems of components.”
— Stephen Hay
Quoted on http://atomicdesign.bradfrost.com/

6. Look at all the
nice pages
I made you!

7. “Print is SO much
more technical.
At least, with the
web, you have some
sort of control.”
Me, circa 2005.

8. ResponsiveMaking your life terrible since 2011.

9. Bigger teamsGrowing real estate Longer Time span

10. Know who else has been
doing this for ages?

11. Omg print y’all!!!

15. The modern way

16. Atom
SEARCH

17. Molecule
SEARCH THE SITE
Enter keyword SEARCH

18. Organism
SEARCH THE SITE
Enter keyword SEARCH
HOME ABOUT CONTACT

19. Templates
SEARCH THE SITE
Enter keyword SEARCH
HOME ABOUT CONTACT

20. Enter keyword SEARCH
HOME ABOUT CONTACT
LOREM IPSUM
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Aenean dictum nunc tortor, et
tempus lectus egestas vel.
LOREM IPSUM
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Aenean dictum nunc tortor, et
tempus lectus egestas vel.
LOREM IPSUM
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Aenean dictum nunc tortor, et
tempus lectus egestas vel.Pages
SEARCH THE SITE

21. We should have lived
happily ever after

22. But wait.

23. Let’s replace one confusing
metaphor by another.

24. HAMBURGERZ ARE
SEXY

26. We all know what
burgers are made of.

27. Here is your
hamburger
good sir.
Customers can’t understand
design out of context

28. The sad truth about
hamburgers.
Reality is far from the pictures.

29. Cooking hamburgers
like you are a british
gastro pub.

30. The menu matters
as much as the food
Vision
Style tiles

31. http://styletil.es/

32. Cook with the right
tools
Sketch

33. http://www.zeplin.io/

34. Keep the ingredients
fresh
Livestyleguide
or die

35. http://www.frontify.com/

36. Our your own, self-hosted,
live style guide.

37. But stop the damn cooking lingo.

38. Save your projects.
Say no to complex metaphors.

39. HAMBURGHARDER!

40. Thanks!
@ilovegraphics