Reference / eshopy
Služby pro Eshopy
Design na míru
Vytvoříme pro vás originální a funkční design eshopu, který bude nejen vizuálně atraktivní, ale i maximálně přehledný pro vaše zákazníky. Přizpůsobíme vzhled i strukturu tak, aby odpovídaly vašemu obchodnímu konceptu a zajistily skvělou uživatelskou zkušenost. S námi získáte jedinečný e-shop, který osloví a zaujme.
Analytika a speciální funkce
Pomůžeme vám získat hlubší vhled do výkonu vašeho eshopu díky pokročilé analytice a personalizovaným úpravám. Implementujeme sledování klíčových metrik, optimalizujeme konverzní cesty a přizpůsobíme funkcionality přesně podle vašich potřeb. Ať už jde o propojení s informačními systémy, automatizaci procesů nebo individuální úpravy, zajistíme, aby váš e-shop fungoval efektivně a bez kompromisů.
Import / export XML feedu
Zajistíme bezproblémový import a export produktových XML feedů pro váš eshop. Pomůžeme s napojením na dodavatele, srovnávače zboží i marketplaces, aby váš katalog byl vždy aktuální. Automatizujeme procesy, optimalizujeme datové formáty a přizpůsobíme feedy vašim specifickým potřebám pro maximální efektivitu.
Internetový marketing
Pomůžeme vám zvýšit viditelnost a prodeje vašeho eshopu díky efektivnímu online marketingu. Zaměřujeme se na srovnávače zboží (Google nákupy, Heuréka, Zboží) PPC kampaně, SEO optimalizaci, e-mailing i sociální sítě. Vytvoříme strategii na míru, která osloví správné zákazníky a přinese měřitelné výsledky. S námi váš e-shop poroste.
3D produktová vizualizace
Pokud nemáte k dispozici profesionální fotografie, rádi pro vás vytvoříme fotorealistické vizualizace produktů. Díky 3D modelům můžeme připravit libovolnou scénu i pohled na produkt přesně podle vašich potřeb.
Tvorba eshopu
Pomůžeme vám s návrhem a realizací eshopu na míru, který bude nejen vizuálně atraktivní, ale i plně funkční a přizpůsobený vašim specifickým potřebám. Specializujeme se jak na individuálně vyvíjené eshopy, tak na implementaci a úpravy nejrozšířenějších eshopových systémů v ČR, jako jsou Upgates nebo Shoptet. Navrhneme originální design, intuitivní navigaci a logickou strukturu, která zajistí pohodlný nákupní proces a skvělou uživatelskou zkušenost. Každý eshop, který vytváříme, je jedinečný a plně odpovídá vašemu obchodnímu modelu.
Kromě samotného vývoje se postaráme i o další klíčové aspekty úspěšného online prodeje. Připravíme pro vás fotorealistické 3D vizualizace, natočíme profesionální produktová videa a zajistíme komplexní internetový marketing, který zvýší vaši viditelnost a přivede zákazníky. Pomůžeme vám s migrací produktových dat, propojením eshopu s informačními systémy, nastavením srovnávačů zboží a vytvořením efektivní marketingové strategie. S námi získáte eshop, který nejen dobře vypadá, ale především skvěle funguje a prodává.
Jsme rádi, že jsme si vybrali na modernizaci eshopu www.woolife.cz společnost 321 Creative Crew. S přístupem k zakázce i s výsledkem jsme spokojeni. Připravujeme na základě této zkušenosti další spolupráci projektu www.vitapur.cz
Martin VeselíkJednatel VITAPUR, s.r.o.
Jsme rádi, že jsme si vybrali na modernizaci e-shopu www.woolife.cz společnost 321 Creative Crew. S přístupem k zakázce i s výsledkem jsme spokojeni. Připravujeme na základě této zkušenosti další spolupráci. Martin Veselík, jednatel
Martin VeselíkJednatel VITAPUR, s.r.o.
Postup realizace nového eshopu
Pro představu o naší spolupráci jsme přehledně sepsali jednotlivé fáze a kroky, které vychází z našich dlouholetých zkušeností při tvorbě eshopů.
Aby vznikl projekt, který bude nejen skvěle vypadat, ale i dobře fungovat, je třeba projít všemi fázemi postupně a společně sladit všechny důležité podklady.
Fáze 1 - Příprava
1.1 Spolupráce
Celým procesem spolupráce vás bude provázet náš projektový manažer/ka, který zajistí hladký průběh realizace. Kompletní projekt nového eshopu s Vámi probere na osobní schůzce nebo formou video callu.1.2 Úvodní konzultace
Představíte nám svůj projekt a řeknete nám, co od nového eshopu očekáváte, jaké jsou vaše požadavky a cíle.1.3 Orientační cenová nabídka
Po společné konzultaci zasíláme veškeré důležité informace včetně orientační cenové nabídky na nový eshop. Navrhujeme začít první fázi přípravy nového webu, která zahrnuje analýzu a přípravu zadání. Tuto fázi doporučujeme především v případě, že nemáte jasnou představu o rozsahu. Naopak klienti, kteří mají jasné zadání včetně struktury obdrží finální cenovou nabídku včetně termínů realizace.
1.4 Základní analýza a příprava zadání
- Workshop a definice zadání
Na společném workshopu podrobně projdeme vaše požadavky na nový eshop, prozkoumáme data z Google Analytics a připravíme návrh ideální cesty zákazníka od vstupu na web až po dokončení objednávky. Pokud již máte stávající eshop, zaměříme se na hlavní překážky, včetně míry odchodů a času stráveného na stránkách. Výstupem bude ucelená zpráva v PDF, která bude obsahovat kompletní zadání pro nový eshop, seznam doporučení, na co se zaměřit, a čemu se naopak vyhnout.
- Struktura webu (pavouk)
Společně také navrhneme strukturu webu a seznam všech URL adres s doporučením, jak je nejlépe optimalizovat z pohledu SEO. Pavouková struktura webu bude dodána v přehledném a editovatelném souboru, takže ji budete moci snadno upravit v případě potřeby.
- Drátěný model (wireframe)
Vytvoříme také prototyp nového webu (drátěný model - wireframe) stránek, který pomůže vám i designérům jasně pochopit rozložení prvků na stránce a logiku celého webu. Tyto fáze jsou klíčové, protože určí jednoduchost a intuitivnost navigace pro nové i stávající zákazníky.
Po dokončení těchto kroků budete mít k dispozici kompletní technickou i strategickou dokumentaci k novému eshopu. Teprve poté vám můžeme předložit finální cenovou nabídku na nový eshop, nebo můžete pokračovat v práci s těmito dokumenty pro případ výběrového řízení u externích dodavatelů.
1.5 Finální cenová nabídka
Po vzájemném odsouhlasení finálního zadání, struktury, drátěného modelu a technické specifikace vám předložíme finální individuální cenovou nabídku nového eshopu na míru.Hlavním ukazatelem ceny nového eshopu je jeho rozsah a časová náročnost. Především se jedná o celkový počet vzorových stran, které musí grafik navrhnout, kodér nastylovat a programátor napojit na redakční systém.
V případě snížení celkového rozsahu cena stránek automaticky klesá, ale naopak jeho rozšíření může mít vliv na konečnou cenu webu. Z tohoto důvodu doporučujeme první fázi projektu, kterou je analýza rozsahu webu nepodcenit a aktivně se jí věnovat.
Rozsah cenové nabídky eshopu:
- Grafický návrh homepage
- Grafický návrh vnitřních stran
- Grafický návrh responzivu
- HTML/CSS kódování
- Programátorské práce
- Plnění obsahu webu
- Zprovoznění webu na serveru
- Tvorba obsahu (texty, video, foto, tabulky, grafy, ikony)
Před zahájením nového projektu vždy smluvně definujeme rozsah a celkový časový budget na realizaci nového eshopu. Ať už tento rozpočet využijete na analitické práce, kódování, grafický design nebo marketing, naším hlavním cílem je zajistit, aby byl projekt dokončen včas a v rámci dohodnutých parametrů. Projektový manažer pečlivě stanoví časovou náročnost a dbá na to, aby byla dodržena i během celého procesu realizace. O průběhu projektu budete pravidelně informováni, a to prostřednictvím našeho projektového systému, který vám poskytne detailní přehled o odpracovaných hodinách a aktuálním stavu časové dotace.
1.6 Návrh smlouvy o dílo
Po odsouhlasení cenové nabídky vám zašleme návrh smlouvy o dílo včetně příloh obsahující specifikaci díla, časový harmonogram, jednotlivé termíny realizace.1.7 Fakturace 1/3
Při podpisu smlouvy vám bude automaticky vygenerována proforma faktura ve výši 1/3 z celkové částky projektu. Dnem úhrady startuje realizace nového webu. Pokud nebude grafický návrh využit nebo dojde k ukončení projektu, je úhrada platby 1/3 nevratná a považuje se za skicovné.
Fáze 2 - Plnění obsahu
2.1 Projektové řízení
Kompletní komunikace ohledně tvorby webových stránek i jednotlivé termíny jsou detailně archivovány v našem projektovém systému, ke kterému máte neustálý přístup. Prostřednictvím intranetového systému můžete s námi komunikovat, sdílet podklady a zadávat jednotlivé korektury.2.2 Předání podkladů ze strany zákazníka
Základem úspěšné realizace každého projektu je shromáždění všech potřebných podkladů, mezi nejdůležitější patří:- firemní logo ve křivkách
- logo manuál
- loga partnerů
- kompletní textové podklady (txt., doc.)
- obrázky, fotografie a dokumenty ke stažení
- videa / 3d modely
- prezentační materiály dodavatelů
2.3 Plnění produktů ze strany klienta
Před podpisem smlouvy vám zpřístupníme testovací prostředí nového eshopu, které budete moci testovat nejen z pohledu funkčnosti, ale především z hlediska plnění produktů včetně parametrů a rozšířených filtrací.
Každý zákazník si plnění produktů zajišťuje sám, a to především proto, aby se se systémem lépe seznámil a naučil se s ním efektivně pracovat. V případě jakýchkoli nejasností nebo problémů vám rádi poskytneme plnou podporu a kompletní školení, abyste se cítili v systému komfortně.
Pokud používáte externí systémy (např. ABRA, Helios, K2 atd.) a plánujete je propojit přímo s eshopem, doporučíme vám externího dodavatele, za kterého ručíme. Interní propojení ERP a CRM systémů s eshopem nenabízíme.
2.4 Plnění obsahu
Před vytvořením grafického designu je nutné doplnit obsah nejen do kategorií. Na grafickém návrhu můžeme začít pracovat, jakmile bude definován rozsah obsahových informací, zejména v kategoriích a detailu produktů. Pokud se tak nestane, mohou být nutné další úpravy grafického designu ze strany kódérů a programátorů, protože design a data nebudou odpovídat skutečnosti. To může vést k navýšení nákladů na zakázku a prodloužení času realizace.Fáze 3 - Grafický design
3.1 Grafické návrhy homepage
Grafický návrh pro tvorbu nového eshopu zahrnuje kompletní zpracování grafického designu, který začíná třemi originálními návrhy nové homepage. Na základě výběru jednoho z těchto návrhů se stanoví základní grafický styl, který bude použit pro návrh dalších stránek eshopu. Tento design zahrnuje i návrhy bannerů a doprovodných symbolů, které budou korespondovat s celkovým vizuálním stylem eshopu.Dále se součástí návrhu stává přehled fotografií, produktů a výrobků, jejich úpravy a optimalizace pro web. Zahrnuje to i úpravu zaslaných podkladů a velikosti fotografií, aby byly plně kompatibilní s eshopem a jeho funkcemi. Součástí grafického návrhu je rovněž úprava velikosti a barevnosti logotypů, aby odpovídaly celkovému vizuálnímu stylu a byly dobře viditelné na všech typech zařízení. Tento detailní přístup zajišťuje, že výsledný design bude jednotný, profesionální a přehledný pro všechny návštěvníky eshopu.
3.2 Korektury a výběr
Grafický design je navrhován zkušeným výhradně webovým grafikem, který úzce spolupracuje s kódéry a analytikem. Tato spolupráce je klíčová, protože grafik má přehled o tom, co si může dovolit z hlediska designu. Cílem je, aby eshop nejen skvěle vypadal, ale také efektivně plnil konverzní cíle.. Tento přístup zajišťuje, že návrh není pouze vizuálně atraktivní, ale zároveň funkční a přizpůsobený technickým možnostem.Grafik se zaměřuje na to, aby design byl snadno převoditelný do reálného provozu, bez zbytečných komplikací při implementaci. Díky této úzké spolupráci se kódování a analytika stávají součástí designového procesu již od samého začátku, což zajišťuje, že celý eshop bude nejen esteticky přitažlivý, ale také uživatelsky přívětivý a optimalizovaný pro maximální výkon.
3.3 Grafický design kategorie
Grafický design kategorií se zaměřuje především na vytvoření kvalitního a přehledného výpisu produktů, který usnadní uživatelům rychlé a intuitivní nalezení toho, co hledají. Důraz je kladen na efektivní uspořádání filtrů a navigace, aby byly snadno dostupné a uživatelsky přívětivé. Cílem je zajistit, aby zákazníci měli jednoduchý přístup k možnostem filtrování produktů podle různých parametrů, což zlepší jejich nákupní zkušenost a přispěje k dosažení vyšších konverzních cílů.3.4 Grafický design detail produktu
Následně se zaměříme na tvorbu grafického designu detailu produktu, který je klíčový pro nákupní rozhodnutí zákazníka. Tento design musí být nejen vizuálně atraktivní, ale také informativní a přehledný, aby zákazník snadno našel všechny důležité informace o produktu. Důraz bude kladen na kvalitní zobrazení fotografií, detailní popisy, specifikace a možnost rychlého přístupu k funkcím, jako jsou varianty produktu, recenze a související produkty, což výrazně podpoří konverzní proces.3.5 Grafický design podstránky
Dalším krokem bude tvorba podstránek, které zahrnují výpisy článků na blogu, fotogalerie, textové stránky a detail košíku. Každá z těchto stránek bude navržena s ohledem na uživatelskou přívětivost a přehlednost.- Výpisy článků
Design těchto stránek se zaměří na přehledné zobrazení jednotlivých článků, s možností snadného filtrování a vyhledávání podle kategorií či datumu publikace. Cílem je, aby návštěvníci našli relevantní obsah co nejrychleji.
- Fotogalerie
Fotogalerie budou mít čistý a moderní vzhled, který umožní snadné prohlížení obrázků a jejich zoomování. Důraz bude kladen na rychlé načítání a přehledné uspořádání.
- Textové stránky
Tyto stránky budou optimalizovány pro co největší čitelnost, s dobře strukturovaným textem, vhodným rozdělením na odstavce a přehlednými nadpisy pro lepší orientaci.
- Detail košíku
Tento krok se zaměří na grafiku a funkčnost košíku, aby byl uživatelsky přívětivý a intuitivní. Zákazník bude mít snadný přístup k přehledu položek, cenám, možnostem úpravy a procesu objednávky, což podporuje hladký nákupní proces. Každý z těchto kroků bude pečlivě navržen tak, aby celý eshop byl přehledný, funkční a usnadnil uživatelům co nejrychlejší a nejpříjemnější zážitek.
3.6 Responzivní design
Jakmile budou odsouhlaseny všechny návrhy, předložíme grafický návrh responzivního mobilního designu. Tento návrh bude optimalizován pro různé typy mobilních zařízení a bude zahrnovat:Stanovíme specifické kotevní body pro různé velikosti obrazovek, například pro smartphony, tablety a desktopové verze. To zajistí, že design bude vždy správně zobrazen a funkční bez ohledu na velikost zařízení.
Hlavním cílem responzivního designu je zajistit, aby uživatelský zážitek byl plynulý a konzistentní na všech zařízeních. To zahrnuje optimalizaci načítání stránek pro mobilní zařízení, aby byl eshop rychlý a uživatelsky přívětivý. Zjednodušení navigace na menších obrazovkách, například pomocí rozbalovacích menu nebo hamburgerového menu, aby byly všechny funkce snadno dostupné.
Přizpůsobení velikosti a rozmístění prvků (texty, obrázky, tlačítka) pro optimalizaci čitelnosti a interakce na menších displejích. Tento responzivní design bude mít za cíl nejen zlepšit vizuální dojem na různých zařízeních, ale také zvýšit uživatelskou spokojenost a konverzní poměr.
Fáze 3 - Kódování HTML / CSS
3.1 HTML / CSS Kodování
Po odsouhlasení grafického designu přichází na řadu frontend kódování, což v praxi znamená rozpohybování grafiky do interaktivní podoby. Tato část je časově nejnáročnější.Kódování je optimalizováno pro tyto prohlížeče:
- Internet Explorer 11
- MS Edge 14+
- Mozilla Firefox (aktuální verze)
- Google Chrome (aktuální verze)
- Apple Safari (iOS 9.3+), Android browser (Android 5+)
3.2 HTML / CSS Responzivu
Po dokončení hlavního kódování eshopu, které zahrnuje základní HTML strukturu a CSS stylování, se zaměříme na úpravy pro mobilní zařízení. Tento krok je klíčový pro zajištění, že váš eshop bude správně fungovat a vypadat skvěle na všech typech zařízení, od desktopů po mobilní telefony.Upravíme existující kód tak, aby byl eshop optimálně zobrazen na mobilních telefonech s menšími obrazovkami. Pomocí media queries zajistíme, že všechny texty, obrázky, tlačítka a interaktivní prvky budou správně zobrazeny a snadno ovladatelné i na menších displejích. Pro mobilní verzi eshopu přizpůsobíme navigaci tak, aby byla intuitivní a snadno použitelná.
Použijeme například hamburger menu pro skrytí navigačních položek a zjednodušíme zobrazení kategorií a filtrů, čímž zajistíme hladký a efektivní nákupní zážitek na mobilních zařízeních. Pro mobilní zařízení přizpůsobíme velikost interaktivních prvků, jako jsou tlačítka a odkazy, tak, aby byly dostatečně velké a dobře ovladatelné dotykem. Tato úprava zaručí pohodlné používání eshopu na smartphonu.
Naším cílem je, aby mobilní verze eshopu nejen dobře fungovala, ale také vypadala atraktivně. Přizpůsobíme grafiku, velikosti písma a uspořádání tak, aby byl eshop na mobilních zařízeních vizuálně přitažlivý a snadno čitelný.
Fáze 4 - Nastavení a zprovoznění
4.1 Testování
Jakmile je eshop úspěšně dokončen začínáme s testovacím provozem. Zaměřujeme se na funkčnost, intuitivní navigaci a nastavujeme důležité konverzní a sledovací kody pro rozsáhlejší analytiku.Dále optimalizujeme rychlost načítání, upravujeme velikost obrázků s převodem na formát WebP a připravujeme web ke zprovoznění na serveru.
4.2 Záloha starého eshopu
V případě potřeby zálohujeme starý eshop.4.3 Nastavení
- NASTAVENÍ OBCHODU
- Základní nastavení obchodu (název, logo, favicon, kontakty, emaily)
- Cookies (správa souhlasů s používáním cookies)
- Typ zobrazení, podrobnosti (zobrazení produktů a stránek, nastavení vzhledu)
- Číselné řady (formáty pro číslování faktur, objednávek a dalších dokumentů)
- DPH (nastavení sazeb DPH pro různé země nebo produkty)
- Jazyky (seznam dostupných jazykových verzí)
- Měny (seznam podporovaných měn, jejich kurzy a zaokrouhlování)
- Souhlasy (správa souhlasů zákazníků)
- Vodoznak (nastavení pozice a obrázku vodoznaku na produktových fotografiích)
- Země (seznam povolených zemí prodeje)
- PRODUKTY
- Benefity (seznam výhod, URL adresy a poznámky)
- Ceníky (cenové hladiny, slevy a automatizace cen)
- Cenové vzorce (vlastní vzorce pro výpočet cen)
- Dodavatelé (seznam dodavatelů a jejich podrobnosti)
- Filtry a řazení (nastavení výchozího řazení, filtrů a indexace)
- Jednotky (zkratky, balení a měrné jednotky)
- Parametry (parametry, jejich hodnoty a skupiny konfigurací)
- Recyklační poplatky (seznam a hodnoty recyklačních poplatků)
- Sklad a dostupnosti (automatické akce, limity stavu zásob)
- Štítky (seznam štítků a jejich pořadí zobrazení)
- Výrobci (seznam výrobců, počet produktů a slevy)
- Rozšířené (podrobnosti a zvláštní možnosti pro produkty)
- NASTAVENÍ OBJEDNÁVEK
- Dokumenty (typy a podrobnosti dokumentů spojených s objednávkami)
- Doprava (způsoby dopravy, poznámky a cenové nastavení)
- Fakturace (automatické generování faktur, zasílání e-mailem)
- Platba (způsoby platby, jejich ceny a loga platebních metod)
- Stavy objednávek (seznam stavů objednávek, jejich typy a systémové emaily)
- ZÁKAZNÍCI
- Oslovení (seznam oslovení, počet zákazníků a podrobnosti)
- Skupiny zákazníků (seznam skupin zákazníků a automatické zařazování)