PageSourceSearch

https://ap4-20db5e.webflow.io/mobilapp-fejlesztes

html ap4-20db5e.webflow.io collected 2026-10-03 12:44:04 UTC 109,090 bytes, 793 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Sat Aug 09 2025 07:51:28 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="ap4-20db5e.webflow.io" data-wf-page="65bbca1b150e920d79dac078" data-wf-site="648b78ba8edb3fbfb7969570" lang="hu"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Mobilalkalmazás fejlesztés</title><link rel="alternate" hrefLang="x-default" href="https://ap4-20db5e.webflow.io/mobilapp-fejlesztes"/><link rel="alternate" hrefLang="hu" href="https://ap4-20db5e.webflow.io/mobilapp-fejlesztes"/><link rel="alternate" hrefLang="en" href="https://ap4-20db5e.webflow.io/en/mobilapp-fejlesztes"/><meta content="Projekt alapú megvalósítást alkalmazunk mobilalkalmazás-fejlesztési projektek során. Nálunk nem csak natív iOS vagy Android alkalmazásokhoz, hanem Cross platform (REACT NATIVE, Flutter), vagy PWA mobil megoldásokhoz is igénybe veheti csapatunkat." name="description"/><meta content="Mobilalkalmazás fejlesztés" property="og:title"/><meta content="Projekt alapú megvalósítást alkalmazunk mobilalkalmazás-fejlesztési projektek során. Nálunk nem csak natív iOS vagy Android alkalmazásokhoz, hanem Cross platform (REACT NATIVE, Flutter), vagy PWA mobil megoldásokhoz is igénybe veheti csapatunkat." property="og:description"/><meta content="Mobilalkalmazás fejlesztés" name="twitter:title"/><meta content="Projekt alapú megvalósítást alkalmazunk mobilalkalmazás-fejlesztési projektek során. Nálunk nem csak natív iOS vagy Android alkalmazásokhoz, hanem Cross platform (REACT NATIVE, Flutter), vagy PWA mobil megoldásokhoz is igénybe veheti csapatunkat." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/css/ap4-20db5e.shared.a13c2c66b.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Rubik:300,regular,500:latin,latin-ext"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65940b9d3480cdb634d8de03_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65940c110fe9862f1df6e23b_android-chrome-256.png" rel="apple-touch-icon"/><!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
6})(window,document,'script','dataLayer','
6GTM-TCM7BFB6
vendor: 3 bytes, line 6
6');
6</script>
6
7<!-- End Google Tag Manager -->
8
9<!-- Hotjar Tracking Code for ap4.hu -->
10<script>
vendor: 103 bytes, lines 10-11
10(function(h,o,t,j,a,r){h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
11h._hjSettings={hjid:
113857386
vendor: 263 bytes, lines 11-16
11,hjsv:6};         
12a=o.getElementsByTagName('head')[0];         
13r=o.createElement('script');r.async=1;         
14r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;         
15a.appendChild(r);     
16})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 
16</script>
16
17<!-- End Hotjar Tracking Code for ap4.hu -->
18
19<style>
20@media only screen and (min-width: 1025px) {
21  [data-animation="fade"] {
22  	opacity: 0;
23  }
24  
25  [data-animation="scalein"] {
26  	opacity: 0;
27    transform: scale(0.8);
28  }
29}
30
31  @media only screen and (max-width: 767px) {
32   .services_grid, .why_grid, .team_grid, .feature_grid {
33      overflow-x: scroll;
34      -webkit-overflow-scrolling: touch;
35      height: 100%; 
36   }
37}
38</style><style>
39#canvasContainer img {
40  visibility: hidden;
41  pointer-events: none;
42}
43
44.text-center{
45	pointer-events: none;
46}
47</style>
47<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
47</head><body class="body mobil-image"><div lang="hu" class="ap_page-wrap"><div class="google-tag w-embed w-iframe"><!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 47-48
47
48<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
48GTM-TCM7BFB6
vendor: 83 bytes, lines 48-49
48"
49height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
50<!-- End Google Tag Manager (noscript) --></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_component w-nav fixed"><div class="nav_container"><a href="/" class="nav_brand w-nav-brand"><img width="Auto" height="Auto" alt="" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65ccd2e88e44e3820212d403_ap4-logo_228x96_transparent.gif" loading="eager" class="nav_logo"/></a><nav role="navigation" class="nav_menu w-nav-menu"><div class="nav_menu_container"><div data-hover="true" data-delay="0" data-button-animation="" class="nav_dd w-dropdown"><div class="nav_menu_link is-dropdown w-dropdown-toggle"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Egyedi szoftverfejlesztés</div></div><div class="nav_dd-icon w-icon-dropdown-toggle"></div></div><nav class="nav_dd_content w-dropdown-list"><a href="/mobilapp-fejlesztes" aria-current="page" class="nav_menu_link is-dd w--current">Mobilapp fejlesztés</a><a href="/webfejlesztes" class="nav_menu_link is-dd">Webfejlesztés</a><a href="/szoftverfejlesztes" class="nav_menu_link is-dd">Egyedi szoftverek</a></nav></div><a data-button-animation="" href="/outsourcing" class="nav_menu_link w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">IT outsourcing</div></div></a><a data-button-animation="" href="#" class="nav_menu_link w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Tanácsadás</div></div></a><a data-button-animation="" href="#" class="nav_menu_link w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">AI</div></div></a><a data-button-animation="" href="/outsourcing" class="nav_menu_link w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Rólunk</div></div></a><a data-button-animation="" href="/referenciak" class="nav_menu_link w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Referenciáink</div></div></a><a data-button-animation="" href="/kapcsolatfelvetel" class="nav_menu_link is-last w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Elérhetőségek</div></div></a></div></nav><div class="nav_button w-nav-button"><div class="nav_button-icon w-icon-nav-menu"></div></div></div></div><div class="ap_hide"><div class="ap_global-styles w-embed"><style>
51
52/* Make text look crisper and more legible in all browsers */
53body {
54  -webkit-font-smoothing: antialiased;
55  -moz-osx-font-smoothing: grayscale;
56  font-smoothing: antialiased;
57  text-rendering: optimizeLegibility;
58}
59
60/* Focus state style for keyboard navigation for the focusable elements */
61*[tabindex]:focus-visible,
62  input[type="file"]:focus-visible {
63   outline: 0.125rem solid #4d65ff;
64   outline-offset: 0.125rem;
65}
66
67/* Set color style to inherit */
68.inherit-color * {
69    color: inherit;
70}
71
72/* Get rid of top margin on first element in any rich text element */
73.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
74  margin-top: 0 !important;
75}
76
77/* Get rid of bottom margin on last element in any rich text element */
78.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
79	margin-bottom: 0 !important;
80}
81
82
83/* Make sure containers never lose their center alignment */
84.container-medium, .container-small, .container-large {
85	margin-right: auto !important;
86  margin-left: auto !important;
87}
88
89/* 
90Make the following elements inherit typography styles from the parent and not have hardcoded values. 
91Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
92Uncomment this CSS to use it in the project. Leave this message for future hand-off.
93*/
94
95a {
96  color: inherit;
97  text-decoration: inherit;
98  font-size: inherit;
99}
100*/
101
102/* Apply "..." after 3 lines of text */
103.text-style-3lines {
104	display: -webkit-box;
105	overflow: hidden;
106	-webkit-line-clamp: 3;
107	-webkit-box-orient: vertical;
108}
109
110/* Apply "..." after 2 lines of text */
111.text-style-2lines {
112	display: -webkit-box;
113	overflow: hidden;
114	-webkit-line-clamp: 2;
115	-webkit-box-orient: vertical;
116}
117
118
119/* These classes are never overwritten */
120.hide {
121  display: none !important;
122}
123
124@media screen and (max-width: 991px) {
125    .hide, .hide-tablet {
126        display: none !important;
127    }
128}
129  @media screen and (max-width: 767px) {
130    .hide-mobile-landscape{
131      display: none !important;
132    }
133}
134  @media screen and (max-width: 479px) {
135    .hide-mobile{
136      display: none !important;
137    }
138}
139
140.section {
141	position: relative;
142}
143</style></div><div class="ap_font-styles w-embed"><style>
144/* ---------------- This custom code has been created by Mislav Repinac @ mislavrepinac.com & flowave.co  ---------------------- */
145
146h1, h2, h3 {
147	letter-spacing: -0.05em;
148}
149
150h4, h5, h6 {
151	letter-spacing: -0.025em;
152}
153
154@media only screen and (max-width: 768px) {
155	h1 {
156		hyphens: auto;
157  	word-break: break-word;
158  	overflow-wrap: break-word;
159	}
160  
161  .break-normal { 
162  	hyphens: none;
163  	word-break: normal;
164  	overflow-wrap: normal;
165    font-size: 12vw;
166  }
167}
168</style></div><div class="ap_button-styles w-embed"><style>
169/* ---------------- This custom code has been created by Mislav Repinac @ mislavrepinac.com & flowave.co  ---------------------- */ 
170
171@media screen and (min-width: 1025px) {
172
173[data-button-animation]:hover .ap_button-text {
174	transform: translateY(-1.25em);
175}
176
177.ap_button-text {
178	transition: transform 0.35s cubic-bezier(.44,.17,.19,.97);
179}
180
181.ap_button-text {
182	text-shadow: 0px 1.25em 0px currentColor;
183}
184
185.ap_button-text.dark {
186	text-shadow: 0px 1.25em 0px var(--colors--navy);
187}
188
189.ap_button:hover .ap_button-icon {
190	transform: rotateZ(45deg);
191}
192
193.ap_button-icon {
194	transition: transform 0.3s var(--expo);
195}
196}
197</style></div><div class="ap_css-styles w-embed"><style>
198/* ---------------- This custom code has been created by Mislav Repinac @ mislavrepinac.com & flowave.co  ---------------------- */
199
200/* Transition Variables */
201:root {
202	--expo: cubic-bezier(.44,.17,.19,.97);
203}
204
205/* Combo Classes */
206.full-height {
207  height: 100vh;
208  display: flex;
209  flex-direction: column; 
210  justify-content: center; 
211	align-items: stretch; 
212}
213
214
215@media only screen and (max-width: 1024px) {
216	.full-height {
217  	height: auto;
218  }
219}
220
221
222@media only screen and (min-width: 1025px) {
223/* CSS Animations Code */
224@keyframes scalein {
225	0% { opacity: 0; transform: scale(0.8);}
226  100% { opacity: 1; transform: scale(1);}
227}
228
229@keyframes fadein {
230	0% { opacity: 0; filter: blur(10px);}
231  100% { opacity: 1; filter: blur(0px);}
232}
233
234/* CSS Animations Setup */
235[data-animation="fade"] {
236	animation-duration: 1.3s;
237  animation-timing-function: var(--expo);
238  animation-fill-mode: forwards;
239}
240
241[data-animation="fade"].animate {
242	animation-name: fadein;
243}
244
245[data-animation-delay="200"] {
246	animation-delay: 0.2s;
247}
248
249[data-animation-delay="300"] {
250	animation-delay: 0.3s;
251}
252
253[data-animation-delay="400"] {
254	animation-delay: 0.4s;
255}
256
257[data-animation-delay="500"] {
258	animation-delay: 0.5s;
259}
260}
261
262/* Custom Gradients */
263[data-gradient="violet"] {
264	background-image: radial-gradient(circle, rgba(158,119,237,1) 0%, rgba(94,54,173,1) 30%);
265}
266
267/* Transition Properties */
268.white-shine, .green-shine {
269	transition: opacity 0.45s var(--expo);
270}
271
272[data-card-3d] {
273	transition: transform 0.3s ease;
274}
275
276.blog_card-image {
277	transition: scale 0.45s var(--expo), opacity 0.45s var(--expo);;
278}
279
280/* Cards Custom CSS Styles */
281.feature_card:hover .white-shine,
282.services_card:hover .green-shine,
283.why_card:hover .green-shine {
284	opacity: 1;
285}
286
287/* Blog Cards Custom CSS Styles */
288.blog_card:hover .blog_card-image {
289	opacity: 0.75;
290  scale: 1.05;
291}
292
293
294/* Navigation Bar CSS */
295.nav_component.scrolled {
296	transform: translateY(-100%)
297}
298
299.nav_component {
300	transition: transform 0.55s var(--expo);
301}
302
303.nav_component.transparent {
304	background-color: rgba(255, 255, 255, 0);
305  border-bottom-color: rgba(255, 255, 255, 0);
306}
307
308.nav_component.fixed {
309	position: fixed;
310}
311
312.section.is-home-hero::before {
313	content: '';
314  position: absolute;
315  bottom: 0;
316  left: 0;
317  width: 100%;
318  height: 20%;
319  background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
320}
321
322
323</style></div></div><div class="ap_main-wrap"><header class="section is-home-hero"><div class="ap_padding-global ap_padding-section-medium"><div class="div"><div data-animation-delay="400" data-animation="fade" class="service-hero_component"><h1 class="ap_text-weight-xbold">Mobilapp fejlesztés</h1><div class="spacer-24"></div><p class="hero-description">
323Sok jó ötlet megreked a tervezőasztalon – mi működő, piacképes mobilalkalmazássá formáljuk.<br/>Tapasztalt fejlesztőcsapatunk több mint 10 éve készít egyedi iOS, Android és cross-platform mobilappokat – startupoknak, KKV-knak és nagyvállalatoknak egyaránt. <br/>Legyen szó első ötlet validálásáról (MVP), üzleti folyamatok támogatásáról vagy komplex, integrált rendszerről, az AP4 saját, kipróbált fejlesztési folyamatával segít eljutni az első verziótól az App Store megjelenésig – és tovább.</p><div class="spacer-24"></div><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
324<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
325</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Ingyenes konzultáció</div></div></a></div></div></div><div data-poster-url="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-transcode.mp4,https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" data-animation-delay="200" data-animation="fade" class="home-hero_bg w-background-video w-background-video-atom"><video id="901faaf9-b716-4684-6b5d-952158697079-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-transcode.webm" data-wf-ignore="true"/></video></div></header><section class="section is-logo"><div class="ap_padding-global"><div class="div"><div class="logo_marquee_css w-embed"><style>
326@keyframes marquee {
327  0% {
328    transform: translateX(0);
329  }
330  100% {
331    transform: translateX(-100%);
332  }
333}
334
335.logo_marquee_item, .logo_marquee_track {
336	white-space: nowrap;
337}
338
339.logo_marquee_track {
340	will-change: transform;
341  animation: marquee 20s linear infinite;
342}
343
344</style></div><div class="logo_marquee"><div class="logo_marquee_track"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b80232e2556a8dffe4543_639b16ee69e88369184724.avif" loading="eager" height="" width="100" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65afde5bcb24726fb532df16_magyar%20posta.avif" loading="eager" height="" width="100" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b8023a2a9e74792bfa8d3_639b16c19dfc1649177053.avif" loading="eager" height="" width="107.5" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b8097db059daa8101de91_639b162bef44d978323436.avif" loading="eager" height="" width="138.5" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b80aaa2a9e74792c091d4_639b16cfbb105697066596.avif" loading="eager" height="" width="80" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b80c0d8634f3be377e865_639b1613b5df6152671755.avif" loading="eager" height="" width="130" alt="" class="logo_marquee_item"/></div><div class="logo_marquee_track"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b80232e2556a8dffe4543_639b16ee69e88369184724.avif" loading="eager" height="" width="100" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65afde5bcb24726fb532df16_magyar%20posta.avif" loading="eager" height="" width="100" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b8023a2a9e74792bfa8d3_639b16c19dfc1649177053.avif" loading="eager" height="" width="107.5" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b8097db059daa8101de91_639b162bef44d978323436.avif" loading="eager" height="" width="138.5" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b80aaa2a9e74792c091d4_639b16cfbb105697066596.avif" loading="eager" height="" width="80" alt="" class="logo_marquee_item"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b80c0d8634f3be377e865_639b1613b5df6152671755.avif" loading="eager" height="" width="130" alt="" class="logo_marquee_item"/></div></div></div></div></section><div class="ap_padding-global ap_padding-section-medium"><div class="ap_section-title"><div class="section-dot blue"></div><h2 class="ap_heading-style-h3">Appötlete van? Mi valóra váltjuk!</h2></div><div class="spacer-64"></div><div class="div"><div class="w-layout-hflex flex-block-4"><div data-w-id="1f95e1c9-1e0c-1203-6d7d-aed6a37c6393" class="turning-card__wrapper"><div class="turning-card"><div class="turning-card__front"><div class="div-block"><div id="w-node-_1f95e1c9-1e0c-1203-6d7d-aed6a37c6397-79dac078" class="div-block-11-copy"><div class="ap_icon-1x1-xlarge" data-w-id="1f95e1c9-1e0c-1203-6d7d-aed6a37c6398" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65722c4c4c168fdb7d77bbc2_Legal.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h3 id="w-node-_1f95e1c9-1e0c-1203-6d7d-aed6a37c6399-79dac078" class="ap_text-size-large justify-center"><strong>10+ év</strong> tapasztalat</h3></div><div class="white-shine"></div></div><div class="turning-card__back"><p class="ap_text-style-muted turning-card__long-text">Több tucat sikeres mobilapp, valós piaci visszajelzésekkel<br/><br/></p></div></div></div><div data-w-id="1f95e1c9-1e0c-1203-6d7d-aed6a37c63a3" class="turning-card__wrapper"><div class="turning-card"><div class="turning-card__front"><div class="div-block"><div id="w-node-_1f95e1c9-1e0c-1203-6d7d-aed6a37c63a7-79dac078" class="div-block-11-copy"><div class="ap_icon-1x1-xlarge" data-w-id="1f95e1c9-1e0c-1203-6d7d-aed6a37c63a8" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4646daa24d5bbc59943_Web%20Development.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h3 id="w-node-_1f95e1c9-1e0c-1203-6d7d-aed6a37c63a9-79dac078" class="ap_text-size-large justify-center"><strong>100% </strong>testreszabás</h3></div><div class="white-shine"></div></div><div class="turning-card__back"><p class="ap_text-style-muted turning-card__long-text">Ön mondja meg, mire van szükség, mi azt építjük meg<br/></p></div></div></div><div data-w-id="1f95e1c9-1e0c-1203-6d7d-aed6a37c63b1" class="turning-card__wrapper"><div class="turning-card"><div class="turning-card__front"><div class="div-block"><div id="w-node-_1f95e1c9-1e0c-1203-6d7d-aed6a37c63b5-79dac078" class="div-block-11-copy"><div class="ap_icon-1x1-xlarge" data-w-id="1f95e1c9-1e0c-1203-6d7d-aed6a37c63b6" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e40eaaf3e6a9302e2611_Development.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h3 id="w-node-_1f95e1c9-1e0c-1203-6d7d-aed6a37c63b7-79dac078" class="ap_text-size-large justify-center"><strong>Saját</strong>,<strong> átlátható </strong>fejlesztési folyamat</h3></div><div class="white-shine"></div></div><div class="turning-card__back"><p class="ap_text-style-muted turning-card__long-text">Kiszámítható haladás, folyamatos visszacsatolás<br/></p></div></div></div></div></div></div><section class="section"><div class="ap_padding-global ap_padding-section-medium"><div class="platforms"><div class="ap_section-title"><div class="section-dot"></div><h2 class="ap_heading-style-h3">Melyik mobilapp-fejlesztési megoldás illik Önhöz?</h2></div><p class="ap_text-size-medium">Nem kell értenie a technológiákhoz – elmondjuk, melyik fejlesztési típus mire való, és mikor érdemes azt választani.<br/></p><div class="spacer-64"></div><div class="platforms-mobile"><div data-delay="0" data-hover="false" class="f-accordian-dropdown w-dropdown"><div class="f-accordian-toggle w-dropdown-toggle"><div class="f-accordian-title-wrapper"><div class="ap_text-size-large">IOS/Android natív alkalmazásfejlesztés</div><div class="f-accordian-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
345<path d="M11.9998 15L7.75684 10.757L9.17184 9.34302L11.9998 12.172L14.8278 9.34302L16.2428 10.757L11.9998 15Z" fill="currentColor"/>
346</svg></div></div></div><nav class="f-accordian-list w-dropdown-list"><div class="f-accordian-content"><p class="f-paragraph-small">iOS és Android alkalmazások, melyek a választott platform programozási nyelvén és keretrendszerében íródnak, és közvetlenül az eszköz operációs rendszerén futnak. Így a mobilappok fejlesztése során <strong>maximális teljesítményt és felhasználói élményt</strong> érhetünk el.</p><div class="label-wrap label-wrap__flex"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Natív Fejlesztés</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Android</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Kotlin</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Swift</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">iOS</a></div><section id="" class="el-ny-k-korl-tok-copy"><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="5a5b9da8-c2a8-6907-4ba0-11f648e72c9a" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65722c4c385fbbc641f4e5ce_Crown.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Előnyök</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="95f990a1-e2fc-9ab1-8c8b-6ef23c8043ac" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e40e6dd00169fa34d274_Flag.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Korlátok</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="8582f77a-06cc-e1cc-44ba-bcb36f4929b5" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4642e76a4125ddb341b_Server.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Mihez ajánljuk</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div></section><div class="div-block-9"><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed">
346<svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
347<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
348</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Kérj árajánlatot!</div></div></a></div></div></nav></div><div data-delay="0" data-hover="false" class="f-accordian-dropdown w-dropdown"><div class="f-accordian-toggle w-dropdown-toggle"><div class="f-accordian-title-wrapper"><div class="ap_text-size-large">Crossplatform app fejlesztés</div><div class="f-accordian-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
349<path d="M11.9998 15L7.75684 10.757L9.17184 9.34302L11.9998 12.172L14.8278 9.34302L16.2428 10.757L11.9998 15Z" fill="currentColor"/>
350</svg></div></div></div><nav class="f-accordian-list w-dropdown-list"><div class="f-accordian-content"><p class="f-paragraph-small">Jó választás azoknak, akik <strong>meglévő webes alkalmazásokat szeretnének újrahasznosítani</strong>, többek között JavaScript, CSS és HTML5, Cordova, vagy React Native segítségével. Élvezd ki a kisebb költségvetést és a rövidebb fejlesztési időt a Flutter, és a React Native mobil appokkal.</p><div class="label-wrap label-wrap__flex"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Flutter</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">iOS</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">React Native</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Kotlin</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Android</a></div><section id="" class="el-ny-k-korl-tok-copy"><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="c5ef4fb1-c7c3-2ff0-f270-fdcf682de55d" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65722c4c385fbbc641f4e5ce_Crown.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Előnyök</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="c5ef4fb1-c7c3-2ff0-f270-fdcf682de56a" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e40e6dd00169fa34d274_Flag.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Korlátok</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="c5ef4fb1-c7c3-2ff0-f270-fdcf682de577" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4642e76a4125ddb341b_Server.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Mihez ajánljuk</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div></section><div class="div-block-9"><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed">
350<svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
351<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
352</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Kérj árajánlatot!</div></div></a></div></div></nav></div><div data-delay="0" data-hover="false" class="f-accordian-dropdown w-dropdown"><div class="f-accordian-toggle w-dropdown-toggle"><div class="f-accordian-title-wrapper"><div class="ap_text-size-large">Webes mobilapp fejlesztés</div><div class="f-accordian-icon w-embed"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
353<path d="M11.9998 15L7.75684 10.757L9.17184 9.34302L11.9998 12.172L14.8278 9.34302L16.2428 10.757L11.9998 15Z" fill="currentColor"/>
354</svg></div></div></div><nav class="f-accordian-list w-dropdown-list"><div class="f-accordian-content"><p class="f-paragraph-small">Nem szükséges mobilalkalmazásodat az alkalmazás boltokban publikálni (Appstore vagy Play Áruház). Igény szerint akár <strong>web alapú applikációt</strong> is fejleszthetünk számodra, korlátozott funkcionalitással. Ez esetben a telefon hardveres képességei limitáltan használhatóak.</p><div class="label-wrap label-wrap__flex"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Android</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">iOS</a></div><section id="" class="el-ny-k-korl-tok-copy"><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="ffe93d83-db8f-7e53-8a7e-e086e5923835" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65722c4c385fbbc641f4e5ce_Crown.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Előnyök</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="ffe93d83-db8f-7e53-8a7e-e086e5923842" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e40e6dd00169fa34d274_Flag.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Korlátok</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation-copy" data-w-id="ffe93d83-db8f-7e53-8a7e-e086e592384f" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4642e76a4125ddb341b_Server.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading-copy">Mihez ajánljuk</h4></div><ul role="list" class="list-copy w-list-unstyled list-with-tick"><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li><li class="list-item-copy">Előny 1</li></ul></div></section><div class="div-block-9"><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
355<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
356</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Kérj árajánlatot!</div></div></a></div></div></nav></div></div><div class="platforms-web"><div class="ap_rounded_opaque_bg"><div data-current="Tab 5" data-easing="ease" data-duration-in="300" data-duration-out="100" class="w-tabs"><div class="tabs-menu tabs-menu-horizontal tabs-menu-center w-tab-menu"><a data-w-tab="Tab 1" class="tab-link-tab-1 tab-link--button w-inline-block w-tab-link"><div class="text-block-7 font-weight-400">IOS/Android natív alkalmazásfejlesztés</div></a><a data-w-tab="Tab 4" class="tab-link-tab-1 tab-link--button w-inline-block w-tab-link"><div class="text-block-7 font-weight-400">Crossplatform app fejlesztés</div></a><a data-w-tab="Tab 5" class="tab-link-tab-1 tab-link--button w-inline-block w-tab-link w--current"><div class="text-block-7 font-weight-400">Webes mobilapp fejlesztés</div></a></div><div class="tabs-content ms-0 w-tab-content"><div data-w-tab="Tab 1" class="w-tab-pane"><div class="w-layout-hflex flex-block"><div class="div-block-6"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/68763c41ec01669a97f0dfb6_ChatGPT%20Image%202
356025.%20ju%CC%81l.%2015.%2013_32_03-p-500.png 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/68763c41ec01669a97f0dfb6_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_32_03-p-800.png 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/68763c41ec01669a97f0dfb6_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_32_03.png 1024w" alt="Natív mobil alkalmazásfejlesztés" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/68763c41ec01669a97f0dfb6_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_32_03.png" loading="lazy" class="image-4"/></div><div class="div-block-2"><h3 class="ap_text-size-large">Ha a legjobb élményt szeretné: <br/>Natív alkalmazásfejlesztés</h3><div class="spacer-small"></div><p class="ap_text-style-muted">Kifejezetten iOS-re vagy Androidra készített alkalmazások – gyorsak, megbízhatóak, és minden funkciót tudnak, amit a telefon nyújt.</p><div class="label-wrap"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Natív Fejlesztés</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Android</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Kotlin</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Swift</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">iOS</a></div><div class="spacer-small"></div></div></div><section class="el-ny-k-korl-tok"><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation" data-w-id="c6821bfc-a8a2-c2f1-f2f2-95fab86dac2f" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4642e76a4125ddb341b_Server.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading">Mikor ajánljuk?</h4></div><ul role="list" class="list w-list-unstyled list-with-tick"><li class="list-item">Prémium minőséget szeretne</li><li class="list-item">Komplex, funkciókban gazdag appot tervez</li><li class="list-item">A felhasználói élmény kulcskérdés</li></ul></div></section><div class="div-block-18"><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
357<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
358</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Ezt válassza, ha az app minősége döntő tényező!</div></div></a></div></div><div data-w-tab="Tab 4" class="w-tab-pane"><div class="w-layout-hflex flex-block"><div class="div-block-5"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6876388d40ae940b8925d5f3_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_16_09-p-500.png 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6876388d40ae940b8925d5f3_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_16_09-p-800.png 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6876388d40ae940b8925d5f3_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_16_09.png 1024w" alt="Cross platform mobilalkalmazás fejlesztés" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6876388d40ae940b8925d5f3_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_16_09.png" loading="lazy" class="image-5"/></div><div class="div-block-2"><h3 class="ap_text-size-large">Ha gyorsan piacra lépne: Crossplatform appfejlesztés</h3><div class="spacer-small"></div><p class="ap_text-style-muted">Egyetlen kódbázisból készül iOS-re és Androidra is – költséghatékony és gyors megoldás.</p><div class="label-wrap"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Flutter</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">iOS</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">React Native</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Kotlin</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Android</a></div><div class="spacer-small"></div></div></div><section class="el-ny-k-korl-tok"><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation" data-w-id="c4b229ad-93fe-ee4b-9219-93a3e0b4d39f" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4642e76a4125ddb341b_Server.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading">Mikor ajánljuk?</h4></div><ul role="list" class="list w-list-unstyled list-with-tick"><li class="list-item">Startupként vagy KKV-ként fontos a gyors indulás</li><li class="list-item">Egy MVP-t szeretne tesztelni</li><li class="list-item">Korlátozott költségkerettel számol</li></ul></div></section><div class="div-block-18"><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed">
358<svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
359<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
360</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Ezt válassza, ha az idő és a költség számít leginkább!</div></div></a></div></div><div data-w-tab="Tab 5" class="w-tab-pane w--tab-active"><div class="w-layout-hflex flex-block"><div class="div-block-4"><img sizes="(max-width: 1024px) 100vw, 1024px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/687637cdd39ec61cdf15c318_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_13_02-p-500.png 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/687637cdd39ec61cdf15c318_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_13_02-p-800.png 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/687637cdd39ec61cdf15c318_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_13_02.png 1024w" alt="Webes mobilapp fejlesztés" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/687637cdd39ec61cdf15c318_ChatGPT%20Image%202025.%20ju%CC%81l.%2015.%2013_13_02.png" loading="lazy" class="image-3"/></div><div class="div-block-2"><div class="spacer-small"></div><h3 class="ap_text-size-large">Ha egyszerűbb megoldás is elég: <br/>Webes mobilalkalmazás</h3><div class="label-wrap"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">Android</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="#" class="service_label">iOS</a></div><div class="spacer-small"></div><p class="ap_text-style-muted">Letöltés nélkül, böngészőből futó app – gyorsan elkészül, de korlátozott funkciókkal bír.</p></div></div><section class="el-ny-k-korl-tok"><div class="div-block-7"><div class="w-layout-hflex flex-block-2"><div class="div-block-8"><div class="lottie-animation" data-w-id="d6df2c55-ec40-d518-b319-c51fc7d66985" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e4642e76a4125ddb341b_Server.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div></div><h4 class="heading">Mikor ajánljuk?</h4></div><ul role="list" class="list w-list-unstyled list-with-tick"><li class="list-item">Belső használatra készül</li><li class="list-item">Egyszerű információmegjelenítés a cél</li><li class="list-item">Nincs szükség kamera, GPS, push értesítés funkciókra</li></ul></div></section><div class="div-block-18"><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
361<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
362</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Ezt válassza, ha gyors, egyszerű megoldást keres!</div></div></a></div></div></div></div></div></div></div></div><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2.avif" loading="lazy" sizes="(max-width: 2000px) 100vw, 2000px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2.avif 2000w" alt="" class="section_bg"/></section><section class="section"><div class="ap_padding-global ap_padding-section-medium"><div class="div"><div class="ap_section-title"><div class="section-dot blue"></div><h2 class="ap_heading-style-h3">Referenciáink</h2></div><div class="spacer-64"></div><div class="w-layout-grid home-work_grid"><div class="home-work_card home-work_card--flex-column"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751659f78d898152c6a2ac7_BART%20(14).avif" loading="lazy" sizes="(max-width: 1536px) 100v
362w, 1536px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751659f78d898152c6a2ac7_BART%20(14)-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751659f78d898152c6a2ac7_BART%20(14)-p-800.avif 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751659f78d898152c6a2ac7_BART%20(14).avif 1536w" alt="" class="home-work_image"/><div class="spacer-32"></div><div class="div-block-10"><h3 class="ap_text-size-large">BART – QR-kódos rendelés vendéglátóhelyeken</h3><div class="label-wrap label-wrap__flex"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/mobile-app" class="service_label">Mobil App</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/vendeglatas" class="service_label">Vendéglátás</a></div></div><div class="spacer-small"></div><p class="ap_text-style-muted">Olyan rendszert fejlesztettünk, amellyel a vendégek mobilról rendelhetnek és fizethetnek. Az eredmény: 60%-kal gyorsabb kiszolgálás, kevesebb élőmunka.</p><div class="spacer-small"></div><div class="flex-grow-content-bottom-left"><a data-button-animation="" href="/project/bart" class="ap_button-secondary w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Bővebben</div></div><div class="embed-center w-embed"><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
363<path d="M4.6665 9.99984H16.3332M16.3332 9.99984L10.4998 4.1665M16.3332 9.99984L10.4998 15.8332" stroke="CurrentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
364</svg></div></a></div></div><div class="home-work_card home-work_card--flex-column"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/66c70229e631b0aa4bc1186a_Ferro.avif" loading="lazy" sizes="(max-width: 1536px) 100vw, 1536px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/66c70229e631b0aa4bc1186a_Ferro-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/66c70229e631b0aa4bc1186a_Ferro-p-800.avif 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/66c70229e631b0aa4bc1186a_Ferro.avif 1536w" alt="" class="home-work_image"/><div class="spacer-32"></div><div class="div-block-10"><h3 class="ap_text-size-large">Ferrosped – Valós idejű logisztikai app fuvarozóknak</h3><div class="label-wrap label-wrap__flex"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/mobile-app" class="service_label">Mobil App</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/gepjarmuipar" class="service_label">Gépjárműipar</a></div></div><div class="spacer-small"></div><p class="ap_text-style-muted">Flottakövető mobilapp, amely megmutatja a járművek aktuális pozícióját és teljesítményét. A döntések gyorsabbak, az irányítás hatékonyabb lett.</p><div class="spacer-small"></div><div class="flex-grow-content-bottom-left"><a data-button-animation="" href="/project/ferroapp" class="ap_button-secondary w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Bővebben</div></div><div class="embed-center w-embed"><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
365<path d="M4.6665 9.99984H16.3332M16.3332 9.99984L10.4998 4.1665M16.3332 9.99984L10.4998 15.8332" stroke="CurrentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
366</svg></div></a></div></div><div class="home-work_card home-work_card--flex-column"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/675063417d19598ca5f0f201_ea%20(5).avif" loading="lazy" sizes="(max-width: 1536px) 100vw, 1536px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/675063417d19598ca5f0f201_ea%20(5)-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/675063417d19598ca5f0f201_ea%20(5).avif 1536w" alt="" class="home-work_image"/><div class="spacer-32"></div><div class="div-block-10"><h3 class="ap_text-size-large">Europ Assistance – Digitális kárbejelentés útközben</h3><div class="label-wrap"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/mobile-app" class="service_label">
366Mobil App</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/gepjarmuipar" class="service_label">Gépjárműipar</a></div></div><div class="spacer-small"></div><p class="ap_text-style-muted">Fényképes kárbejelentő mobilalkalmazás, amely akár külföldről is működik. Az ügyfélszolgálati terhelés 30%-kal csökkent az első hónapban.</p><div class="spacer-small"></div><div class="flex-grow-content-bottom-left"><a data-button-animation="" href="/project/europ-assistance" class="ap_button-secondary w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Bővebben</div></div><div class="embed-center w-embed"><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
367<path d="M4.6665 9.99984H16.3332M16.3332 9.99984L10.4998 4.1665M16.3332 9.99984L10.4998 15.8332" stroke="CurrentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
368</svg></div></a></div></div><div class="home-work_card home-work_card--flex-column"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751a0a1b9831c7b84bd7e42_printapic%20(6).avif" loading="lazy" sizes="(max-width: 1536px) 100vw, 1536px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751a0a1b9831c7b84bd7e42_printapic%20(6)-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751a0a1b9831c7b84bd7e42_printapic%20(6)-p-800.avif 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6751a0a1b9831c7b84bd7e42_printapic%20(6).avif 1536w" alt="" class="home-work_image"/><div class="spacer-32"></div><div class="div-block-10"><h3 class="ap_text-size-large">Printapic – Vászonkép rendelés mobilról, pár lépésben</h3><div class="label-wrap"><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/mobile-app" class="service_label">Mobil App</a><a fs-cmsfilter-field="category" data-wf--label--variant="base" href="/project-category/lakberendezes" class="service_label">Lakberendezés</a></div></div><div class="spacer-small"></div><p class="ap_text-style-muted">Gyors és felhasználóbarát applikáció, amellyel néhány érintéssel lehet vászonképet rendelni. A teljes folyamat mobilon történik – az ötlettől a fizetésig.</p><div class="spacer-small"></div><div class="flex-grow-content-bottom-left"><a data-button-animation="" href="/project/printapic" class="ap_button-secondary w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Szeretne hasonló eredményt? Kérjen konzultációt »</div></div><div class="embed-center w-embed"><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
369<path d="M4.6665 9.99984H16.3332M16.3332 9.99984L10.4998 4.1665M16.3332 9.99984L10.4998 15.8332" stroke="CurrentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
370</svg></div></a></div></div></div></div></div><section class="section"><div class="ap_padding-global ap_padding-section-large ap_z-index-2"><div class="div"><div class="ap_rounded_opaque_bg ap_rounded_opauq_bg--more-padding"><div class="w-layout-grid about_grid"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv.avif" loading="lazy" id="w-node-_0cbb4eaf-6cf1-8ea7-4432-8855b73cb4bb-b73cb4b7" data-animation="fade" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv-p-800.avif 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv-p-1080.avif 1080w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv-p-1600.avif 1600w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv-p-2000.avif 2000w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6595723d9d39c8cff132d880_Ne%CC%81vtelen%20terv.avif 2560w" class="about_grid--image"/><div data-animation-delay="200" data-animation="fade" class="about_grid--content"><h2 class="ap_heading-style-h3">Miért válasszon minket?</h2><div class="spacer-64"></div><div class="about_grid--ul"><div class="about_grid--li"><div class="lottie-animation-2" data-w-id="9060d1bd-c1d6-efa1-8f8a-67af9
370197e62e" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65437f1fd9bf60d5847f11a2_lottieflow-cta-05-1-7bf98d-easey.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><div class="about_grid--li-content"><h3 class="ap_text-size-large min-h-30px">Nem dolgozunk juniorokkal</h3><div class="spacer-8"></div><p>Csak tapasztalt fejlesztőink vesznek részt a projektben, így Ön gyorsabban kap jobb minőségű végeredményt – felesleges körök és hibák nélkül.</p></div></div><div class="about_grid--li"><div class="lottie-animation-2" data-w-id="9060d1bd-c1d6-efa1-8f8a-67af9197e62e" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65437f1fd9bf60d5847f11a2_lottieflow-cta-05-1-7bf98d-easey.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><div class="about_grid--li-content"><h3 class="ap_text-size-large min-h-30px">Nem csúszunk – tartjuk a határidőt és a büdzsét</h3><div class="spacer-8"></div><p>Előre egyeztetett ütemezés, átlátható folyamat, nincs elszálló költség vagy csúszás.</p></div></div><div class="about_grid--li"><div class="lottie-animation-2" data-w-id="9060d1bd-c1d6-efa1-8f8a-67af9197e62e" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65437f1fd9bf60d5847f11a2_lottieflow-cta-05-1-7bf98d-easey.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><div class="about_grid--li-content"><h3 class="ap_text-size-large min-h-30px">A forráskód az Öné</h3><div class="spacer-8"></div><p>Nálunk nincs rejtett kötöttség: a kész alkalmazás forráskódja is az Ön tulajdona lesz.</p></div></div><div class="about_grid--li"><div class="lottie-animation-2" data-w-id="9060d1bd-c1d6-efa1-8f8a-67af9197e62e" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65437f1fd9bf60d5847f11a2_lottieflow-cta-05-1-7bf98d-easey.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><div class="about_grid--li-content"><h3 class="ap_text-size-large min-h-30px">Üzleti gondolkodás a fejlesztés mögött</h3><div class="spacer-8"></div><p>Nem csak kódot írunk – értjük a piaci célokat, és ezekhez igazítjuk a funkciókat, ütemezést, prioritásokat.</p></div></div><div class="about_grid--li"><div class="lottie-animation-2" data-w-id="9060d1bd-c1d6-efa1-8f8a-67af9197e62e" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65437f1fd9bf60d5847f11a2_lottieflow-cta-05-1-7bf98d-easey.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><div class="about_grid--li-content"><h3 class="ap_text-size-large min-h-30px">Komplex projektekhez is partnerek vagyunk</h3><div class="spacer-8"></div><p>Több platformos, nagy rendszerbe illeszkedő vagy elhagyott alkalmazások újraélesztésében is van tapasztalatunk.</p></div></div><div class="about_grid--li"><div class="lottie-animation-2" data-w-id="9060d1bd-c1d6-efa1-8f8a-67af9197e62e" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65437f1fd9bf60d5847f11a2_lottieflow-cta-05-1-7bf98d-easey.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><div class="about_grid--li-content"><h3 class="ap_text-size-large min-h-30px">UI/UX: az élmény az első</h3><div class="spacer-8"></div><p>Olyan applikációkat készítünk, amelyeket a felhasználók szívesen nyitnak meg újra – vizuálisan is erősek, nem csak funkcionálisak.</p></div></div></div></div></div></div></div></div>
370<img sizes="(max-width: 2000px) 100vw, 2000px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2.avif 2000w" alt="" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2.avif" loading="lazy" class="section_bg"/></section></section><section class="section"><div class="ap_padding-global"><div class="div"><div class="ap_section-title"><div class="section-dot"></div><h2 class="ap_heading-style-h3">Milyen technológiákkal dolgozunk?</h2></div><div class="spacer-32"></div><div data-current="Tab 1" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs"><div class="tabs-menu-copy-copy w-tab-menu"><a data-w-tab="Tab 1" class="tab-link-tab-1 w-inline-block w-tab-link w--current"><div class="text-block-7">IOS alkalmazásfejlesztés</div></a><a data-w-tab="Tab 4" class="tab-link-tab-1 w-inline-block w-tab-link"><div class="text-block-7">Android alkalmazásfejlesztés</div></a><a data-w-tab="Tab 5" class="tab-link-tab-1 w-inline-block w-tab-link"><div class="text-block-7">Crossplatform fejlesztés</div></a></div><div class="tabs-content w-tab-content"><div data-w-tab="Tab 1" class="w-tab-pane w--tab-active"><div class="w-layout-grid technologies_grid--4"><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65723e8da65e765413b6a529_swift.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Swift</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d35946d794c6c0cd707a_Objective-C.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Objective-C</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d75f65e46090e7a504fb_rxswift.webp" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">RxSwift</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65723e8da65e765413b6a529_swift.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Combine</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d77c14ecc26c9e88ed5e_swiftui-96x96_2x.png" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">SwiftUI</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d6859e147987f0a321e6_arkit-96x96.png" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">AR Kit</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d6de3f34e1073b3b4e12_healthkit-96x96_2x.png" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">HealthKit</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d4bb160fb24081478a75_apple-pay.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Apple Pay</p></div></div></div><div data-w-tab="Tab 4" class="w-tab-pane"><div class="w-layout-grid technologies_grid--4"><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d3595af95fff163474af_Java.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Java</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d3dd15aea9f6067e5bcd_Kotlin.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Kotlin</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d3596c683365e7a01f05_C.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">C</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d628fe40ecc273b4277e_jetpack.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Jetpack</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65723e8cd15
370a986ed0266902_firebase.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Firebase</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d3596e9f0f0cf54f1e0e_Gradle.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Gradle</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d4b9c5d78c2a71528dbd_google-pay.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Google Pay</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d359010b4e9327c86a82_Realm.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Realm</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d5f5ef74b1e3aae1d115_reactivex.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">RxJava</p></div></div></div><div data-w-tab="Tab 5" class="w-tab-pane"><div class="w-layout-grid technologies_grid--4"><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65723e8c4ecaba545c59592d_flutter.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Flutter</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65723e8c3f7c70081bdd6551_reactjs.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">React Native</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d431e5536f7d719b5b95_Ionic.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">Ionic</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67e2d35953867f4404b20a15_JavaScript.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">JavaScript</p></div><div class="technologies_item"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65723e8c685819418b68d4ad_css.svg" alt="" class="ap_icon-1x1-large"/><p class="ap_text-weight-bold">CSS</p></div></div></div></div></div></div></div></section><section class="section"><div class="ap_padding-global"><div class="div"><div class="w-layout-grid home-work_grid is-process"><div id="w-node-_901faaf9-b716-4684-6b5d-9521586970fa-79dac078" class="process_content"><h2 class="ap_heading-style-h3">Hogyan készül el a mobilalkalmazása?</h2><div class="spacer-small"></div><p class="ap_text-size-medium">A jó alkalmazás nem ötletszinten születik – hanem egy átgondolt, lépésről lépésre felépített folyamat eredménye. Mi így dolgozunk Önnel:</p><div class="spacer-32"></div><a data-button-animation="" data-wf--button--variant="base" href="/kapcsolatfelvetel" class="ap_button copy_button w-inline-block"><div class="ap_button-icon-wrap"><div class="ap_button-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
371<path d="M15.9952 12.7952L16 0L3.19999 0.0015793L3.19841 1.60002H13.2688L0 14.8688L1.1312 16L14.4 2.73122V12.8L15.9952 12.7952Z" fill="currentColor"/>
372</svg></div></div><div class="ap_button-wrap-copy1"><div class="ap_button-text">Készen áll, hogy elinduljunk?</div></div></a></div><div class="process_timeline-wrap"><div class="process_timeline"><div class="process_timeline-item"><div class="process_timeline-line"><div class="process_timeline-number">1.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content"><div class="process_timeline-heading"><h3 class="ap_text-size-large">Stratégia kialakítása</h3><div class="process_timeline-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
373<path d="M14 7.99805H8V13.998H6V7.99805H0V5.99805H6V-0.00195312H8V5.99805H14V7.99805Z" fill="currentColor"/>
374</svg></div></div><div class="process_timeline-text-wrap"><p class="process_timeline-text">Megértjük az üzleti céljait, feltérképezzük a felhasználókat és a versenytársakat. Ez az alapja annak, hogy ne csak appot, hanem 
374értéket teremtsünk.</p></div></div></div><div class="process_timeline-item"><div class="process_timeline-line"><div class="process_timeline-number">2.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content"><div class="process_timeline-heading"><h3 class="ap_text-size-large">Funkciók és követelmények tisztázása</h3><div class="process_timeline-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
375<path d="M14 7.99805H8V13.998H6V7.99805H0V5.99805H6V-0.00195312H8V5.99805H14V7.99805Z" fill="currentColor"/>
376</svg></div></div><div class="process_timeline-text-wrap"><p class="ap_text-style-muted">Workshopok és konzultációk során közösen határozzuk meg, hogy mit tudjon az app – és mi az, ami nem szükséges. Így gyorsabban és pontosabban haladunk.<br/></p></div></div></div><div class="process_timeline-item"><div class="process_timeline-line"><div class="process_timeline-number">3.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content"><div class="process_timeline-heading"><h3 class="ap_text-size-large">UX/UI és prototípus</h3><div class="process_timeline-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
377<path d="M14 7.99805H8V13.998H6V7.99805H0V5.99805H6V-0.00195312H8V5.99805H14V7.99805Z" fill="currentColor"/>
378</svg></div></div><div class="process_timeline-text-wrap"><p class="ap_text-style-muted">Interaktív terveket készítünk (pl. Figma segítségével), hogy még a fejlesztés előtt kipróbálható legyen, hogyan fog működni az app. Ez csökkenti a hibákat és gyorsítja a döntéseket.</p></div></div></div><div class="process_timeline-item"><div class="process_timeline-line"><div class="process_timeline-number">4.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content"><div class="process_timeline-heading"><h3 class="ap_text-size-large">Fejlesztés (agilis vagy vízesés módszerrel)</h3><div class="process_timeline-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
379<path d="M14 7.99805H8V13.998H6V7.99805H0V5.99805H6V-0.00195312H8V5.99805H14V7.99805Z" fill="currentColor"/>
380</svg></div></div><div class="process_timeline-text-wrap"><p class="ap_text-style-muted">Attól függően, milyen projektje van, alkalmazkodunk: folyamatos egyeztetés, sprint alapú haladás vagy fix specifikáció. Mindkét esetben Ön végig látja, hol tartunk.</p></div></div></div><div class="process_timeline-item"><div class="process_timeline-line"><div class="process_timeline-number">5.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content"><div class="process_timeline-heading"><h3 class="ap_text-size-large">Tesztelés és hibajavítás</h3><div class="process_timeline-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
381<path d="M14 7.99805H8V13.998H6V7.99805H0V5.99805H6V-0.00195312H8V5.99805H14V7.99805Z" fill="currentColor"/>
382</svg></div></div><div class="process_timeline-text-wrap"><p class="ap_text-style-muted">Az egyes verziókat már fejlesztés közben is teszteljük, Ön pedig bármikor kipróbálhatja az aktuális állapotot (pl. TestFlight vagy Android OTA). Cél: hibamentes élmény.</p></div></div></div><div class="process_timeline-item"><div class="process_timeline-line"><div class="process_timeline-number">6.</div><div class="process_timeline-bar process_timeline-bar--hidden"></div></div><div class="process_timeline-content"><div class="process_timeline-heading"><h3 class="ap_text-size-large">Indítás, támogatás, továbbfejlesztés</h3><div class="process_timeline-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
383<path d="M14 7.99805H8V13.998H6V7.99805H0V5.99805H6V-0.00195312H8V5.99805H14V7.99805Z" fill="currentColor"/>
384</svg></div></div><div class="process_timeline-text-wrap"><p class="ap_text-style-muted">Az app elkészülte után sem tűnünk el: segítünk az élesítésben, monitorozzuk a működést, és kérésre új funkciókat is fejlesztünk.<
384/p></div></div></div><div class="process_active"></div></div></div></div></div></div></section><section class="section"><div class="ap_padding-global ap_padding-section-large ap_z-index-2"><div data-animation-delay="200" data-animation="fade" class="div"><div class="w-layout-grid ap_contact_grid"><div data-animation="fade" id="w-node-_14b42a46-b413-c682-ede8-37a931fe6204-775a5fd4" class="contact_block"><div><div class="form_heading"><div class="ap_icon-1x1-xlarge" data-w-id="00c84643-c84b-a903-4fdf-098f604b4106" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6544e40d3eb442ba6ed0541a_Call.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="0" data-duration="0" data-loading="eager"></div><h2 class="ap_heading-style-h3">Beszéljünk a <span class="ap_text-color-secondary">projektről!</span></h2></div><div class="spacer-small"></div><p class="ap_text-size-medium">Mi történik ha felveszi velünk a kapcsolatot?</p><div class="spacer-small"></div><div class="process_timeline-wrap-copy"><div class="process_timeline-copy"><div class="process_timeline-item-copy"><div class="process_timeline-line"><div class="process_timeline-number-copy">1.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content-copy"><div class="process_timeline-text-wrap"><p class="process_timeline-text">Egy szakértő kollégánk 24 órán belül felveszi Önnel a kapcsolatot, hogy pontosan megértse, mire van szüksége.</p></div></div></div><div class="process_timeline-item-copy"><div class="process_timeline-line"><div class="process_timeline-number-copy">2.</div><div class="process_timeline-bar"></div></div><div class="process_timeline-content-copy"><div class="process_timeline-text-wrap"><p class="process_timeline-text">Komplexebb vagy bizalmas projekt esetén titoktartási nyilatkozatot írunk alá, így már az elejétől biztonságban tudhatja ötletét.</p></div></div></div><div class="process_timeline-item-copy"><div class="process_timeline-line"><div class="process_timeline-number-copy">3.</div><div class="process_timeline-bar process_timeline-bar--hidden"></div></div><div class="process_timeline-content-copy"><div class="process_timeline-text-wrap"><p class="process_timeline-text">Olyan anyagot kap tőlünk, ami nemcsak becsült költségeket és időkereteket tartalmaz, de a szakemberek bemutatását, technológiai javaslatokat és következő lépéseket is.</p></div></div></div><div class="process_active"></div></div></div><div class="spacer-small"></div><div class="home-hero_logos"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/663dda10c69b4b071e8ba9a8_Ke%CC%81pernyo%CC%8Bfoto%CC%81_2024-05-10_-_10.24.12-removebg-preview.avif" loading="eager" width="Auto" alt="" class="home-hero_logo"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/66421fa685ba4861bbd67a4d_top_clutch.co_php_developers_hungary_2024.avif" loading="eager" alt="" class="home-hero_logo"/><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67657c83ff84fade4b82e219_65b603cb7db69c9abfd85e73f252fd25.avif" loading="eager" alt="" class="home-hero_logo is-clutch"/></div></div></div><div data-animation-delay="200" data-animation="fade" class="contact_form"><div class="form_component w-form"><form id="wf-form-CTA-Form" name="wf-form-CTA-Form" data-name="CTA Form" redirect="/koszonjuk" data-redirect="/koszonjuk" method="get" class="form_form is-cta" data-wf-page-id="65bbca1b150e920d79dac078" data-wf-element-id="29a18bbb-132c-d3a9-f45e-02278533caea"><div class="ap_form_field-wrapper"><label for="" class="ap_form_label">Miben segíthetünk?</label><p class="paragraph-9">Töltse ki rövid űrlapunkat, és 24 órán belül visszahívjuk! Akár egy konkrét ötletet szeretne megbeszélni, akár csak tájékozódna a lehetőségekről, szívesen segítünk.</p><div class="ap_form_checkbox-wrapper"><label class="w-checkbox ap_form_check"><div class="w-checkbox-input w-checkbox-input--inputType-custom ap_form_check-icon"></div><input type="checkbox" name="Startup-projektek-tervez-s" id="Startup-projektek-tervez-s" data-name="Startup projektek, tervezés" style="opacity:0;position:absolute;z-index:-1"/>
384<span class="ap_form_check-text w-form-label" for="Startup-projektek-tervez-s">Mobil app fejlesztés</span></label><label class="w-checkbox ap_form_check"><div class="w-checkbox-input w-checkbox-input--inputType-custom ap_form_check-icon"></div><input type="checkbox" name="Szakmai-team-kihelyez-s" id="Szakmai-team-kihelyez-s" data-name="Szakmai team kihelyezés" style="opacity:0;position:absolute;z-index:-1"/><span class="ap_form_check-text w-form-label" for="Szakmai-team-kihelyez-s">Szakmai team kihelyezés</span></label><label class="w-checkbox ap_form_check"><div class="w-checkbox-input w-checkbox-input--inputType-custom ap_form_check-icon"></div><input type="checkbox" name="Tan-csad-s" id="Tan-csad-s" data-name="Tanácsadás" style="opacity:0;position:absolute;z-index:-1"/><span class="ap_form_check-text w-form-label" for="Tan-csad-s">Tanácsadás</span></label><label class="w-checkbox ap_form_check"><div class="w-checkbox-input w-checkbox-input--inputType-custom ap_form_check-icon"></div><input type="checkbox" name="Egyedi-szoftverfejleszt-s" id="Egyedi-szoftverfejleszt-s" data-name="Egyedi szoftverfejlesztés" style="opacity:0;position:absolute;z-index:-1"/><span class="ap_form_check-text w-form-label" for="Egyedi-szoftverfejleszt-s">Egyedi szoftverfejlesztés</span></label><label class="w-checkbox ap_form_check"><div class="w-checkbox-input w-checkbox-input--inputType-custom ap_form_check-icon"></div><input type="checkbox" name="Egyedi-szoftverfejleszt-s-2" id="Egyedi-szoftverfejleszt-s-2" data-name="Egyedi Szoftverfejleszt S 2" style="opacity:0;position:absolute;z-index:-1"/><span class="ap_form_check-text w-form-label" for="Egyedi-szoftverfejleszt-s-2">Webfejlesztés</span></label></div></div><div class="div-block-15"><input class="ap_form_input w-input" maxlength="256" name="Name" data-name="Name" placeholder="Teljes Név" type="text" id="Name-3" required=""/><input class="ap_form_input w-input" maxlength="256" name="Telephone" data-name="Telephone" placeholder="Telefonszám" type="tel" id="Telephone-3" required=""/><input class="ap_form_input w-input" maxlength="256" name="Email" data-name="Email" placeholder="Email cím" type="email" id="Email-3" required=""/></div><textarea id="Details-3" name="Details" maxlength="5000" data-name="Details" placeholder="Írj nekünk néhány szóban a fejlesztésről, ötletről!" required="" class="ap_form_input is-text-area w-node-_29a18bbb-132c-d3a9-f45e-02278533cafe-775a5fd4 w-input"></textarea><input type="submit" data-wait="Please wait..." id="w-node-_29a18bbb-132c-d3a9-f45e-02278533cb03-775a5fd4" class="ap_button is-form-submit w-button" value="kérem az ajánlatot!"/><div class="spacer-small"></div><div class="ap_text-size-tiny">Az űrlap elküldésével automatikusan elfogadja az adatvédelmi nyilatkozatot.</div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div></div><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2.avif" loading="lazy" sizes="(max-width: 2000px) 100vw, 2000px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/6752bbba98f70064b6693659_bg-2.avif 2000w" alt="" class="section_bg is-small"/></section><div class="ap_padding-global ap_padding-section-medium"><div class="div"><div class="section-top"><div class="section-title"><h2 class="ap_heading-style-h4">Döntés előtt áll? Ezeket érdemes tudnia!</h2></div><a data-button-animation="" href="/blog" class="ap_button-secondary w-inline-block"><div class="ap_overflow-hidden"><div class="ap_button-text dark">Bővebben</div></div><div class="embed-center w-embed"><svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
385<path d="M4.6665 9.99984H16.3332M16.3332 9.99984L10.4998 4.1665M16.3332 9.99984L10.4998 15.8332" stroke="CurrentColor" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/>
386</svg></div></a></div><div class="spacer-64"></div><div class="w-dyn-list"><div role="list" class="blog_grid w-dyn-items"><div role="listitem" class="w-dyn-item"><a aria-label="Click to read blog post" href="/post/mennyibe-kerul-egy-mobil-app-fejlesztes-vagy-webfejlesztes" class="blog_card w-inline-block"><div class="blog_card-image-wrap"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/66e2ceefd61f609acc86a06b_Mennyibe%20keru%CC%88l%20(1).avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/66e2ceefd61f609acc86a06b_Mennyibe%20keru%CC%88l%20(1)-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/66e2ceefd61f609acc86a06b_Mennyibe%20keru%CC%88l%20(1).avif 1200w" class="blog_card-image"/></div><div class="spacer-small"></div><p class="ap_text-weight-medium ap_text-color-secondary">October 11, 2024</p><div class="spacer-8"></div><h3 class="ap_text-size-medium">Mennyibe kerül egy mobil app fejlesztés, webfejlesztés vagy szoftverfejlesztés?</h3><div class="spacer-8"></div><div class="w-embed"><span class="ap_text-size-small ap_text-style-muted">10 min read</span></div></a></div><div role="listitem" class="w-dyn-item"><a aria-label="Click to read blog post" href="/post/5-tipp-az-erp-rendszer-bevezetesenek-maximalis-megterulesehez" class="blog_card w-inline-block"><div class="blog_card-image-wrap"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696735437274f7d0a2f44fc_ERP.jpg" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696735437274f7d0a2f44fc_ERP-p-500.jpg 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696735437274f7d0a2f44fc_ERP-p-800.jpg 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696735437274f7d0a2f44fc_ERP-p-1080.jpg 1080w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696735437274f7d0a2f44fc_ERP.jpg 1200w" class="blog_card-image"/></div><div class="spacer-small"></div><p class="ap_text-weight-medium ap_text-color-secondary">December 17, 2024</p><div class="spacer-8"></div><h3 class="ap_text-size-medium">5 tipp az ERP rendszer bevezetésének maximális megtérüléséhez</h3><div class="spacer-8"></div><div class="w-embed"><span class="ap_text-size-small ap_text-style-muted">7 min read</span></div></a></div><div role="listitem" class="w-dyn-item"><a aria-label="Click to read blog post" href="/post/mitol-fugg-hogy-mennyibe-kerul-egy-erp-rendszer" class="blog_card w-inline-block"><div class="blog_card-image-wrap"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696732c03999e0a542702c7_3.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696732c03999e0a542702c7_3-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696732c03999e0a542702c7_3.avif 1200w" class="blog_card-image"/></div><div class="spacer-small"></div><p class="ap_text-weight-medium ap_text-color-secondary">July 16, 2024</p><div class="spacer-8"></div><h3 class="ap_text-size-medium">Mitől függ, hogy mennyibe kerül egy ERP rendszer?</h3><div class="spacer-8"></div><div class="w-embed"><span class="ap_text-size-small ap_text-style-muted">8 min read</span></div></a></div><div role="listitem" class="w-dyn-item"><a aria-label="Click to read blog post" href="/post/3-1-ujito-mi-megoldas-a-meg-hatekonyabb-erp-rendszerhez" class="blog_card w-inline-block"><div class="blog_card-image-wrap"><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696733c0988eafe7b375985_6.avif" loading="lazy" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696733c0988eafe7b375985_6-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb79696bd/6696733c0988eafe7b375985_6.avif 1200w" class="blog_card-image"/></div><div class="spacer-small"></div><p class="ap_text-weight-medium ap_text-color-secondary">July 16, 2024</p><div class="spacer-8"></div><h3 class="ap_text-size-medium">3+1 újító MI megoldás a még hatékonyabb ERP rendszerhez</h3><div class="spacer-8"></div><div class="w-embed"><span class="ap_text-size-small ap_text-style-muted">7 min read</span></div></a></div></div></div></div></div></div><footer class="section_footer"><div class="ap_padding-global ap_padding-section-medium"><div class="div ap_z-index-1"><div class="footer_wrapper"><div class="footer_container"><div class="footer_left"><a href="/" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/648b7aa9e12febfb2552e011_logo.svg" alt="" class="image-2"/></a><div class="spacer-small"></div><h2 class="ap_text-size-medium">AP4 Digital</h2><div class="spacer-small"></div><p class="ap_text-weight-medium ap_text-style-muted">Simple Support Society SRL<br/>Cell-Line IT Security Kft.<br/>Rupphegyi út 11/B 3. em<br/>1112, Budapest, Hungary<br/><a href="mailto:[email protected]" class="ap_text-style-link">[email protected]</a><br/><a href="tel:+36706222622" class="ap_text-style-link">+36 70 622 2622</a></p><div class="spacer-small"></div><div class="social-wrap"><a aria-label="Click to email team member" href="https://www.facebook.com/ap4digital" target="_blank" class="team_social w-inline-block"><div class="embed-center w-embed">
386<svg width="100%" height="100%" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
387<path d="M18.9 0H1.1C0.808262 0 0.528473 0.115893 0.322183 0.322183C0.115893 0.528473 0 0.808262 0 1.1V18.9C0 19.1917 0.115893 19.4715 0.322183 19.6778C0.528473 19.8841 0.808262 20 1.1 20H10.68V12.25H8.08V9.25H10.68V7C10.6261 6.47176 10.6885 5.93813 10.8627 5.43654C11.0369 4.93495 11.3188 4.47755 11.6885 4.09641C12.0582 3.71528 12.5068 3.41964 13.0028 3.23024C13.4989 3.04083 14.0304 2.96225 14.56 3C15.3383 2.99463 16.1163 3.03469 16.89 3.12V5.82H15.3C14.04 5.82 13.8 6.42 13.8 7.29V9.22H16.8L16.41 12.22H13.8V20H18.9C19.0445 20 19.1875 19.9715 19.321 19.9163C19.4544 19.861 19.5757 19.78 19.6778 19.6778C19.78 19.5757 19.861 19.4544 19.9163 19.321C19.9715 19.1875 20 19.0445 20 18.9V1.1C20 0.955546 19.9715 0.812506 19.9163 0.679048C19.861 0.54559 19.78 0.424327 19.6778 0.322183C19.5757 0.220038 19.4544 0.139013 19.321 0.0837326C19.1875 0.0284524 19.0445 0 18.9 0Z" fill="currentColor"/>
388</svg></div></a><a aria-label="Click to email team member" href="https://www.instagram.com/ap4__digital?igsh=dDdlaTJtYWZxenA0&amp;utm_source=qr" target="_blank" class="team_social w-inline-block"><div class="embed-center w-embed"><svg width="100%" height="100%" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
389<path d="M11.028 0C12.153 0.003 12.724 0.009 13.217 0.023L13.411 0.03C13.635 0.038 13.856 0.0479999 14.123 0.0599999C15.187 0.11 15.913 0.278 16.55 0.525C17.21 0.779 17.766 1.123 18.322 1.678C18.8307 2.17773 19.2242 2.78247 19.475 3.45C19.722 4.087 19.89 4.813 19.94 5.878C19.952 6.144 19.962 6.365 19.97 6.59L19.976 6.784C19.991 7.276 19.997 7.847 19.999 8.972L20 9.718V11.028C20.0025 11.7574 19.9948 12.4868 19.977 13.216L19.971 13.41C19.963 13.635 19.953 13.856 19.941 14.122C19.891 15.187 19.721 15.912 19.475 16.55C19.2242 17.2175 18.8307 17.8223 18.322 18.322C17.8223 18.8307 17.2175 19.2242 16.55 19.475C15.913 19.722 15.187 19.89 14.123 19.94L13.411 19.97L13.217 19.976C12.724 19.99 12.153 19.997 11.028 19.999L10.282 20H8.97302C8.24328 20.0026 7.51354 19.9949 6.78402 19.977L6.59002 19.971C6.35263 19.962 6.11529 19.9517 5.87802 19.94C4.81402 19.89 4.08802 19.722 3.45002 19.475C2.78285 19.2241 2.17846 18.8306 1.67902 18.322C1.16996 17.8224 0.776128 17.2176 0.52502 16.55C0.27802 15.913 0.110019 15.187 0.0600194 14.122L0.0300195 13.41L0.0250196 13.216C0.00658562 12.4868 -0.00174861 11.7574 1.94806e-05 11.028V8.972C-0.00274841 8.2426 0.0045857 7.5132 0.0220196 6.784L0.0290195 6.59C0.0370195 6.365 0.0470195 6.144 0.0590195 5.878C0.109019 4.813 0.277019 4.088 0.524019 3.45C0.775714 2.7822 1.17024 2.17744 1.68002 1.678C2.17917 1.16955 2.78321 0.776074 3.45002 0.525C4.08802 0.278 4.81302 0.11 5.87802 0.0599999C6.14402 0.0479999 6.36602 0.038 6.59002 0.03L6.78402 0.0239999C7.51321 0.00623271 8.24261 -0.0014347 8.97202 0.000999928L11.028 0ZM10 5C8.67394 5 7.40217 5.52678 6.46449 6.46447C5.5268 7.40215 5.00002 8.67392 5.00002 10C5.00002 11.3261 5.5268 12.5979 6.46449 13.5355C7.40217 14.4732 8.67394 15 10 15C11.3261 15 12.5979 14.4732 13.5356 13.5355C14.4732 12.5979 15 11.3261 15 10C15 8.67392 14.4732 7.40215 13.5356 6.46447C12.5979 5.52678 11.3261 5 10 5ZM10 7C10.394 6.99993 10.7841 7.07747 11.1481 7.22817C11.5121 7.37887 11.8429 7.5998 12.1215 7.87833C12.4001 8.15686 12.6211 8.48754 12.772 8.85149C12.9228 9.21544 13.0005 9.60553 13.0005 9.9995C13.0006 10.3935 12.9231 10.7836 12.7723 11.1476C12.6216 11.5116 12.4007 11.8423 12.1222 12.121C11.8437 12.3996 11.513 12.6206 11.149 12.7714C10.7851 12.9223 10.395 12.9999 10.001 13C9.20537 13 8.44231 12.6839 7.8797 12.1213C7.31709 11.5587 7.00102 10.7956 7.00102 10C7.00102 9.20435 7.31709 8.44129 7.8797 7.87868C8.44231 7.31607 9.20537 7 10.001 7M15.251 3.5C14.9195 3.5 14.6016 3.6317 14.3671 3.86612C14.1327 4.10054 14.001 4.41848 14.001 4.75C14.001 5.08152 14.1327 5.39946 14.3671 5.63388C14.6016 5.8683 14.9195 6 15.251 6C15.5825 6 15.9005 5.8683 16.1349 5.63388C16.3693 5.39946 16.501 5.08152 16.501 4.75C16.501 4.41848 16.3693 4.10054 16.1349 3.86612C15.9005 3.6317 15.5825 3.5 15.251 3.5Z" fill="currentColor"/>
390</svg></div></a><a aria-label="Click to visit LinkedIn profile" href="https://www.linkedin.com/company/appz4-me?originalSubdomain=hu" target="_blank" class="team_social w-inline-block"><div class="embed-center w-embed">
390<svg width="100%" height="100%" viewBox="0 0 18 18" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
391<path d="M16 0C16.5304 0 17.0391 0.210714 17.4142 0.585786C17.7893 0.960859 18 1.46957 18 2V16C18 16.5304 17.7893 17.0391 17.4142 17.4142C17.0391 17.7893 16.5304 18 16 18H2C1.46957 18 0.960859 17.7893 0.585786 17.4142C0.210714 17.0391 0 16.5304 0 16V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0H16ZM15.5 15.5V10.2C15.5 9.33539 15.1565 8.5062 14.5452 7.89483C13.9338 7.28346 13.1046 6.94 12.24 6.94C11.39 6.94 10.4 7.46 9.92 8.24V7.13H7.13V15.5H9.92V10.57C9.92 9.8 10.54 9.17 11.31 9.17C11.6813 9.17 12.0374 9.3175 12.2999 9.58005C12.5625 9.8426 12.71 10.1987 12.71 10.57V15.5H15.5ZM3.88 5.56C4.32556 5.56 4.75288 5.383 5.06794 5.06794C5.383 4.75288 5.56 4.32556 5.56 3.88C5.56 2.95 4.81 2.19 3.88 2.19C3.43178 2.19 3.00193 2.36805 2.68499 2.68499C2.36805 3.00193 2.19 3.43178 2.19 3.88C2.19 4.81 2.95 5.56 3.88 5.56ZM5.27 15.5V7.13H2.5V15.5H5.27Z" fill="currentColor"/>
392</svg></div></a></div></div><div class="footer_col"><h2 class="ap_text-size-medium">Szolgáltatásaink</h2><div class="spacer-small"></div><div class="footer_links"><a data-button-animation="" href="/szoftverfejlesztes" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Egyedi szoftverek</div></div></a><a data-button-animation="" href="/mobilapp-fejlesztes" aria-current="page" class="nav_menu_link is-footer w-inline-block w--current"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Mobilapp fejlesztés</div></div></a><a data-button-animation="" href="/webfejlesztes" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Webfejlesztés</div></div></a><a data-button-animation="" href="/referenciak" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Projektjeink</div></div></a><a data-button-animation="" href="/outsourcing" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Outsourcing</div></div></a></div></div><div class="footer_col"><h2 class="ap_text-size-medium">Információk</h2><div class="spacer-small"></div><div class="footer_links"><a data-button-animation="" href="/vallalati-szoftverfejlesztes" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">ERP rendszerek fejlesztése</div></div></a><a data-button-animation="" href="/drontechnologia" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Drón technológiáink</div></div></a><a data-button-animation="" href="/kapcsolatfelvetel" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Startup projektjeink</div></div></a><a data-button-animation="" href="/blog" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Blog </div></div></a></div><a data-button-animation="" href="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/67b5d54e4c41466124c5018c_AP4%20Automated%20Furniture%20Shop%20summary-combined.pdf" target="_blank" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Bútoráruház webshop</div></div></a></div><div class="footer_col"><div class="social-wrap"><img width="80" loading="lazy" alt="" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/665eea72ddaec9262db08f82_1.avif"/><img width="80" height="Auto" alt="" src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/665eea72761c7d58dae02c51_3.avif" loading="lazy"/></div></div></div></div><div class="spacer-40"></div><div class="footer_copyright"><a data-button-animation="" href="/adatvedelmi-tajekoztato" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Adatkezelési tájékoztató<br/></div></div></a><a data-button-animation="" href="/impresszum" class="nav_menu_link is-footer w-inline-block"><div class="ap_overflow-hidden ap_text-style-muted"><div class="ap_button-text dark">Impresszum</div></div></a></div></div></div><img src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/64f069fce7effe6dcbdd3cd6_9.avif" loading="lazy" sizes="(max-width: 1792px) 100vw, 1792px" srcset="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/64f069fce7effe6dcbdd3cd6_9-p-500.avif 500w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/64f069fce7effe6dcbdd3cd6_9-p-800.avif 800w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/64f069fce7effe6dcbdd3cd6_9-p-1080.avif 1080w, https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/64f069fce7effe6dcbdd3cd6_9.avif 1792w" alt="" class="section-bg"/><div class="section-cover"></div></footer></div>
392<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=648b78ba8edb3fbfb7969570" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
392<script src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/js/ap4-20db5e.schunk.444c195dc0902bba.js" type="text/javascript"></script>
392<script src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/js/ap4-20db5e.schunk.7946028c7de7f59d.js" type="text/javascript"></script>
392<script src="https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/js/ap4-20db5e.b6cf6033.fce3841d68e54c60.js" type="text/javascript"></script>
392<script>
393var Webflow = Webflow || [];
394Webflow.push(function () {
395  let lastScrollY = 0; 
396
397  $(window).on('scroll', function () {
398    const currentScrollY = window.scrollY;
399
400    if (currentScrollY === 0) {
401      // Remove 'scrolled' class if at the top of the page
402      $('.nav_component').removeClass('scrolled');
403    } else if (currentScrollY > lastScrollY) {
404      // Scrolling down
405      $('.nav_component').addClass('scrolled');
406    } else {
407      // Scrolling up
408      $('.nav_component').removeClass('scrolled');
409    }
410
411    lastScrollY = currentScrollY;
412  });
413});
414
415
416  
417// Cards Rotation
418
419// Check if the device width is 1025px or more
420if (window.innerWidth >= 1025) {
421  document.querySelectorAll('[data-card-3d]').forEach(card => {
422    card.addEventListener('mousemove', e => {
423      // Get card's bounding box
424      const rect = card.getBoundingClientRect();
425
426      // Calculate the position of the mouse inside the card
427      const x = e.clientX - rect.left; // X position inside the card
428      const y = e.clientY - rect.top; // Y position inside the card
429
430      // Calculate the rotation angles
431      const rotateX = ((y / rect.height) - 0.5) * -30; // RotateX: invert the direction
432      const rotateY = ((x / rect.width) - 0.5) * 30;   // RotateY: normal direction
433
434      // Apply the rotation
435      card.style.transition = 'none'; // Disable transition during mouse movement
436      card.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;
437    });
438
439    card.addEventListener('mouseleave', () => {
440      // Smoothly reset rotation when mouse leaves
441      card.style.transition = 'transform 0.2s ease-out';
442      card.style.transform = 'rotateX(0) rotateY(0)';
443    });
444  });
445}
446
447  
448  // Animation Into View
449  const observer = new IntersectionObserver((entries) => {
450    entries.forEach(({ target, isIntersecting }) => {
451        if (isIntersecting) {
452            target.classList.add('animate'); // Add the class
453            observer.unobserve(target); // Stop observing once the animation is triggered
454        }
455    });
456}, { threshold: 0.1 }); // Trigger when 10% of the element is visible
457
458document.querySelectorAll('[data-animation="fade"]').forEach((el) => {
459    observer.observe(el);
460});
461  
462
463document.addEventListener('DOMContentLoaded', function() {
464    initMinimalContactCTA();
465});
466
467initMinimalContactCTA = function() {
468    const minimalContactCTAForm = document.querySelector('[data-minimal-contact-cta-form]');
469    if (minimalContactCTAForm) {
470        
471        const actionUrl = minimalContactCTAForm.getAttribute('action');
472        minimalContactCTAForm.addEventListener('submit', function(event) {
473            event.preventDefault();
474            event.stopImmediatePropagation();
475            const checkboxes = minimalContactCTAForm.querySelectorAll('[data-minimal-contact-cta-check]');
476            const checkedValues = Array.from(checkboxes).filter(checkbox => checkbox.checked).map(checkbox => checkbox.name);
477            if (actionUrl) {
478                const queryString = checkedValues.length > 0 ? `?values=${checkedValues.join(',')}` : '';
479                window.location.href = actionUrl + queryString;
480            }
481        });
482    }
483
484    const contactForm = document.querySelector('#wf-form-CTA-Form');
485    if (contactForm) {
486        const urlParams = new URLSearchParams(window.location.search);
487        const values = urlParams.get('values');
488        if (values) {
489            const valuesArray = values.split(',');
490            const checkboxes = contactForm.querySelectorAll('input[type="checkbox"]');
491            checkboxes.forEach(checkbox => {
492                if (valuesArray.includes(checkbox.getAttribute('id'))) {
493                    checkbox.checked = true;
494                    checkbox.parentElement.querySelector('.ap_form_check-icon').classList.add('w--redirected-checked');
495                }
496            });
497        }
498    }
499}
500
501</script>
vendor: 1 bytes, line 501
501
502<script src="https://cdn.jsdelivr.net/npm/[email protected]/three.min.js"></script>
vendor: 1 bytes, line 502
502
503<script type="module">
504var vertex = `uniform float time;
505varying vec2 vUv;
506varying vec3 vPosition;
507uniform vec2 pixels;
508float PI = 3.141592653589793238;
509void main() {
510  vUv = uv;
511  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
512}`;
513
514var fragment = `uniform float time;
515uniform float progress;
516uniform sampler2D uDataTexture;
517uniform sampler2D uTexture;
518
519
520uniform vec4 resolution;
521varying vec2 vUv;
522varying vec3 vPosition;
523float PI = 3.141592653589793238;
524void main()	{
525	vec2 newUV = (vUv - vec2(0.5))*resolution.zw + vec2(0.5);
526	vec4 color = texture2D(uTexture,newUV);
527	vec4 offset = texture2D(uDataTexture,vUv);
528	gl_FragColor = vec4(vUv,0.0,1.);
529	gl_FragColor = vec4(offset.r,0.,0.,1.);
530	gl_FragColor = color;
531	gl_FragColor = texture2D(uTexture,newUV - 0.02*offset.rg);
532	// gl_FragColor = offset;
533
534}`;
535
536function clamp(number, min, max) {
537  return Math.max(min, Math.min(number, max));
538}
539
540class Sketch {
541  constructor(options) {
542    this.scene = new THREE.Scene();
543
544    this.container = options.dom;
545    this.img = this.container.querySelector("img");
546    this.width = this.container.offsetWidth;
547    this.height = this.container.offsetHeight;
548    this.renderer = new THREE.WebGLRenderer();
549    this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
550    this.renderer.setSize(this.width, this.height);
551    this.renderer.setClearColor(0xeeeeee, 1);
552    this.renderer.physicallyCorrectLights = true;
553    this.renderer.outputEncoding = THREE.sRGBEncoding;
554
555    this.container.appendChild(this.renderer.domElement);
556
557    this.camera = new THREE.PerspectiveCamera(
558      70,
559      window.innerWidth / window.innerHeight,
560      0.1,
561      100
562    );
563
564    var frustumSize = 1;
565    var aspect = window.innerWidth / window.innerHeight;
566    this.camera = new THREE.OrthographicCamera(
567      frustumSize / -2,
568      frustumSize / 2,
569      frustumSize / 2,
570      frustumSize / -2,
571      -1000,
572      1000
573    );
574    this.camera.position.set(0, 0, 2);
575
576    this.time = 0;
577
578    this.mouse = {
579      x: 0,
580      y: 0,
581      prevX: 0,
582      prevY: 0,
583      vX: 0,
584      vY: 0
585    };
586
587    this.isPlaying = true;
588    this.settings();
589    this.addObjects();
590    this.resize();
591    this.render();
592    this.setupResize();
593
594    this.mouseEvents();
595  }
596
597  getValue(val) {
598    return parseFloat(this.container.getAttribute("data-" + val));
599  }
600
601  mouseEvents() {
602    window.addEventListener("mousemove", (e) => {
603      this.mouse.x = e.clientX / this.width;
604      this.mouse.y = e.clientY / this.height;
605
606      // console.log(this.mouse.x,this.mouse.y)
607
608      this.mouse.vX = this.mouse.x - this.mouse.prevX;
609      this.mouse.vY = this.mouse.y - this.mouse.prevY;
610
611      this.mouse.prevX = this.mouse.x;
612      this.mouse.prevY = this.mouse.y;
613
614      // console.log(this.mouse.vX,'vx')
615    });
616  }
617
618  settings() {
619    let that = this;
620    this.settings = {
621      grid: this.getValue("grid") || 34, //generate how many grid
622      mouse: this.getValue("mouse") || 0.25, //mouse radius affecting the distortion
623      strength: this.getValue("strength") || 1, //higher = more parallax and distorted.
624      relaxation: this.getValue("relaxation") || 0.9, //lower = faster pixel re-sorting
625      aspectRatio: this.getValue("aspectRatio") || 1.77 //change aspectRatio according to your image size.
626    };
627  }
628
629  setupResize() {
630    window.addEventListener("resize", this.resize.bind(this));
631  }
632
633  resize() {
634    this.width = this.container.offsetWidth;
635    this.height = this.container.offsetHeight;
636    this.renderer.setSize(this.width, this.height);
637    this.camera.aspect = this.width / this.height;
638    
639    // image cover
640    //image Aspect depends on your image, change accordingly
641    this.imageAspect = 1 / this.settings.aspectRatio;
642    
643    let a1;
644    let a2;
645    if (this.height / this.width > this.imageAspect) {
646      a1 = (this.width / this.height) * this.imageAspect;
647      a2 = 1;
648    } else {
649      a1 = 1;
650      a2 = this.height / this.width / this.imageAspect;
651    }
652
653    this.material.uniforms.resolution.value.x = this.width;
654    this.material.uniforms.resolution.value.y = this.height;
655    this.material.uniforms.resolution.value.z = a1;
656    this.material.uniforms.resolution.value.w = a2;
657
658    this.camera.updateProjectionMatrix();
659    this.regenerateGrid();
660  }
661
662  regenerateGrid() {
663    this.size = this.settings.grid;
664
665    const width = this.size;
666    const height = this.size;
667
668    const size = width * height;
669    const data = new Float32Array(3 * size);
670    const color = new THREE.Color(0xffffff);
671
672    const r = Math.floor(color.r * 255);
673    const g = Math.floor(color.g * 255);
674    const b = Math.floor(color.b * 255);
675
676    for (let i = 0; i < size; i++) {
677      let r = Math.random() * 255 - 125;
678      let r1 = Math.random() * 255 - 125;
679
680      const stride = i * 3;
681
682      data[stride] = r;
683      data[stride + 1] = r1;
684      data[stride + 2] = r;
685    }
686
687    // used the buffer to create a DataTexture
688
689    this.texture = new THREE.DataTexture(
690      data,
691      width,
692      height,
693      THREE.RGBFormat,
694      THREE.FloatType
695    );
696
697    this.texture.magFilter = this.texture.minFilter = THREE.NearestFilter;
698
699    if (this.material) {
700      this.material.uniforms.uDataTexture.value = this.texture;
701      this.material.uniforms.uDataTexture.value.needsUpdate = true;
702    }
703  }
704
705  addObjects() {
706    this.regenerateGrid();
707    let texture = new THREE.TextureLoader().load(this.img.src, function(){
708    	texture.minFilter = THREE.LinearFilter;
709      texture.generateMipmaps = false;
710    	var tex = texture.clone();
711    	tex.needsUpdate = true;
712    });
713    this.material = new THREE.ShaderMaterial({
714      extensions: {
715        derivatives: "#extension GL_OES_standard_derivatives : enable"
716      },
717      side: THREE.DoubleSide,
718      uniforms: {
719        time: {
720          value: 0
721        },
722        resolution: {
723          value: new THREE.Vector4()
724        },
725        uTexture: {
726          value: texture
727        },
728        uDataTexture: {
729          value: this.texture
730        }
731      },
732      vertexShader: vertex,
733      fragmentShader: fragment
734    });
735    this.geometry = new THREE.PlaneGeometry(1, 1, 1, 1);
736
737    this.plane = new THREE.Mesh(this.geometry, this.material);
738    this.scene.add(this.plane);
739    
740    this.resize();
741  }
742
743  updateDataTexture() {
744    let data = this.texture.image.data;
745    for (let i = 0; i < data.length; i += 3) {
746      data[i] *= this.settings.relaxation;
747      data[i + 1] *= this.settings.relaxation;
748    }
749
750    let gridMouseX = this.size * this.mouse.x;
751    let gridMouseY = this.size * (1 - this.mouse.y);
752    let maxDist = this.size * this.settings.mouse;
753    let aspect = this.height / this.width;
754
755    for (let i = 0; i < this.size; i++) {
756      for (let j = 0; j < this.size; j++) {
757        let distance = (gridMouseX - i) ** 2 / aspect + (gridMouseY - j) ** 2;
758        let maxDistSq = maxDist ** 2;
759
760        if (distance < maxDistSq) {
761          let index = 3 * (i + this.size * j);
762
763          let power = maxDist / Math.sqrt(distance);
764          power = clamp(power, 0, 10);
765          // if(distance <this.size/32) power = 1;
766          // power = 1;
767
768          data[index] += this.settings.strength * 100 * this.mouse.vX * power;
769          data[index + 1] -=
770            this.settings.strength * 100 * this.mouse.vY * power;
771        }
772      }
773    }
774
775    this.mouse.vX *= 0.9;
776    this.mouse.vY *= 0.9;
777    this.texture.needsUpdate = true;
778  }
779
780  render() {
781    if (!this.isPlaying) return;
782    this.time += 0.05;
783    this.updateDataTexture();
784    this.material.uniforms.time.value = this.time;
785    requestAnimationFrame(this.render.bind(this));
786    this.renderer.render(this.scene, this.camera);
787  }
788}
789
790new Sketch({
791  dom: document.getElementById("canvasContainer")
792});
793</script>
793</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.