Dronpro.cz projektová dokumentace Veškerá grafika na webu bude optimalizována pro retina monitory a monitory s vysokým rozlišením.
Jednotlivé stránky 1. Úvod 1. 2. 3. 4. 5.
Po kliknutí na showreel se zobrazí popup okno s videem přes vimeo nebo youtube Po kliknutí na služby web sjede na 5 dlaždic se službami Po kliknutí na šipku v dolní části web sjede na 5 dlaždic se službami Po najetí na dlaždici bychom použili pomalý zoom efekt fotografie v pozadí Modrý pruh s textem a tlačítkem ve spodní části stránky bude editovatelný (text, obsah tlačítka, url odkaz tlačítka). Na každé straně pak bude možnost tento pruh zobrazit, či nezobrazit.
2. O nás 1. 2.
Po najetí kurzoru na člena týmu se zobrazí “bublina” se jménem a pozicí. Možnost přidávat další členy
3. Naše práce 1. 2.
3.
Po kliknutí na showreel se zobrazí popup okno s videem přes vimeo nebo youtube. Stránka se bude přepínat mezi ukázkou prací a výčtem klientů pomocí tlačítek “Práce” a “Klienti”. Nebráníme se 2 různým stránkám místo přepínání obsahu v rámci jedné stránky, pokud to bude šetrnější k plynulému fungování webu. Okna s projekty se budou upravovat, řadit, přidávat a odebírat v redakčním systému. U každého bude možnost přidat libovolný štítek (promo, reklama...) a zvolit zda bude v normální či zmenšené velikosti.
4. Klienti 1.
Políčka s klienty se budou upravovat, řadit, přidávat a odebírat v redakčním systému. Po najetí na políčko se zobrazí overlay vrstva s textem.
5. Detail projektu 1. 2.
3.
Pod hlavní navigací se zobrazí submenu s odkazy na předchozí a následující projekt a na stranu Naše práce. U “okna” s náhledem videa bude možnost měnit obrázek a přidat video z youtube či vimeo. Po kliknutí se zobrazí popup okno s videem. Klikací bude celé okno, nejen ikonka pro přehrání. Ikonka pro přehrání bude mít “ripple efekt” animaci, podobně jako u videí na ted.com: http://www.ted.com/talks/michael_metcalfe_a_provocative_way_to_finance_the_fight_agains t_climate_change
6. Služby 1. 2.
Po najetí na položku “Služby” v hlavní navigaci vyjede druhá navigace (na všech stránkách). Pokud je návštěvník na jedné z pěti služeb, navigace již nevyjíždí, ale je vidět po celou dobu. Po najetí na dlaždici bychom použili pomalý zoom efekt fotografie v pozadí
7. Služby natáčení 1.
Možnosti upravovat ikonky s popisky.
8. Služby eshop
9. Služby školení 1. 2. 3.
4.
Možnosti upravovat ikonky s popisky. Po kliknutí na danou službu (např. Režimy funkcí) stránka sjede na danou část. U jednotlivých služeb bude možné přidávat, či odebírat volné termíny. Po kliknutí na “Objednat” se zobrazí popup okno s formulářem na vyplnění Jména, emailu a telefonu. Bude zde pole s již vybraným kurzem a datem, oboje půjde ještě změnit v rámci popup okna. Také zde bude zobrazena částka za daný kurz. Po kliknutí na “Objednat” se zobrazí potvrzovací zpráva a okno zmizí. Na email zákazníka přijde potvrzovací email, na email administrátora přijde také potvrzovací email se všemi vyplněnými údaji. Údaje se také uloží do databáze a budou k vidění v redakčním systému s možností exportovat jako .csv soubor.
10. Služby servis
11. Služby pojištění 1. 2. 3.
4.
Možnosti upravovat ikonky s popisky. Po kliknutí na danou službu (např. Pojištění profi) stránka sjede na danou část. U jednotlivých služeb bude možné upravovat délku pojištění (6 měsíců, rok...). Zobrazená cena se bude měnit po kliknutí na dané časové období. Po kliknutí na “Objednat” se zobrazí popup okno s formulářem na vyplnění Jména, emailu a telefonu. Bude zde pole s již vybraným kurzem a délkou pojištění, oboje půjde ještě změnit v rámci popup okna. Také zde bude zobrazena částka za daný kurz. Po kliknutí na “Objednat” se zobrazí potvrzovací zpráva a okno zmizí. Na email zákazníka přijde potvrzovací email, na email administrátora přijde také potvrzovací email se všemi vyplněnými údaji. Údaje se také uloží do databáze a budou k vidění v redakčním systému s možností exportovat jako .csv soubor.
12. Novinky 1. 2. 3. 4.
Budou 3 druhy 1: napojení na fb a automatická synchronizace s posty, 2: napojení na instagram, 3: normální aktualita vytvořená v redakčním systému. U normální aktuality se bude zobrazovat jen prvních několik vět, zbytek bude k vidění až v detailu. Nejnovější aktualita bude zobrazena přes celé okno. Pokud bude potřeba, bude možnost zde umístit i kteroukoliv jinou aktualitu, která bude zrovna potřeba vyzdvihnout.
13. Novinka detail 1. 2.
3.
Hlavička s nadpisem, datem a možností vrátit se na výpis všech novinek, text aktuality. V případě, že bude v aktualitě 1 fotografie, zobrazí se vlevo nezatmavená (jako je v pozadí hlavičky). Pokud bude více fotografií, vytvoří se galerie s přepínáním a po kliknutí se zobrazí popup okno s velkou fotografií. Možnost zvolit jaké články se budou zobrazovat jako “Co by vás mohlo zajímat”.
14. Kariéra 1.
Možnost přidávat a odebírat nové pozice.
15. Kariéra detail 1.
Možnsot přidávat i další nadpisy (nabízíme, požadujeme...).
16. Kontakt 1.
Připravit prostor pro google mapu, zatím zde bude zatmavená s textem přes ní.
2.
Po vyplnění formuláře na email zákazníka přijde potvrzovací email, na email administrátora přijde také potvrzovací email se všemi vyplněnými údaji. Údaje se také uloží do databáze a budou k vidění v redakčním systému s možností exportovat jako .csv soubor.
17. Eshop 1. 2. 3. 4. 5. 6.
Nebude zde přihlašování uživatelů. Z tlačítka “Eshop" se stává tlačítko “Košík” s aktuálním počtem položek, po kliknutí na něj se uživatel už nedostane na hlavní stranu eshopu, ale na obsah košíku. Slider se 3 akcemi, možnost měnit v redakčním systému, akce budou jen obrázky s předpřipravenou grafikou. Odkaz “Zobrazit nabídku” povede na detail daného produktu. Možnost zvolit jaké položky se budou zobrazovat dole jako nejprodávanější. U každé položky bude editovatelná dostupnost na dotaz, k dispozici (+ zobrazený počet kusů, např. v závorce) 1 kus čehokoliv (dron, kamera...) je za 100% a další kus stejného druhu za 50% (př. na dronu: pokud je za 100% dron, další dron je za 50%; vždy je za 100% ten dražší dron).. každý další den půjčení je 50% z původní plné ceny (v případě více položek, jsou každý další den za 50% z původní ceny všechny položky). Pokud si člověk půjčí dron a k tomu stabilizátor/kameru/příslušenství na jeden den jsou ceny za všechny položky 100%.
18. Eshop kamery 1. 2.
3.
Jedna ze 4 kategorií. Bude zde druhá navigace se všemi kategoriemi eshopu a tlačítkem na hlavní stranu eshopu. Vyjíždějící navigace u služeb se zobrazí přes tuto navigaci. Každý produkt bude mít 2 profily: Půjčení a Koupě. Po najetí na produkt v eshopu se zobrazí 2 části: koupit a půjčit s informací o dostupnosti. Po kliknutí na jednu z nich se zákazník dostane na daný profil produktu. Po určitém počtu položek (např. 12) se další položky budou načítat lazyloadingem.
19. Eshop detail 1. 2. 3. 4. 5.
V detailu bude základní info, možnost zvolit barvu produktu, či motiv (jen u některých položek), možnost přestoupit na druhý detail produktu (koupit / půjčit). Informace se budou překlikávat mezi 3 kartami: Obecné informace, Technické specifikace a Příslušenství. Dále prostor pro fotografie a informace od výrobce, seznam funkcí produktu a doporučené produkty vše editovatelné v redakčním systému. Po kliknutí na půjčit se zobrazí popup kde bude možnost zvolit si časový úsek půjčení, přidat, či odstranit základní příslušenství a shrnutí s počtem dní půjčení a celkové ceny. Po potvrzení se položka přidá do košíku (v závorce se upraví počet položek v košíku).
20. Košík 1.
Souhrn produktů s možností změnit počet dní (opět vyskočí popup), souhrnem ceny, možností vyprázdnit jednotlivé položky nebo celý košík.
2. 3.
4. 5. 6. 7. 8. 9. 10.
Ve druhém kroku se vyplní email a telefon, údaje se uloží do databáze i pokud uživatel objednávku nedokončí. Ve třetím kroku uživatel vyplní fakturační údaje zvolí způsob platby (v případě platby kartou vyskočí popup či nové okno s platební bránou) a po potvrzení se objednávka zaeviduje a pošle potvrzovací email zákazníkovi i administrátorovi. Způsoby doručení: Osobní vyzvednutí, doručení kurýrem Formy úhrady: Hotovost, převodem, platba kartou online pomocí brány Při doručení kurýrem navýšení ceny možnost nastavit částku v adminu Při překročení určité částky bude doprava zdarma možnost nastavit částku v adminu Zároveň se vše uloží do databáze a bude k vidění v redakčním systému s možností exportovat faktury v pdf. Také zde bude možnost automatického odesílání pdf faktur na email. Informace o klientech se budou ukládat do databáze
