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. 
Jonas Fredin 
linkedin.com/in/jonasfredin hellofredin
Key takeaways from last year: 
• Scope down 
• Team structure 
• Get a basic understanding of code 
• UX-process 
• Intern...
3 
Deciding 
Designing in the browser
Team chemistry 
and working in 
parallels
Bill Bernbach 
http://pubenstock.files.wordpress.com/2011/08/billbernbach2.jpg
THE MOON? 
OH, YOU MEAN THAT PEACEFUL PLACE 
WHERE I RELAX ON WEEKENDS? 
http://i1.kym-cdn.com/photos/images/original/000/...
8 
Idea Product
9 
A B
http://imgur.com/X17puIB
Q&A 24/7 
http://www.creuna.no/static/media/sizes/1000/uploads/Om-oss/Kontor/creuna_norge_6.jpg
12 
Earnings 
Waste
13 
!? 
z 
The quick brown 
fox jumps over 
the lazy dog 
Lorem ipsum dolor sit amet, 
consectetur adipiscing elit. 
Suspe...
Dear developers and designers: 
• iPhone 6: 375x667 px 
• iPhone 6 Plus: 414x738 px 
• If you care about this, you’re prob...
Performance must be treated as 
an essential design feature. 
— Addy Osmani
16 
10%
Production 
philosophies
Brad Frost 
https://s3.amazonaws.com/creativemornings-com/uploads/video/image/1441/banner_small_BradFrosta.jpg
19 
Button + @hellofredin = @hellofredin 
Button
A pattern library is a comprehensive 
component library which gives you 
total control, an excellent overview 
over every ...
[Add .whole to make it 100%] 
.article 
.article-header 
.article-header-img 
.article-main 
.article-body 
.article-aside...
22 
WWACMSWYSIWYGED 
What would a CMS WYSIWYG editor do
<h3><a><span><strong>Hello world.</strong></span></a></h3> 
<strong><p>This is a paragraph</p></strong>
@function em($target, $context: 16) { 
@return ($target / $context) * 1em; 
} 
font-size: em(24);
Style hierarchy: 
A. colors.scss, spacing.scss and 
type.scss 
B. layout.scss 
C. /atoms, /molecules
https://incident57.com/codekit/images/codekit-icon@2x.png
Final thoughts
Problem solving
We have to be willing to fail, to 
be wrong, to start over again 
with lessons learned. 
— Angela Lee Duckworth
A creative team with good chemistry is 
far more important than every method 
or process available to mankind. 
It is here...
Thank you! 
Jonas Fredin 
linkedin.com/in/jonasfredin hellofredin
Design and technology. A creative team on steroids.
Design and technology. A creative team on steroids.
Design and technology. A creative team on steroids.
Design and technology. A creative team on steroids.
Design and technology. A creative team on steroids.
Upcoming SlideShare
Loading in …5
×

Design and technology. A creative team on steroids.

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 (http://makingweb.no) 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.

  • 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 linkedin.com/in/jonasfredin 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 http://pubenstock.files.wordpress.com/2011/08/billbernbach2.jpg
  6. 6. THE MOON? OH, YOU MEAN THAT PEACEFUL PLACE WHERE I RELAX ON WEEKENDS? http://i1.kym-cdn.com/photos/images/original/000/408/602/5d6.jpg
  7. 7. 8 Idea Product
  8. 8. 9 A B
  9. 9. http://imgur.com/X17puIB
  10. 10. Q&A 24/7 http://www.creuna.no/static/media/sizes/1000/uploads/Om-oss/Kontor/creuna_norge_6.jpg
  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 https://twitter.com/aardrian/status/509706419143458816
  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 https://s3.amazonaws.com/creativemornings-com/uploads/video/image/1441/banner_small_BradFrosta.jpg
  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. https://incident57.com/codekit/images/codekit-icon@2x.png
  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 linkedin.com/in/jonasfredin hellofredin

×