WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům

Redesign spuštěný proti pravidlům
Vít Straka
Project Manager
PeckaDesign
MEGAPIXEL
PeckaDesign.cz
WebTop100 Case study MEGAPIXEL
redesign spuštěný proti pravidlům FB Facebook.com/peckadesign

1. MEGAPIXEL e-shop je
redesign spuštěný proti pravidlům PeckaDesign.cz
FB facebook.com/peckadesign
 Inspirativní e-commerce projekt
• díky této konferenci
potvrzeno 
 Bezpečný, stabilní a rychlý
• běží na nejnovějších technologiích PHP
8, Elastic 7, Nette 3…
 Web s perfektní designem
• sjednocená komunikace s tištěným
magazínem (MEGAZINE)
 Obrovské množství obsahu
• články, foto škola, galerie… pro vizuální
tvůrce
 Byznysově fungující e-shop
• kde lze řešit online i servis, prodej staré
techniky…
 Naskenuj si odkaz
na referenci

2. Jak jsme toho docílili?

3. Jak jde obvykle čas
B
A D
C
Plánování Realizace Spuštění
Tady
jsme

4. TENET
B A
D C
Plánování
Realizace
Spuštění
Tady
jsme
Vezměme to nyní od konce na začátek

Spuštění

5. Spuštění
„5. 12. 2020“
vánoční sezóna v plném proudu
 Byznysově to vyšlo, skrátký výpadek
• e-shop prodává, vyšlo to!
• jen to byly trochu větší „nervy“, s
vědomím spouštění trochu proti pravidlům
v sezoně, ale kdo se bojí … znáte to 
 Redesign se, ale týkal i dalších částí
• například galerie, kam uživatelé mohou
nahrávat své fotky… a tu jsme plánovali
vyladit až po spuštění… to se mnoha
nelíbilo… a museli jsme rychle řešit!

6. Spuštění
Co předcházelo spuštění?

7. Realizace – konečná fáze
 COVID
• podzim 2020, covid vlna nastupuje,
vše zavřeno i my na home office,
řešíme a řídíme se remote…
 Komplikace
• je to pro nás nová situace, při
spouštění velkého projektu
• a zjišťujeme, že potřebujeme ještě čas
pro vyladění projektu a neradi bychom
spouštěli již v říjnu, jak jsme původně
chtěli.

8. Realizace – konečná fáze
 Posunout spuštění na rok 2021
• to by například znamenalo duální
vývoj důležitých funkcionalit pro
obě verze webu (starou i novou)
Rozhodnutí 27. 10. 2020
 Nebát se, a spustit v 2020 
• s tím, že vypracujeme navíc
s funkcionalitami, které byly v
roadmapě po spuštění (před Vánoci)
nebo

9. Realizace
 2019, 2020
• samotná realizace, je vlastně taková nejméně zajímavá část (pro prezentaci z pohledu projekťáka)
ale, důležité pro projekt je, že realizátoři odbavovali úkoly jeden po druhém, a že jich bylo…
• Kodér kóduje, programátor programuje
• odbavují se úkoly v jednotlivých sprintech a vše jde jak na drátkách
 Detail „nevyjasněnosti“
• většinou nic nenasvědčuje zdržení / problémům v poslední fázi a sem tam se jen nějaký úkol
odsune s tím, že je třeba vyjasnit si případně později (to se většinou děje právě před spuštění )

10. Plánování
 Z hlediska klienta i kreativců
nejzajímavější část
• probíhají workshopy
• navrhuje se grafika
• design, wireframy, diskutuje se
 Z hlediska projektového řízení
nejdůležitější část
• je třeba vytvořit dobré zadání (pochopit
klienta a jeho potřeby)
• mít toho co nejvíce vyjasněno, aby byl
realirstický odhad objemu práce…
 V této fázi jsem nebyl na projektu
• naskočil jsem později
• ale když jsem viděl návrh designu poprvé
v roce 2018 byla to pro mě Pecka!

Plánování – Zeplin ukázka
 Z hlediska klienta i kreativců
nejzajímavější část
• probíhají workshopy
• navrhuje se grafika
• design, wireframy, diskutuje se
 Z hlediska projektového řízení
nejdůležitější část
• je třeba vytvořit dobré zadání (pochopit
klienta a jeho potřeby)
• mít toho co nejvíce vyjasněno, aby byl
realirstický odhad objemu práce…
 V této fázi jsem nebyl na projektu
• naskočil jsem později
• ale když jsem viděl návrh designu poprvé
v roce 2018 byla to pro mě Pecka!

Plánování – HTML šablony

11. Šest zásadních věcí
Co je potřeba ke vzniku takto robustního
e-commerce projektu?

12. Co bylo třeba ke vzniku projektu
Plánování Realizace Spuštění dnes
I. Znát klienta
2005 – 2018
4. Redesign
Spolupráce od 2005
2019 – 2020

13.Co je třeba ke vzniku projektu
II. Uvědomit si, že z nějakého důvodu nikdy nedopadne
prvotně naplánovaný termín aby bylo spuštěno se všemi
funkcemi.

II. Uvědomit si, že z nějakého důvodu nikdy nedopadne
prvotně naplánovaný termín, aby bylo spuštěno se všemi
funkcemi.
A to ani, když toto pravidlo znám 

III. Každá minuta vyjasňování v první fázi „plánování“, šetří 10
minut v pozdějších fázích.

IV. Mít skvělý realizační tým, který tomu dá vše hlavně v
poslední fázi spouštění

V. Věnovat „péči“ před spuštěním částem webu, které přímo
nejsou byznysové ,ale využívají je uživatelé. Ti jsou při změně
totiž pak nejvíce slyšet.

VI. Neustále komunikovat s klientem. Ideálně s někým, kdo
může činit rozhodnutí a v případě MEGAPIXELu přímo s
majitelem, to se pak mohou rychle činit rychlá rozhodnutí 

18. Pak to dopadne dobře
 Výrazné zrychlení e-shopu (ElasticSearch)
 Až 40% datová úspora (formát WebP)
 14 000 + aktivních uživatelů galerie
 Těsné propojení komunity a e-shopu
 Bazar (výkupní a proti účtová kalkulačka)
 Aktuální verze technologií (PHP 8, Nette3)
 Reklamace a servis (možno vyřídit přes web)
 Nepřišli jsme o SEO (web si udržel pozice)
 Bezproblémové nasazení (rychlé a nepoškodilo byznys)
 Vizuální čistota (ano lze udělat hezký a funkční e-shop )
 Naskenuj si odkaz na celou referenci

Děkuji
 MEGAPIXEL a PeckaDesign týmům za dlouhodobou spolupráci!
2005 2008 2013 2020

WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům

Recomendados

Recomendados

Más contenido relacionado

Similar a WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům

Similar a WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům (20)

Más de PeckaDesign.cz

Más de PeckaDesign.cz (20)

WebTop100 Case study MEGAPIXEL – Redesign spuštěný proti pravidlům