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("https://cdn.prod.website-files.com/648b78ba8edb3fbfb7969570/65bcf80121db0fbfc062fd04_mobile-poster-00001.jpg")" 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&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.