Dronpro.cz projektová dokumentace

Transkript

1 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. Po kliknutí na showreel se zobrazí popup okno s videem přes vimeo nebo youtube 2. Po kliknutí na služby web sjede na 5 dlaždic se službami 3. Po kliknutí na šipku v dolní části web sjede na 5 dlaždic se službami 4. Po najetí na dlaždici bychom použili pomalý zoom efekt fotografie v pozadí 5. 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. Po najetí kurzoru na člena týmu se zobrazí bublina se jménem a pozicí. 2. Možnost přidávat další členy 3. Naše práce 1. Po kliknutí na showreel se zobrazí popup okno s videem přes vimeo nebo youtube. 2. 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. 3. 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.

2 5. Detail projektu 1. Pod hlavní navigací se zobrazí submenu s odkazy na předchozí a následující projekt a na stranu Naše práce. 2. 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í. 3. Ikonka pro přehrání bude mít ripple efekt animaci, podobně jako u videí na ted.com: t_climate_change 6. Služby 1. 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. 2. 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. Možnosti upravovat ikonky s popisky. Po kliknutí na danou službu (např. Režimy funkcí) stránka sjede na danou část. 2. U jednotlivých služeb bude možné přidávat, či odebírat volné termíny. 3. Po kliknutí na Objednat se zobrazí popup okno s formulářem na vyplnění Jména, u 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. 4. Po kliknutí na Objednat se zobrazí potvrzovací zpráva a okno zmizí. Na zákazníka přijde potvrzovací , na administrátora přijde také potvrzovací 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

3 11. Služby pojištění 1. Možnosti upravovat ikonky s popisky. Po kliknutí na danou službu (např. Pojištění profi) stránka sjede na danou část. 2. 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í. 3. Po kliknutí na Objednat se zobrazí popup okno s formulářem na vyplnění Jména, u 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. 4. Po kliknutí na Objednat se zobrazí potvrzovací zpráva a okno zmizí. Na zákazníka přijde potvrzovací , na administrátora přijde také potvrzovací 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. 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. 2. U normální aktuality se bude zobrazovat jen prvních několik vět, zbytek bude k vidění až v detailu. 3. Nejnovější aktualita bude zobrazena přes celé okno. 4. Pokud bude potřeba, bude možnost zde umístit i kteroukoliv jinou aktualitu, která bude zrovna potřeba vyzdvihnout. 13. Novinka detail 1. Hlavička s nadpisem, datem a možností vrátit se na výpis všech novinek, text aktuality. 2. 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í. 3. 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í.

4 2. Po vyplnění formuláře na zákazníka přijde potvrzovací , na administrátora přijde také potvrzovací 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. Nebude zde přihlašování uživatelů. 2. 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. 3. 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. 4. Možnost zvolit jaké položky se budou zobrazovat dole jako nejprodávanější. 5. U každé položky bude editovatelná dostupnost na dotaz, k dispozici (+ zobrazený počet kusů, např. v závorce) 6. 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. 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. 2. 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. 3. Po určitém počtu položek (např. 12) se další položky budou načítat lazyloadingem. 19. Eshop detail 1. 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). 2. Informace se budou překlikávat mezi 3 kartami: Obecné informace, Technické specifikace a Příslušenství. 3. 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. 4. 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. 5. 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.

5 2. Ve druhém kroku se vyplní a telefon, údaje se uloží do databáze i pokud uživatel objednávku nedokončí. 3. 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í zákazníkovi i administrátorovi. 4. Způsoby doručení: Osobní vyzvednutí, doručení kurýrem 5. Formy úhrady: Hotovost, převodem, platba kartou online pomocí brány 6. Při doručení kurýrem navýšení ceny možnost nastavit částku v adminu 7. Při překročení určité částky bude doprava zdarma možnost nastavit částku v adminu 8. 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. 9. Také zde bude možnost automatického odesílání pdf faktur na Informace o klientech se budou ukládat do databáze