design and technology. a creative team on steroids
Post on 29-May-2015
903 Views
Preview:
DESCRIPTION
TRANSCRIPT
1. Click on slide2. Choose Format Background ,
3. Select Fill and choose your colour
Design and technology. A creative team on steroids.Jonas Fredin
linkedin.com/in/jonasfredin hellofredin
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour 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
Designing in the browserDeciding
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
Team chemistry and working in parallels
Bill Bernbach
http://pubenstock.files.wordpress.com/2011/08/billbernbach2.jpg
THE MOON?
http://i1.kym-cdn.com/photos/images/original/000/408/602/5d6.jpg
OH, YOU MEAN THAT PEACEFUL PLACE WHERE I RELAX ON WEEKENDS?
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
EarningsWaste
13
!?z
The quick brown fox jumps over the lazy dogLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse bibendum rhoncus varius.
• Hello world • This is a list • Awesome
z
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
Dear developers and designers: • iPhone 6: 375x667 px • iPhone 6 Plus: 414x738 px
https://twitter.com/aardrian/status/509706419143458816
• If you care about this, you’re probably doing it wrong
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
Performance must be treated as an essential design feature. — Addy Osmani
16
10%
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
Production philosophies
Brad Frost
https://s3.amazonaws.com/creativemornings-com/uploads/video/image/1441/banner_small_BradFrosta.jpg
19
Button @hellofredin+ =@hellofredin
Button
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
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.
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour .article .article-header .article-header-img .article-main .article-body .article-aside .article-footer
[Add .whole to make it 100%]
22
WWACMSWYSIWYGEDWhat would a CMS WYSIWYG editor do
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
<h3><a><span><strong>Hello world.</strong></span></a></h3> <strong><p>This is a paragraph</p></strong>
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
@function em($target, $context: 16) { @return ($target / $context) * 1em; }
font-size: em(24);
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
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
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
Final thoughts
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
Problem solving
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
We have to be willing to fail, to be wrong, to start over again with lessons learned. — Angela Lee Duckworth
1. Click on slide2. Choose Format Background
3. Select Fill and choose your colour
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
1. Click on slide2. Choose Format Background
Our five basic colours Yellow, Blue, Red, Green and Grey
Jonas Fredin
linkedin.com/in/jonasfredin hellofredin
Thank you!
top related