Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
-
Upload
tomas-stankovic -
Category
Technology
-
view
116 -
download
0
Transcript of Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow
![Page 1: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/1.jpg)
Moja mama nevedela čo je komfort, tvoja zase neví čo je náš workflowfront-end developer & webdesigner
![Page 2: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/2.jpg)
SCRFullservisová digitálna agentúraZakladajúci člen ADMAB.Bystrica / BA / Barcelona
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 3: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/3.jpg)
webdesigner
Tomáš Pinka
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 4: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/4.jpg)
front-enddeveloper
Tomáš Stankovič
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 5: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/5.jpg)
5
story.Created with passion for digital
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 6: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/6.jpg)
Created with passion for digital
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 7: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/7.jpg)
![Page 8: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/8.jpg)
Created with passion for digital
Workflow.1. Porozumieť značke2. Kick of meeting - Brief3. Návrh webu4. Feedback od klienta5. Dopracovanie pripomienok6. Feedback od klienta7. Dopracovanie pripomienok8. Testing8. Front-end coding9. Testlink pre klienta10. Testing11. Dopracovanie pripomienok12. Back-end coding
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 9: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/9.jpg)
Created with passion for digital
Porozumieť produktu / značke
Referaty.sk – škola, vzdelávanie, štúdium
Zdielanie informácii, pomoc pri štúdiuŠtudenti stredných škôlHistoricky silný brand
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 10: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/10.jpg)
Created with passion for digital
Kick-of Meeting = Brief
Charakteristika službyBudúce smerovanie službyBiznis modelUser flowSite mapTypové stránky
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 11: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/11.jpg)
Created with passion for digital
Návrh webu #1
Mood research = stanovenie smeruŠtruktúra a obsah webuStanovanie KPI = pridaj referatGrafický návrh webu
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 12: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/12.jpg)
![Page 13: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/13.jpg)
Chladné!
![Page 14: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/14.jpg)
![Page 15: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/15.jpg)
![Page 16: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/16.jpg)
Created with passion for digital
Návrh webu #2
Mood research = stanovenie smeru Štruktúra a obsah webu Stanovanie KPI = pridaj referát Grafický návrh webu
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 17: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/17.jpg)
![Page 18: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/18.jpg)
![Page 19: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/19.jpg)
![Page 20: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/20.jpg)
Ó, Áno!
![Page 21: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/21.jpg)
webdesign.
Created with passion for digital
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 22: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/22.jpg)
Created with passion for digital
Responsive & Grid
Bootstrap a čo je to?
Responsive
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 23: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/23.jpg)
23
![Page 24: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/24.jpg)
24
![Page 25: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/25.jpg)
Created with passion for digital
Grid
Čo sú to breakpointy? Globálne breakpointy sú zle.
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 26: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/26.jpg)
Created with passion for digital
CSS pixel vládne všetkým! Ó, toto si zapíšem
(KO)MÉDIA2014 | Created by SCR | 11/2014
83% dizajnérov má problém.
iPad má veľké rozlíšenie. Nie, nedostanem na nom desktop web.
![Page 27: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/27.jpg)
27
Nie, nie! Ô, áno!
![Page 28: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/28.jpg)
28
y
x x
y
y
Nie, nie! Ô, áno!
![Page 29: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/29.jpg)
29
![Page 30: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/30.jpg)
Created with passion for digital
Design simplicity. Content First!
Použiteľnost a dostupnosť informácii
Kompozícia, farby, typografia, grid, Fotografia Flat design Viac priestoru okolo prvkov Menej dekorácií Platí aj v interakcii užívateľa s interface Dostupnosť informácii
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 31: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/31.jpg)
31
![Page 32: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/32.jpg)
Created with passion for digital
UX Design - mysli na tie dotyky
Desktopové elementy na mobile bolia!
50px x 50px je nutné minimum! Mobilný web musí mať okraje!
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 33: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/33.jpg)
Created with passion for digital
Typografia
Stavebný kameň
Dostupné kvalitné fonty Webfonty (Google Fonts, Typekit …) Vlastné fonty (CSS @font-face) Opatrnosť, správna dôraznosť, kombinovanosť
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 34: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/34.jpg)
34
![Page 35: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/35.jpg)
Created with passion for digital
Ikonografia, illustrácie
Ikonky, ikonky, ikonky…
Namiesto slov Podpora slov Estetické ladenie Podpora brandu, produktov
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 36: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/36.jpg)
36
![Page 37: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/37.jpg)
Created with passion for digital
Menu
Informácie skryté alebo dostupné
Mobile first prístup Hamburger menu
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 38: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/38.jpg)
38
![Page 39: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/39.jpg)
39
![Page 40: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/40.jpg)
Created with passion for digital
Take a break - drink Coffee.
Dobrú výberovu kávu
Vyvinuté telo Správna acidita Chute čerešní Chute mliečnej čokolády Chute lásky ❤
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 41: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/41.jpg)
Created with passion for digital
Farby
Pastelové farby
Veľké farebné plochy Farebné schémy Kontrast Biele plochy
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 42: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/42.jpg)
42
![Page 43: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/43.jpg)
Created with passion for digital
CSS3, HTML 5
Čerešničky na torte
Podpora interaktivity - lepší používateľský zážitok Nahradenie flash technológie - CSS3 Animácie Dobrá podpora prehliadačov
Ľudia s IE sú zvyknutý, že internet vyzerá blbo.
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 44: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/44.jpg)
44
![Page 45: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/45.jpg)
Created with passion for digital
Testovanie
Nie prehliadač nestačí. Nie nestačia ani 2 breakpointy.
Testujeme počas celého vývoja. Čo najviac prehliadačov a zariadení.
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 46: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/46.jpg)
.! Komunikácia Spolupráca Učenie sa navzájom Podpora Disciplína
(KO)MÉDIA2014 | Created by SCR | 11/2014
![Page 47: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/47.jpg)
fb:scr.creative.studiosinstagram:scr_studiosweb:www.scr.sk
![Page 48: Moja mama nevedela čo je komfort, tvoja zase neví co je náš workflow](https://reader031.fdocument.pub/reader031/viewer/2022030310/58f0721f1a28ab70548b4591/html5/thumbnails/48.jpg)
48
Ahoj.Ďakujeme.
(KO)MÉDIA2014 | Created by SCR | 11/2014