Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Design and technology. A creative team on steroids.


Published on

My name is Jonas Fredin, and I work as a Front-end Developer at Creuna where my hearthstone have been the creation of Creuna’s "User Experience Process", also referred to as the "UX-process". An agile work methodology unlike the more established “Waterfall-method”.

I’ve also spent the past three years challenging the very definition of what to be expected from a creative team.

This talk was first held at the makingWeb_2.14 conference ( on September 25th 2014 in Oslo, Norway.

It covers the collaboration between design and technology, a Graphic Designer and a Front-end Developer, and how this has become one of the strongest and most promising compositions since William Bernbach combined Copywriters and Art Directors.
It's about how good chemistry can achieve minimal waste, and how fast progression and high quality is the result of working in parallels.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Design and technology. A creative team on steroids.

  1. 1. Design and technology. A creative team on steroids. Jonas Fredin hellofredin
  2. 2. Key takeaways from last year: • Scope down • Team structure • Get a basic understanding of code • UX-process • Internal marketing • Don’t outrun your client
  3. 3. 3 Deciding Designing in the browser
  4. 4. Team chemistry and working in parallels
  5. 5. Bill Bernbach
  7. 7. 8 Idea Product
  8. 8. 9 A B
  9. 9.
  10. 10. Q&A 24/7
  11. 11. 12 Earnings Waste
  12. 12. 13 !? z The quick brown fox jumps over the lazy dog Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum rhoncus varius. • Hello world • This is a list • Awesome z
  13. 13. Dear developers and designers: • iPhone 6: 375x667 px • iPhone 6 Plus: 414x738 px • If you care about this, you’re probably doing it wrong
  14. 14. Performance must be treated as an essential design feature. — Addy Osmani
  15. 15. 16 10%
  16. 16. Production philosophies
  17. 17. Brad Frost
  18. 18. 19 Button + @hellofredin = @hellofredin Button
  19. 19. A pattern library is a comprehensive component library which gives you total control, an excellent overview over every atom, molecule and organism in your project.
  20. 20. [Add .whole to make it 100%] .article .article-header .article-header-img .article-main .article-body .article-aside .article-footer
  21. 21. 22 WWACMSWYSIWYGED What would a CMS WYSIWYG editor do
  22. 22. <h3><a><span><strong>Hello world.</strong></span></a></h3> <strong><p>This is a paragraph</p></strong>
  23. 23. @function em($target, $context: 16) { @return ($target / $context) * 1em; } font-size: em(24);
  24. 24. Style hierarchy: A. colors.scss, spacing.scss and type.scss B. layout.scss C. /atoms, /molecules
  25. 25.
  26. 26. Final thoughts
  27. 27. Problem solving
  28. 28. We have to be willing to fail, to be wrong, to start over again with lessons learned. — Angela Lee Duckworth
  29. 29. A creative team with good chemistry is far more important than every method or process available to mankind. It is here the magic happens. — Jonas Fredin / Jørn-Tore Sande
  30. 30. Thank you! Jonas Fredin hellofredin