-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
332 lines (309 loc) · 21.6 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
<!DOCTYPE html>
<html lang="cs">
<head>
<?php include "header.html" ?>
<!-- meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Kompilátor - z řeči klientů, do řeči uživatelů</title>
<!-- Open Graph / Facebook -->
<meta property=" og:type" content="website">
<meta property="og:url" content="https://kompilator.cz/">
<meta property="og:title" content="Kompilátor - z řeči klientů, do řeči uživatelů">
<meta property="og:description" content="Měníme nápady na reálné digitální produkty. Už žádné nedorozumění mezi IT a byznysem, všichni pracujeme jako jeden tým.">
<meta property="og:image" content="https://www.kompilator.cz/img/kompilator_meta_image.jpg">
<meta property="og:site_name" content="Kompilátor" />
<meta property="og:type" content="article" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://kompilator.cz/">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="https://kompilator.cz/">
<meta property="twitter:title" content="Kompilátor - z řeči klientů, do řeči uživatelů">
<meta property="twitter:description" content="Měníme nápady na reálné digitální produkty. Už žádné nedorozumění mezi IT a byznysem, všichni pracujeme jako jeden tým.">
<meta property="twitter:image" content="https://www.kompilator.cz/img/kompilator_meta_image.jpg">
<meta name="title" content="Kompilátor - z řeči klientů, do řeči uživatelů">
<meta name="description" content="Měníme nápady na reálné digitální produkty. Už žádné nedorozumění mezi IT a byznysem, všichni pracujeme jako jeden tým.">
<meta name="author" content="Kompilátor s. r. o.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="seznam-wmt" content="7EXe6O8iBq0WvVggTh3fhgBa0M5VlTs1" />
<meta name="keywords" content="web, aplikace, rebrand, redesign, produkt, proč?, design">
<meta name="application-name" content="Kompilator.cz">
<link rel="canonical" href="https://kompilator.cz/" />
</head>
<body class="bg-white gray">
<!-- navigation menu -->
<?php include "menu.html" ?>
<!-- banner -->
<section id="banner" class="banner">
<div class="container-fluid max-element pl-md-5 pr-md-5">
<div class="row no-gutters">
<div class="col-lg pr-lg-5">
<h1 class="purple fw-500 banner-title">Překládáme vaše podnikatelské potřeby do úspěšných produktů</h1>
<p class="mt-40"><span class="fw-450">Kompilátor nápadů</span> - vytváříme digitální produkty, které jsou zde pro uživatele a zároveň vykouzlí úsměv na tváři i marketingovému a obchodnímu oddělení. <br /><br />
<div class="ca-buttons">
<a href="tel:+420725423538"><button class="order">Zkušební spolupráce :)</button></a>
<a href="https://kompilator.cz/files/references.pdf" target="new"><button class="show-ref">Zobrazit reference ></button></a>
</div>
</p>
</div>
<div class="col-lg d-lg-flex justify-content-end p-0 d-none">
<img src="img/svg/banner_img.png" class="img-fluid img-banner" alt="Produkty, které vydělávají" />
</div>
</div>
</div>
</section>
<!-- references section -->
<section class="references" id="references">
<div class="container-fluid max-element pl-md-5 pr-md-5">
<div class="d-none d-lg-flex justify-content-between">
<div class="mr-5">
<img src="img/logos/chuf.svg" class="img-fluid" alt="Chuf.com - Vysokozdvižné vozíky" />
</div>
<div class="mr-5">
<img src="img/logos/kiwi.svg" class="img-fluid" alt="Kiwi.com - letenky" />
</div>
<div class="mr-5">
<img src="img/logos/ulekare.svg" class="img-fluid" alt="uLekáře.cz" />
</div>
<div class="mr-5">
<img src="img/logos/mall.svg" class="img-fluid" alt="Mall - online eshop" />
</div>
<div class="mr-5">
<img src="img/logos/cajovna_setkani.svg" class="img-fluid" alt="Čajovna Setkání v Praze" />
</div>
<div class="">
<img src="img/logos/economia.svg" class="img-fluid" alt="Economia, Centrum email" />
</div>
</div>
</div>
</section>
<section id="problems" class="problems">
<div class=" container-fluid max-element pr-md-5 pl-md-5">
<div class="row">
<div class="col-md-12 col-lg-6">
<div>
<p class="fw-450 text-uppercase">
co vlastně nabízíme a kdy využít naše služby</p>
<p>Po letech práce v IT jsme se rozhodli, že nechceme primárně nabízet "pouze" vývoj mobilních, či webových aplikací.<br /><br />Pokud hledáte partnera, který vám pomůže s komplexnějším řešením, jste tady správně. Napište nám, pokud potřebujete:
<ul class="list-unstyled list-dont">
<li class="fw-450">+ Navrhnout celý projekt po technické a byznys stránce</li>
<li class="fw-450">+ Vytvořit custom design včetně uživatelského testování</li>
<li class="fw-450">+ Pochopit data firmy a umět s nimi efektivně pracovat</li>
<li class="fw-450">+ Zanalyzovat trh, konkurenci a vyniknout</li>
<li class="fw-450">+ Vyvinout webovou nebo mobilní aplikaci</li>
<li class="fw-450">+ Optimalizovat rychlost webu, aplikace a odladit slabé stránky</li>
</ul>
</div>
</div>
<div class="col-md-12 col-lg-4 ml-auto">
<p class="fw-450 text-uppercase">OČEKÁVÁNÍ</p>
<p><span class="fw-purple">Správná očekávání definovaná na startu</span> se přímo odvíjejí od kvality dodaného produktu a s tím spojenými otázkami PROČ a pro KOHO.</p><br />
<p class="fw-450 text-uppercase">NEVYHOZENÉ PENÍZE</p>
<p>Jistě znáte příběhy o tom, jak se něco vyvíjelo měsíce/roky, až se nakonec zjistilo, že chceme něco úplně jiného? Projekt se nikdy ani nedokončil? S námi podobným problémům předejdete.</p>
<br />
<a href="https://kompilator.cz/files/cajovna.pdf" target="new"><button class="order">Ukázka spolupráce</button></a>
</div>
</div>
</div>
</section>
<!-- section start -->
<section class="start mt-40" id="start">
<div class="container-fluid max-element pr-md-5 pl-md-5">
<div class="row">
<div class="col-lg-12 start-title">
<h1 class="purple fw-500 banner-title">Začněte ve 3 jednoduchých krocích</h1>
</div>
<div class="mt-40 d-sm-flex-inline d-lg-flex align-items-stretch text-center justify-content-between">
<div class="col-sm-12 col-md-12 col-lg-3 step">
<img src="img/svg/bulb.svg" alt="Pošlete nápad, který chcete zdigitalizovat" />
<p class="purple fw-500 mt-3">1. Pošlete nápad</p>
<p>Na začátek nám stačí poslat <a href="https://forms.gle/zDCrXjETzfTFcrxA8" target="new">poslat nápad/problém</a>, který řešíte a my v týmu zpracujeme návrhy, zjistíme stav, rizika a úspěšnost nápadu na trhu.</p>
</div>
<div class=" col-sm-12 col-md-12 col-lg-3 step">
<img src="img/svg/conversation.svg" alt="Zanalyzujeme, prokonzultujeme Vaše nápady" />
<p class="purple fw-500 mt-3">2. Návrh a analýza</p>
<p>Následně si zanalyzujeme designové, technologické, konkurenční možnosti a vyhotovíme možná řešení a jejich formu realizace.</p>
</div>
<div class="col-sm-12 col-md-12 col-lg-3 step">
<img src="img/svg/concept.svg" alt="Navrhneme koncept řešení webu nebo aplikace" />
<p class="purple fw-500 mt-3">3. Koncept řešení a workshop</p>
<p>Pokud se na řešení shodneme, vyhotovíme základní prototyp, začneme testovat a validovat jeho úspěšnost na společném úvodním workshopu.</p>
</div>
</div>
</div>
</div>
</section>
<section class="dont mt-40" id="dont">
<div class="container-fluid max-element pl-md-5">
<div class="row">
<div class="order-1 order-lg-1 col-lg-7 mt-40 pr-md-5">
<h1 class="purple fw-500 banner-title">Jak vypadá workshop?</h1>
<p class="mt-40">
Prvním a nejdůležitějším krokem je <span class="fw-450">setkat se</span> na společném workshopu, poslechnout si všechny nápady týmu a brainstormingovat nad nimi. <br /><br />
<span class="fw-450">Brainstorming v týmu</span> je důležitý. Žádný nápad není špatný a všechny by měly být sepsány a zanalyzovány.
</p>
</div>
<div class="order-3 order-lg-2 col-lg-7 mt-40">
<div class="row">
<div class="col-md-6">
<ul class="list-unstyled list-dont">
<li class="fw-450">+ Definování problému</li>
<li class="fw-450">+ Kladení si otázky PROČ</li>
<li class="fw-450">+ Definování user rolí</li>
<li class="fw-450">+ Definování funkcí</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-unstyled list-dont">
<li class="fw-450">+ Brainstorming nad funkcemi</li>
<li class="fw-450">+ Cíle firmy, očekávání z produktu</li>
<li class="fw-450">+ Empatická analýza</li>
<li class="fw-450">+ Stávající potřeby vs. nové potřeby</li>
</ul>
</div>
</div>
</div>
<div class="order-2 order-lg-3 col-lg-5 d-lg-flex p-0 justify-content-end">
<img src="img/svg/coding.svg" alt="Nevyvíjíme nad CRM řešeními" class="img-fluid auto-banner coding-banner" />
</div>
</div>
</div>
</section>
<!-- slider section -->
<section id="slider" class="d-none d-md-block">
<div class="container-fluid pl-md-5 pr-md-5">
<div id="carousel-fade" class="carousel slide carousel-fade mt-40" data-interval="false" data-ride="carousel" data-pause="hover">
<div class="max-element carousel-inner">
<div class="carousel-item active">
<div class="d-block w-100 slide-box slide-box2"></div>
<div class="carousel-caption col-md-11 col-lg-8 pl-5">
<h2 class="carousel-title">Limuzíny pro všechny
<span class="ref-icon">
<a href="https://prolimoservice.kompilator.cz/" target="new"><img src="img/svg/web_white.svg" class="svg-white" alt="Webová aplikace Pro Limo Services" /></a>
</span>
</h2>
<p class="carousel-desc mt-4">Responzivní webová aplikace umožňující online rezervaci limuzíny pro různé účely, včetně objednání doplňkových služeb a rychlé komunikaci s Vaším řidičem. Díky aplikaci je možné začít výlet v novém městě již na letišti
a nestresovat se čekáním na taxi v předražených turistických cenách.</p>
<ul class="list-inline list-unstyled carousel-tags mt-4">
<li class="carousel-tag-item list-inline-item">Analýza</li>
<li class="carousel-tag-item list-inline-item">Design</li>
<li class="carousel-tag-item list-inline-item">UI/UX</li>
<li class="carousel-tag-item list-inline-item">Drupal</li>
<li class="carousel-tag-item list-inline-item">Marketing</li>
</ul>
<!-- <button type="button" class="btn-study btn col-auto p-0">ZOBRAZIT CASE STUDY</button> -->
</div>
<picture>
<source srcset="img/[email protected] 1x,
img/[email protected] 2x" type="image/webp">
<source srcset="img/[email protected] 1x,
img/[email protected] 2x" type="image/png">
<img class="carousel-image" src="img/[email protected]" alt="Pro limo services - online limuzíny" />
</picture>
</div>
<div class="carousel-item">
<div class="d-block w-100 slide-box slide-box1"></div>
<div class="carousel-caption col-md-11 col-lg-8 pl-5">
<h2 class="carousel-title">Příběh aplikace pro bežce
<span class="ref-icon">
<a href="https://apps.apple.com/cz/app/otkd-2017/id1263139345?l=cs" target="new"><img class="svg-white" src="img/svg/apple_white.svg" alt="iOS aplikace OTKD" /></a>
<a href="https://play.google.com/store/apps/details?id=eu.nanooq.otkd&hl=sk" target="new"><img class="svg-white" src="img/svg/android_white.svg" alt="Android aplikace OTKD" /></a>
</span>
</h2>
<p class="carousel-desc mt-4">
Mobilní aplikace Od Tatier k Dunaju je využívána každoročně během běžeckých závodů více než 2500 běžci současně. Zpříjemňuje zážitek z běhu a umocňuje týmové zapojení zejména díky real-time GPS Trackingu a komunikaci s organizátorem.
</p>
<ul class="list-inline list-unstyled carousel-tags mt-4">
<li class="carousel-tag-item list-inline-item">Analýza</li>
<li class="carousel-tag-item list-inline-item">Design</li>
<li class="carousel-tag-item list-inline-item">UI/UX</li>
<li class="carousel-tag-item list-inline-item">Backend vývoj</li>
<li class="carousel-tag-item list-inline-item">Firebase</li>
<li class="carousel-tag-item list-inline-item">iOS vývoj</li>
<li class="carousel-tag-item list-inline-item">Android vývoj</li>
<li class="carousel-tag-item list-inline-item">Marketing</li>
</ul>
<button type="button" class="btn-study btn col-auto p-0">
<a href="otkd.php">ZOBRAZIT PŘÍPADOVOU STUDII</a></button>
</div>
<picture>
<source srcset="img/[email protected] 1x,
img/[email protected] 2x" type="image/webp">
<source srcset="img/[email protected] 1x,
img/[email protected] 2x" type="image/png">
<img class="carousel-image" src="img/[email protected]" alt="Mobilní aplikace pro závody Od Tatier k Dunaju" />
</picture>
</div>
<div class="carousel-item">
<div class="d-block w-100 slide-box slide-box3"></div>
<div class="carousel-caption col-md-11 col-lg-8 pl-5">
<h2 class="carousel-title">Najdi svoji hvězdu
<span class="ref-icon">
<a href="https://apps.apple.com/us/app/find-my-star/id1350451496" target="new"><img class="svg-white" src="img/svg/apple_white.svg" alt="iOS aplikace Find my Star" /></a>
<a href="https://play.google.com/store/apps/details?id=com.nanooq.findmystar&hl=sk" target="new"><img class="svg-white" src="img/svg/android_white.svg" alt="Android aplikace Find my Star" /></a>
</span>
</h2>
<p class="carousel-desc mt-4">Nativní mobilní aplikace umožňující vyhledávat zakoupené hvězdy. Není romantičtějšího dárku pro Vaši polovičku. V aplikaci je možné si dokoupit prostřednictvím In-App nákupů hvězdnou mapu s Vaší hvězdou a za tmavých nocí
ji vyhledat na krásné hvězdné obloze.
</p>
<ul class="list-inline list-unstyled carousel-tags mt-4">
<li class="carousel-tag-item list-inline-item">Analýza</li>
<li class="carousel-tag-item list-inline-item">Design</li>
<li class="carousel-tag-item list-inline-item">UI/UX</li>
<li class="carousel-tag-item list-inline-item">iOS vývoj</li>
<li class="carousel-tag-item list-inline-item">Android vývoj</li>
</ul>
<!-- <button type="button" class="btn-study btn col-auto p-0">ZOBRAZIT CASE STUDY</button> -->
</div>
<picture>
<source srcset="img/[email protected] 1x,
img/[email protected] 2x" type="image/webp">
<source srcset="img/[email protected] 1x,
img/[email protected] 2x" type="image/png">
<img class="carousel-image" src="img/[email protected]" alt="Find my Star - mobilní aplikace na vyhledávání hvězd" />
</picture>
</div>
</div>
<a class="carousel-control-prev" href="#carousel-fade" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-fade" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<!-- education section -->
<section class="education mt-60" id="education">
<div class="container-fluid max-element">
<div class="row">
<div class="order-2 order-lg-1 col-lg-4 d-lg-flex justify-content-start p-0">
<img src="img/svg/educations.svg" alt="Tvořte, vzdělávejte se s námi" class="img-fluid auto-banner" />
</div>
<div class="col-lg-8 order-1 order-lg-2 pb-5 pl-md-5">
<h1 class="purple fw-500 banner-title">Tvořte, vzdělávejte se s námi</h1>
<p class="mt-40">
Aby mohli na trhu vznikat užitečné, kvalitní a technologické produkty, je třeba, aby technologiím rozuměli všichni. IT již není výhradou podivínů ve sklepě, IT je již dostupné každému a my Vám ho zpřístupníme ve srozumitelné podobě.
<span class="fw-450">Rádi vás IT trendy během vývoje s námi naučíme.</span> <br /><br /> Naučíme vás myslet technologicky, analyticky, využívat agilní a designově-produktové přístupy. Naše <span class="fw-450">know-how</span> je součástí Vás a Vašeho nového produktu.
</p>
<div class="logos mt-40 d-none d-md-flex flex-wrap justify-content-between">
<img src="img/svg/design_thinking.svg" alt="Design Thinking" class="img-fluid" />
<img src="img/svg/agile.svg" alt="Agilní vývoj" class="img-fluid" />
<img src="img/svg/firebase.svg" alt="Firebase databáze" class="img-fluid" />
<img src="img/svg/data.svg" alt="Datová analýza a rozhodování" class="img-fluid" />
</div>
</div>
</div>
</div>
</section>
<script src="vendor/jquery/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous">
</script>
<script src="vendor/jquery/popper.min.js"></script>
<?php include "footer.html" ?>
</body>
</html>