Aerokáva Design pro prezentační web Obsah: a) Úvod 0) Hlavička s hlavním obrázkem a navigační panel 1) Doručení 2) Galerie 3) Jak fungujeme 4) Kde nás najdete 5) Zákazníci doporučují 6) Předplatné 7) Kontaktní formulář 8) Zápatí
Úvod Cílem webu je prezentovat novou službu, která drony rozváží kávu a horkou čokoládu. Jako návštěvník se chci dozvědět o službě základní informace, jako je způsob dopravy a cena, abych si mohl tuto službu objednat na přiložené aplikaci (není součástí tohoto designu). Zároveň chci mít možnost zpětné vazby v podobě emailového formuláře. Web je rozdělený do několika částí, které reprezentují oddíly 0-8. Část 0: Hlavička s hlavním obrázkem a navigační panel Titulek: Žádný Navigační panel: 1. Doručení (část 1) 2. Jak fungujeme (část 3) 3. Kde nás najdete (část 4) 4. Předplatné (část 6) Při najetí kurzorem myši na odkaz se odkaz podtrhne. Po kliknutí na odkaz je návštěvník webu přenesen do indikované části webu. Aerokáva. Modré z nebe Vám nikdo nesnese. My Vám přinášíme to nejlepší. Tlačítka: Letíme! Chci vědět víc Při najetí kurzorem myši na tlačítko Letíme! změní tlačítko barvu na světlejší odstín. Při najetí kurzorem myši na tlačítko Chci vědět víc změní text tlačítka barvu na bílou. Latté art s laptopem a poznámkovým blokem. Část 1: Doručení Titulek: Rychlá káva není káva z automatu V této části se nachází úvodní odstavec a další čtyři, které službu detailněji popisují. Každý popisek má nad sebou příslušnou ikonu. Jsme Aerokáva, nová služba, která Vám doručí prvotřídní kakao a kávu kamkoliv. Víme, že máte spoustu práce. Žádný čas na lahodný doušek energie v poledních i nočních hodinách. Tak se nestarejte, nechte to na nás! Kvalitně, s láskou, kamkoliv! 365 dní v roce Už nikdy nemusíte odbíhat od práce! A to Vám slibujeme. Naše předplatné zahrnuje i pokrytí 365 dní v roce. Samozřejmě si můžete vybrat i flexibilnější možnosti, pokud Vám to tak vyhovuje!
U Vás do 15 minut Vždy jste jen patnáct minut od Vašeho kýženého doušku, který doručíme kamkoliv, do práce nebo domů. Spolupracujeme s nejlepšími baristy ve městě a tak vždy zaručíme, že budete 100% spokojení. 100% organic a fér Veškeré kakao a káva, které dodáváme, jsou čerstvé a v bio kvalitě. Značka Fair Trade zaručuje, že farmáři obdrželi za svou práci spravedlivě zaplaceno a dosáhnou na důstojné podmínky pro život. Široký výběr Nechce Vás omezovat a tak kromě běžných druhů kávy a horké čokolády máte možnost upravit si svoji objednávku podle Vašich přání! Připište k objednávce, jak si Váš nápoj představujete a naši baristé se o to postarají! Část 2: Galerie Titulek: Žádný 1. Káva při schůzce 2. Dron v letu 3. Žena s šálkem 4. Zátiší čokolády se iphonem 5. Káva v zimě 6. Žena s kelímkem 7. Dron s hrnky 8. Plánování s kávou (Čísla obrázků odpovídají pořadí v prezentaci) Obrázky jsou defaultně ztmaveny. Při najetí myší na obrázek daný obrázek zesvětlá a oddálí se. Část 3: Jak fungujeme Titulek: Jak na to je to jednoduché jak 1, 2, 3 Tato část je rozdělená do dvou sloupců. V levém sloupci se nachází obrázek, v pravím sloupci popis služby. Čísla jsou zobrazena odrážkou v podobě kruhu, ve kterém se nachází dané číslo. 1. Vyzkoušejte si naši službu, nebo si rovnou vyberte předplatné, které nejvíce vyhovuje Vašim požadavkům. Jsme tu pro Vás 356 dní v roce! 2. Objednejte si kávu přes mobilní aplikaci, která Vás najde kdekoliv! Můžete nám i zavolat! 3. Užijte si svůj nápoj už za 15 minut. Na shledanou příště! iphone s mobilní aplikací. Odkazy: AppStore Google play
Část 4: Kde nás najdete Titulek: Už létáme v těchto městech Tato část zobrazuje města, ve kterých služba působí. Každé město je umístěno do vlastního sloupce, ve kterém se v horní části nachází příslušný obrázek. Praha 3700+ spokojených zákazníků 50+ kaváren @aerokava_praha Brno 1700+ spokojených zákazníků 30+ kaváren @aerokava_brno Olomouc 500+ spokojených zákazníků 10+ kaváren @aerokava_olomouc Plzeň 1200+ spokojených zákazníků 30+ kaváren @aerokava_plzen Praha Brno Olomouc Plzeň Část 5: Zákazníci doporučují Titulek: Na naší kávě ulítnete Odstavce jsou umístěny do tří sloupců, každý je uveden uvozovkami. Aerokáva je skvělá! Nedávno jsem spustil startup a tak nemám čas zajít si do své oblíbené kavárny. Aerokáva mě zachránila. Na to, že mi kvá přináší dron, jsem si už zvyknul. (Petr Novák) Byla jsem zvyklá na kávu z automatu, který máme v kanceláři. Ale téhle mašince s vrtulkami se nic nevyrovná! Navíc mám čas experimentovat z pohodlí své kanceláře a šanci toho více vyzkoušet. (Anna Pilná) Když dojde na zkouškové, tak není čas běhat po městě a hledat kafe. Tenhle způsob doručování mě baví, z kavárny rovnou na kolej! Moji kamarádi nepřestávají kroutit hlavou. (Andrej Kováčik)
Obrázek na pozadí kávová zrna Zákazník 1 Petr Novák Zákazník 2 Anna Pilná Zákazník 3 Andrej Kováčik Část 6: Předplatné Titulek: Začněte s námi lítat již dnes Tato část je rozdělena do třech karet. Každá karta nabízí vlastní možnost objednávky. Karta s předplatným Premium se liší animací (má ji jako jediná) a kontrastně zabarveným tlačítkem. Předplatné 1: Premium 990kč / měsíčně To je jen 33 kč za nápoj! 1 nápoj každý den Objednávka 24/7 Úprava kávy dle Vašich přání Doručení zdarma Předplatné 2: Pro 700kč / měsíčně To je jen 35 kč za nápoj! 1 nápoj 20 dní / měsíčně Objednávka 24/7 Úprava kávy dle Vašich přání Doručení zdarma Předplatné 3: Starter 40kč / nápoj 1 nápoj Objednávka od 8:00 do 20:00 Doručení zdarma Tlačítka: Každá karta obsahuje vlastní tlačítko Objednat, které svou akcí odkazuje na příslušný typ objednávky. Část 7: Kontaktní formulář Titulek: Ozvěte se nám Kontaktní formulář obsahuje pole, které obsahují tooltipové hodnoty, viz níže. Pole: Jméno / Vaše jméno Email / Váš email Jak jste se o nás dozvěděli / Dropbox s možnostmi Přátelé, Internet, Reklama, Jiné Pravidelné novinky / checkbox s nápisem Ano, prosím. Checkbox je defaultně zaškrtnut. Nechte nám vzkaz / Vaše zpráva
Tlačítka: Poslat! Validace: Skript kontroluje, zda jsou vyplněná všechna povinná pole. Tyto pole jsou Jméno a Email. Zároveň kontroluje správný tvar zadaného emailu obsahuje znak @. Po kliknutí na tlačítko Poslat! se odešle zpráva na provozní emailovou adresu a kopie této zprávy na vyplněnou emailovou adresu. Stav odeslání je komentován níže uvedenými validačními hláškami: a) Děkujeme! Vaše zpráva byla odeslána. b) Jejda! Něco se pokazilo. Zkontrolujte, zda jste zadali vše správně. Část 8: Zápatí Titulek: Žádný Navigační panel: 1. O nás 2. Blog 3. Články 4. ios App 5. Android App Zahrnuje odkazy na účty facebook, twitter, google+ a Instagram. Při najetí kurzorem myši na odkaz se text změní barvu na bílou. Při najetí kurzorem myši na ikonu sociální sítě změní tato ikona barvu na korespondující k dané sociální síti.