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
Moja mama nevedela čo je komfort, tvoja zase neví čo je náš workflowfront-end developer & webdesigner
SCRFullservisová digitálna agentúraZakladajúci člen ADMAB.Bystrica / BA / Barcelona
(KO)MÉDIA2014 | Created by SCR | 11/2014
webdesigner
Tomáš Pinka
(KO)MÉDIA2014 | Created by SCR | 11/2014
front-enddeveloper
Tomáš Stankovič
(KO)MÉDIA2014 | Created by SCR | 11/2014
5
story.Created with passion for digital
(KO)MÉDIA2014 | Created by SCR | 11/2014
Created with passion for digital
(KO)MÉDIA2014 | Created by SCR | 11/2014
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
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
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
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
Chladné!
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
Ó, Áno!
webdesign.
Created with passion for digital
(KO)MÉDIA2014 | Created by SCR | 11/2014
Created with passion for digital
Responsive & Grid
Bootstrap a čo je to?
Responsive
(KO)MÉDIA2014 | Created by SCR | 11/2014
23
24
Created with passion for digital
Grid
Čo sú to breakpointy? Globálne breakpointy sú zle.
(KO)MÉDIA2014 | Created by SCR | 11/2014
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.
27
Nie, nie! Ô, áno!
28
y
x x
y
y
Nie, nie! Ô, áno!
29
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
31
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
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
34
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
36
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
38
39
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
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
42
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
44
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
.! Komunikácia Spolupráca Učenie sa navzájom Podpora Disciplína
(KO)MÉDIA2014 | Created by SCR | 11/2014
fb:scr.creative.studiosinstagram:scr_studiosweb:www.scr.sk
48
Ahoj.Ďakujeme.
(KO)MÉDIA2014 | Created by SCR | 11/2014