Visual71.com 's presentation on Responsive Meetup
-
date post
18-Oct-2014 -
Category
Documents
-
view
761 -
download
1
description
Transcript of Visual71.com 's presentation on Responsive Meetup
![Page 1: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/1.jpg)
AS PRESENTED AT RESPONSIVE HERO MEETUP20.06.2013 BERLIN
![Page 2: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/2.jpg)
< >DESIGNERS VS DEVELOPERS
![Page 3: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/3.jpg)
![Page 4: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/4.jpg)
![Page 5: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/5.jpg)
For your visual pleasure!
BRANDING · WEBDESIGN · MOBILE · VIDEO PRODUCTION
Location: Wrocław, Poland. Be proud!
![Page 6: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/6.jpg)
BEHIND THE ENEMY LINES
![Page 7: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/7.jpg)
Design needs to LOOK good.
Typography
Layout
Colour
Animation
Design needs to WORK good.
Code
Code
Some more code
IE6
DESIGNER DEVELOPER
![Page 8: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/8.jpg)
LEAVE MY LAYOUTALONE!
![Page 9: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/9.jpg)
LEAVE MY CODEALONE!
![Page 10: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/10.jpg)
BULLSHIT!
![Page 11: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/11.jpg)
your design needs to be just
a good user experience
![Page 12: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/12.jpg)
UX
UX is not a profession UX is a digital mojo,holy grail for your design.
![Page 13: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/13.jpg)
WHY SO HARD?
![Page 14: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/14.jpg)
DEVELOPER
DESIGNERS PROJECT MANAGER
SEO SCOUT STRATEGIST
CREATIVE DIR
ACCOUNT M.
NEW BUSINESS
![Page 15: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/15.jpg)
DEVELOPER
DESIGNERS PROJECT MANAGER
SEO SCOUT STRATEGIST
CREATIVE DIR
ACCOUNT M.
NEW BUSINESS
RWD
![Page 16: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/16.jpg)
RWDDEVELOPER
DESIGNER
![Page 17: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/17.jpg)
RWDDEVELOPER
DESIGNER
hey guys, anyone for sweets?
![Page 18: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/18.jpg)
Designer & Developer
YOU’RE MY BACKUP
![Page 19: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/19.jpg)
Designer & Developer
strategist, account, pm, usability expert, designer, developer, creative ...
![Page 20: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/20.jpg)
WHAT TOOLS?
![Page 21: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/21.jpg)
INTRODUCING
![Page 22: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/22.jpg)
BRAIN TOOLTM
![Page 23: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/23.jpg)
![Page 24: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/24.jpg)
So you can go with this or you can go with that.
![Page 25: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/25.jpg)
Two kinds of people:
People who build things.People who talk about building things.
![Page 26: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/26.jpg)
HOW ABOUT CLIENTS?
![Page 27: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/27.jpg)
”Designer or developer?- I don’t give a shit”
”just make it work on my smartphone”
![Page 28: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/28.jpg)
OUR STORY
![Page 29: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/29.jpg)
![Page 30: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/30.jpg)
![Page 31: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/31.jpg)
![Page 32: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/32.jpg)
![Page 33: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/33.jpg)
![Page 34: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/34.jpg)
![Page 36: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/36.jpg)
BREAKPOINTSbut not those you think of now :P
![Page 37: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/37.jpg)
Design Implementation Content
where the project breaks where the project breaks
Typical process
![Page 38: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/38.jpg)
Design
Development
Content
BACKUPBACKUP
Dream process
Design Design
![Page 39: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/39.jpg)
Design
Development
Content
BACKUPBACKUP
Real life process
CLIENT SERVICEDesign Design
![Page 40: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/40.jpg)
DESIGNERS SAY
![Page 41: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/41.jpg)
Working desk-to-deskis crucial.
(I’m Your backup!)
DESIGNERS SAY
![Page 42: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/42.jpg)
.. but for developer everything’splain simple, black & white.
(Look around)
DESIGNERS SAY
![Page 43: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/43.jpg)
Mobile first is a bullshit.
(There’s no same mission)
DESIGNERS SAY
![Page 44: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/44.jpg)
LEARN basics of typographylike it was a new language.
(Keep fit)
DESIGNERS SAY
![Page 45: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/45.jpg)
typecast.com
![Page 46: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/46.jpg)
Be the preacher of novelties and knowledge. Inspire, show the direction.
(Fight for Your cause)
DESIGNERS SAY
![Page 47: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/47.jpg)
Look around and find open-minded, passionate designers with passion.
People just like you.
(Chose Your partner in the field)
DESIGNERS SAY
![Page 48: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/48.jpg)
![Page 49: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/49.jpg)
THANK YOU
![Page 50: Visual71.com 's presentation on Responsive Meetup](https://reader034.fdocuments.in/reader034/viewer/2022051608/54435d90afaf9f0e118b4920/html5/thumbnails/50.jpg)
FIND US HERE
www.visual71.com
VISUAL71@VISUAL71COM
BERLIN WROCŁAW350km