{"id":2410,"date":"2026-08-19T08:00:19","date_gmt":"2026-08-19T08:00:19","guid":{"rendered":"https:\/\/testet.biz\/reactio\/?page_id=2410"},"modified":"2026-08-19T14:15:50","modified_gmt":"2026-08-19T14:15:50","slug":"web-uygulamalari","status":"publish","type":"page","link":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/","title":{"rendered":"Web Uygulamalar\u0131"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2410\" class=\"elementor elementor-2410\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ff9fc20 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ff9fc20\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f77c1c dark-color\" data-id=\"7f77c1c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78d2f96 elementor-widget elementor-widget-html\" data-id=\"78d2f96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-webapp-hero\">\n\n  <div class=\"reactio-webapp-hero__container\">\n\n    <!-- TOP -->\n    <div class=\"reactio-webapp-hero__top\">\n\n      <span class=\"reactio-webapp-hero__eyebrow\">\n        WEB APPLICATION DEVELOPMENT\n      <\/span>\n\n      <span class=\"reactio-webapp-hero__status\">\n        <i><\/i>\n        BUILT FOR REAL OPERATIONS\n      <\/span>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"reactio-webapp-hero__content\">\n\n      <h1>\n        SMARTER<br>\n        WORKFLOWS.<br>\n        <span>POWERFUL WEB APPS.<\/span>\n      <\/h1>\n\n\n      <div class=\"reactio-webapp-hero__bottom\">\n\n        <div class=\"reactio-webapp-hero__copy\">\n\n          <p>\n            Taray\u0131c\u0131 \u00fczerinden \u00e7al\u0131\u015fan, operasyonlar\u0131 kolayla\u015ft\u0131ran,\n            veriyi merkezile\u015ftiren ve ekiplerin daha h\u0131zl\u0131 \u00e7al\u0131\u015fmas\u0131n\u0131\n            sa\u011flayan \u00f6zel web uygulamalar\u0131 geli\u015ftiriyoruz.\n          <\/p>\n\n          <div class=\"reactio-webapp-hero__tags\">\n\n            <span>WEB APP<\/span>\n            <span>DASHBOARD<\/span>\n            <span>API<\/span>\n            <span>AUTOMATION<\/span>\n            <span>RESPONSIVE<\/span>\n\n          <\/div>\n\n        <\/div>\n\n\n        <a href=\"\/iletisim\/\" class=\"reactio-webapp-hero__button\">\n\n          <span>\n            PROJEN\u0130 KONU\u015eALIM\n          <\/span>\n\n          <b>\u2197<\/b>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"reactio-webapp-hero__footer\">\n\n      <span>\n        UX \u00b7 ARCHITECTURE \u00b7 DEVELOPMENT \u00b7 INTEGRATION \u00b7 SCALE\n      <\/span>\n\n      <strong>\n        ACCESSIBLE ANYWHERE. BUILT FOR YOUR BUSINESS.\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.reactio-webapp-hero{\n  width:100%;\n  min-height:82vh;\n\n  display:flex;\n\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-webapp-hero *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-webapp-hero__container{\n  width:100%;\n  max-width:1600px;\n\n  min-height:82vh;\n\n  margin:0 auto;\n\n  padding:48px 50px 35px;\n\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-webapp-hero__top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-webapp-hero__eyebrow{\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.4px;\n\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-webapp-hero__status{\n  display:flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  font-size:9px;\n\n  font-weight:850;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.45);\n}\n\n.reactio-webapp-hero__status i{\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:#8fff8f;\n\n  box-shadow:\n    0 0 15px rgba(143,255,143,.75);\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-webapp-hero__content{\n  padding:75px 0 55px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-webapp-hero h1{\n  margin:0;\n\n  max-width:1500px;\n\n  font-size:clamp(70px,8.4vw,150px);\n\n  line-height:.81;\n\n  letter-spacing:-.068em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-webapp-hero h1 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-webapp-hero__bottom{\n  margin-top:55px;\n\n  display:flex;\n\n  align-items:flex-end;\n  justify-content:space-between;\n\n  gap:70px;\n}\n\n.reactio-webapp-hero__copy{\n  max-width:740px;\n}\n\n.reactio-webapp-hero__copy p{\n  margin:0;\n\n  max-width:720px;\n\n  font-size:19px;\n\n  line-height:1.65;\n\n  color:rgba(255,255,255,.58);\n}\n\n\n\/* =====================================================\n   TAGS\n===================================================== *\/\n\n.reactio-webapp-hero__tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:25px;\n}\n\n.reactio-webapp-hero__tags span{\n  padding:7px 11px;\n\n  border:1px solid rgba(255,255,255,.17);\n\n  border-radius:100px;\n\n  font-size:7px;\n\n  font-weight:850;\n\n  letter-spacing:.7px;\n\n  color:rgba(255,255,255,.5);\n}\n\n\n\/* =====================================================\n   BUTTON\n===================================================== *\/\n\n.reactio-webapp-hero__button{\n  min-width:230px;\n\n  height:62px;\n\n  padding:0 24px;\n\n  flex-shrink:0;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  border-radius:100px;\n\n  background:#fff;\n\n  color:#080808 !important;\n\n  text-decoration:none !important;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  transition:transform .35s ease;\n}\n\n.reactio-webapp-hero__button b{\n  font-size:19px;\n\n  font-weight:400;\n\n  transition:transform .35s ease;\n}\n\n.reactio-webapp-hero__button:hover{\n  transform:translateY(-3px);\n}\n\n.reactio-webapp-hero__button:hover b{\n  transform:translate(3px,-3px);\n}\n\n\n\/* =====================================================\n   FOOTER\n===================================================== *\/\n\n.reactio-webapp-hero__footer{\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.14);\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n.reactio-webapp-hero__footer span{\n  font-size:8px;\n\n  font-weight:800;\n\n  letter-spacing:1.4px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-webapp-hero__footer strong{\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-webapp-hero__container{\n    padding:42px 30px 32px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-webapp-hero{\n    min-height:72vh;\n  }\n\n  .reactio-webapp-hero__container{\n    min-height:72vh;\n\n    padding:28px 20px 25px;\n  }\n\n  .reactio-webapp-hero__eyebrow{\n    font-size:8px;\n  }\n\n  .reactio-webapp-hero__status{\n    font-size:7px;\n\n    letter-spacing:.7px;\n  }\n\n  .reactio-webapp-hero__content{\n    padding:65px 0 45px;\n  }\n\n  .reactio-webapp-hero h1{\n    font-size:clamp(42px,11.7vw,60px);\n\n    line-height:.85;\n  }\n\n  .reactio-webapp-hero h1 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-webapp-hero__bottom{\n    margin-top:35px;\n\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:30px;\n  }\n\n  .reactio-webapp-hero__copy p{\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-webapp-hero__button{\n    width:100%;\n  }\n\n  .reactio-webapp-hero__footer{\n    flex-direction:column;\n\n    align-items:flex-start;\n\n    gap:8px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a77833 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6a77833\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-504ea11 dark-color\" data-id=\"504ea11\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4644409 elementor-widget elementor-widget-html\" data-id=\"4644409\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-webapp-why\">\n\n  <div class=\"reactio-webapp-why__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-webapp-why__header\">\n\n      <div class=\"reactio-webapp-why__title\">\n\n        <span class=\"reactio-webapp-why__eyebrow\">\n          WHY WEB APPLICATIONS?\n        <\/span>\n\n        <h2>\n          TARAYICIDA \u00c7ALI\u015eIR.<br>\n          HER YERDEN ER\u0130\u015e\u0130L\u0130R.<br>\n          <span>\u0130\u015e\u0130N\u0130Z\u0130N MERKEZ\u0130NDE YA\u015eAR.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"reactio-webapp-why__intro\">\n\n        <span>\n          MORE THAN A WEBSITE\n        <\/span>\n\n        <h3>\n          Web uygulamalar\u0131 yaln\u0131zca bilgi g\u00f6stermez.\n          \u0130\u015f s\u00fcre\u00e7lerini y\u00f6netir.\n        <\/h3>\n\n        <p>\n          Web sitesi ziyaret\u00e7iye i\u00e7erik sunarken; web uygulamas\u0131\n          kullan\u0131c\u0131lar\u0131n veri girdi\u011fi, i\u015flem yapt\u0131\u011f\u0131, rapor ald\u0131\u011f\u0131\n          ve operasyon y\u00f6netti\u011fi aktif bir dijital sistemdir.\n        <\/p>\n\n        <p>\n          Kurulum gerektirmeden taray\u0131c\u0131 \u00fczerinden \u00e7al\u0131\u015fan yap\u0131s\u0131yla\n          ekiplerinize, m\u00fc\u015fterilerinize veya i\u015f ortaklar\u0131n\u0131za\n          ihtiya\u00e7 duyduklar\u0131 sisteme farkl\u0131 cihazlardan eri\u015fim\n          imk\u00e2n\u0131 sa\u011flayabilir.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-webapp-why__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-webapp-why__item\">\n\n        <div class=\"reactio-webapp-why__top\">\n          <span>01<\/span>\n          <small>ANYWHERE ACCESS<\/small>\n        <\/div>\n\n        <div class=\"reactio-webapp-why__content\">\n\n          <h3>\n            HER YERDEN<br>\n            ER\u0130\u015e\u0130M\n          <\/h3>\n\n          <p>\n            \u0130nternet ba\u011flant\u0131s\u0131 bulunan farkl\u0131 cihazlardan\n            sisteme eri\u015fim sa\u011flayarak ekiplerin belirli bir\n            bilgisayara veya lokasyona ba\u011fl\u0131 kalmas\u0131n\u0131 azalt\u0131r.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-webapp-why__item\">\n\n        <div class=\"reactio-webapp-why__top\">\n          <span>02<\/span>\n          <small>CENTRALIZED DATA<\/small>\n        <\/div>\n\n        <div class=\"reactio-webapp-why__content\">\n\n          <h3>\n            MERKEZ\u0130<br>\n            VER\u0130\n          <\/h3>\n\n          <p>\n            Da\u011f\u0131n\u0131k dosya ve sistemlerde tutulan bilgileri\n            tek bir uygulama alt\u0131nda toplayarak daha d\u00fczenli\n            ve y\u00f6netilebilir bir veri yap\u0131s\u0131 olu\u015fturur.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-webapp-why__item\">\n\n        <div class=\"reactio-webapp-why__top\">\n          <span>03<\/span>\n          <small>MULTI USER<\/small>\n        <\/div>\n\n        <div class=\"reactio-webapp-why__content\">\n\n          <h3>\n            \u00c7OKLU<br>\n            KULLANICI\n          <\/h3>\n\n          <p>\n            Ekipler, m\u00fc\u015fteriler, bayiler veya i\u015f ortaklar\u0131\n            ayn\u0131 sistem \u00fczerinde kendi hesaplar\u0131yla \u00e7al\u0131\u015fabilir\n            ve kendilerine tan\u0131mlanan s\u00fcre\u00e7leri y\u00f6netebilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-webapp-why__item\">\n\n        <div class=\"reactio-webapp-why__top\">\n          <span>04<\/span>\n          <small>ROLE MANAGEMENT<\/small>\n        <\/div>\n\n        <div class=\"reactio-webapp-why__content\">\n\n          <h3>\n            ROL &<br>\n            YETK\u0130 Y\u00d6NET\u0130M\u0130\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131lar\u0131n g\u00f6rebilece\u011fi verileri ve\n            ger\u00e7ekle\u015ftirebilece\u011fi i\u015flemleri rol ve yetki\n            seviyelerine g\u00f6re yap\u0131land\u0131rabiliriz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-webapp-why__item\">\n\n        <div class=\"reactio-webapp-why__top\">\n          <span>05<\/span>\n          <small>REAL-TIME OPERATIONS<\/small>\n        <\/div>\n\n        <div class=\"reactio-webapp-why__content\">\n\n          <h3>\n            ANLIK<br>\n            OPERASYON\n          <\/h3>\n\n          <p>\n            Sipari\u015f, g\u00f6rev, talep, m\u00fc\u015fteri veya di\u011fer i\u015f\n            s\u00fcre\u00e7lerindeki g\u00fcncel durumlar\u0131 merkezi sistem\n            \u00fczerinden takip etmeyi kolayla\u015ft\u0131r\u0131r.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-webapp-why__item\">\n\n        <div class=\"reactio-webapp-why__top\">\n          <span>06<\/span>\n          <small>INTEGRATION READY<\/small>\n        <\/div>\n\n        <div class=\"reactio-webapp-why__content\">\n\n          <h3>\n            ENTEGRASYONA<br>\n            HAZIR\n          <\/h3>\n\n          <p>\n            Uygun teknik altyap\u0131ya sahip CRM, ERP, \u00f6deme,\n            e-ticaret, muhasebe ve \u00fc\u00e7\u00fcnc\u00fc parti servislerle\n            API \u00fczerinden veri al\u0131\u015fveri\u015fi sa\u011flanabilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-webapp-why__bottom\">\n\n      <span>\n        BUILT FOR DAILY OPERATIONS\n      <\/span>\n\n      <strong>\n        ACCESS \u2192 MANAGE \u2192 CONNECT \u2192 GROW\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-webapp-why{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-webapp-why *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-webapp-why__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-webapp-why__header{\n  display:grid;\n\n  grid-template-columns:1.15fr .85fr;\n\n  gap:100px;\n\n  align-items:end;\n\n  margin-bottom:90px;\n}\n\n\n\/* =====================================================\n   TITLE\n===================================================== *\/\n\n.reactio-webapp-why__eyebrow{\n  display:block;\n\n  margin-bottom:25px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-webapp-why__title h2{\n  margin:0;\n\n  font-size:clamp(52px,6vw,105px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-webapp-why__title h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n\n\/* =====================================================\n   INTRO\n===================================================== *\/\n\n.reactio-webapp-why__intro > span{\n  display:block;\n\n  margin-bottom:20px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-webapp-why__intro h3{\n  max-width:600px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(28px,2.5vw,42px);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  font-weight:900;\n\n  color:#080808 !important;\n}\n\n.reactio-webapp-why__intro p{\n  max-width:600px;\n\n  margin:0 0 15px;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.57);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-webapp-why__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-webapp-why__item{\n  min-height:350px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-webapp-why__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-webapp-why__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-webapp-why__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-webapp-why__top span,\n.reactio-webapp-why__top small{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.33);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-webapp-why__content{\n  margin-top:75px;\n}\n\n.reactio-webapp-why__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:color .4s ease;\n}\n\n.reactio-webapp-why__item p{\n  max-width:350px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:color .4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-webapp-why__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-webapp-why__item:hover\n.reactio-webapp-why__top span,\n\n.reactio-webapp-why__item:hover\n.reactio-webapp-why__top small{\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-webapp-why__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-webapp-why__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-webapp-why__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-webapp-why__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-webapp-why__bottom strong{\n  font-size:clamp(22px,2.7vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-webapp-why__container{\n    padding:100px 30px;\n  }\n\n  .reactio-webapp-why__header{\n    grid-template-columns:1fr;\n\n    gap:50px;\n  }\n\n  .reactio-webapp-why__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-webapp-why__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-webapp-why__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-webapp-why__item:nth-child(5),\n  .reactio-webapp-why__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-webapp-why__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-webapp-why__header{\n    margin-bottom:60px;\n\n    gap:40px;\n  }\n\n  .reactio-webapp-why__title h2{\n    font-size:clamp(40px,11vw,58px);\n\n    line-height:.87;\n  }\n\n  .reactio-webapp-why__title h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-webapp-why__intro h3{\n    font-size:29px;\n  }\n\n  .reactio-webapp-why__intro p{\n    font-size:14px;\n  }\n\n\n  \/* GRID *\/\n\n  .reactio-webapp-why__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-webapp-why__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-webapp-why__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-webapp-why__content{\n    margin-top:55px;\n  }\n\n  .reactio-webapp-why__item h3{\n    font-size:40px;\n  }\n\n  .reactio-webapp-why__item p{\n    font-size:14px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .reactio-webapp-why__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-webapp-why__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0cce268 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"0cce268\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ae571df dark-color\" data-id=\"ae571df\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d1f8fe elementor-widget elementor-widget-html\" data-id=\"5d1f8fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-webapp-types\">\n\n  <div class=\"reactio-webapp-types__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-webapp-types__header\">\n\n      <span class=\"reactio-webapp-types__eyebrow\">\n        WHAT WE BUILD\n      <\/span>\n\n      <h2>\n        DIFFERENT NEEDS.<br>\n        CUSTOM WEB<br>\n        <span>APPLICATIONS.<\/span>\n      <\/h2>\n\n      <p>\n        \u0130\u015fletmenizin operasyonuna, kullan\u0131c\u0131 yap\u0131s\u0131na ve hedeflerine g\u00f6re\n        farkl\u0131 kullan\u0131m senaryolar\u0131na sahip web tabanl\u0131 uygulamalar\n        geli\u015ftiriyoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-webapp-types__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>01<\/span>\n          <b>CRM<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            CRM<br>\n            S\u0130STEMLER\u0130\n          <\/h3>\n\n          <p>\n            M\u00fc\u015fteri, sat\u0131\u015f, teklif, g\u00f6r\u00fc\u015fme ve takip s\u00fcre\u00e7lerini\n            tek merkezden y\u00f6netebilece\u011finiz \u015firketinize \u00f6zel\n            CRM uygulamalar\u0131 geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>02<\/span>\n          <b>DASHBOARD<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            Y\u00d6NET\u0130M<br>\n            PANELLER\u0130\n          <\/h3>\n\n          <p>\n            Operasyon, kullan\u0131c\u0131, i\u00e7erik, sipari\u015f veya veri\n            s\u00fcre\u00e7lerini merkezi ekranlardan y\u00f6netebilece\u011finiz\n            \u00f6zel dashboard yap\u0131lar\u0131 olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>03<\/span>\n          <b>CUSTOMER PORTAL<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            M\u00dc\u015eTER\u0130<br>\n            PORTALLARI\n          <\/h3>\n\n          <p>\n            M\u00fc\u015fterilerin kendi hesaplar\u0131yla giri\u015f yapabildi\u011fi,\n            talep, belge, sipari\u015f, \u00f6deme veya s\u00fcre\u00e7 bilgilerini\n            takip edebildi\u011fi \u00f6zel portallar geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>04<\/span>\n          <b>DEALER PORTAL<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            BAY\u0130<br>\n            PORTALLARI\n          <\/h3>\n\n          <p>\n            Bayilerin \u00fcr\u00fcn, fiyat, sipari\u015f, dok\u00fcman ve hesap\n            bilgilerine yetkileri do\u011frultusunda eri\u015febildi\u011fi\n            B2B portal sistemleri olu\u015fturuyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>05<\/span>\n          <b>BOOKING<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            REZERVASYON<br>\n            S\u0130STEMLER\u0130\n          <\/h3>\n\n          <p>\n            Tarih, kapasite, kullan\u0131c\u0131 ve hizmet bazl\u0131 \u00e7al\u0131\u015fan\n            online rezervasyon ve randevu sistemleri\n            geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>06<\/span>\n          <b>ORDER<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            TEKL\u0130F &<br>\n            S\u0130PAR\u0130\u015e\n          <\/h3>\n\n          <p>\n            Teklif olu\u015fturma, onay s\u00fcre\u00e7leri, sipari\u015f takibi\n            ve m\u00fc\u015fteri bazl\u0131 operasyonlar\u0131n y\u00f6netildi\u011fi\n            \u00f6zel web uygulamalar\u0131 geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>07<\/span>\n          <b>OPERATIONS<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            OPERASYON<br>\n            Y\u00d6NET\u0130M\u0130\n          <\/h3>\n\n          <p>\n            G\u00f6rev, s\u00fcre\u00e7, ekip, lokasyon veya i\u015f emirlerinin\n            tek merkezden takip edilebildi\u011fi operasyon\n            y\u00f6netim sistemleri geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>08<\/span>\n          <b>REPORTING<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            RAPORLAMA &<br>\n            ANAL\u0130T\u0130K\n          <\/h3>\n\n          <p>\n            Farkl\u0131 kaynaklardan gelen verileri merkezi\n            dashboardlarda birle\u015ftiren \u00f6zel raporlama\n            ve performans takip uygulamalar\u0131 geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-webapp-types__item\">\n\n        <div class=\"reactio-webapp-types__top\">\n          <span>09<\/span>\n          <b>SAAS<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-types__content\">\n\n          <h3>\n            \u00d6ZEL<br>\n            SaaS \u00dcR\u00dcNLER\u0130\n          <\/h3>\n\n          <p>\n            Farkl\u0131 kullan\u0131c\u0131lar\u0131n hesap olu\u015fturabildi\u011fi,\n            abonelik veya \u00fcyelik mant\u0131\u011f\u0131yla \u00e7al\u0131\u015fabilen\n            web tabanl\u0131 dijital \u00fcr\u00fcnler geli\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-webapp-types__bottom\">\n\n      <span>\n        BUILT AROUND THE USE CASE\n      <\/span>\n\n      <strong>\n        USERS \u2192 PROCESS \u2192 DATA \u2192 APPLICATION\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-webapp-types{\n  width:100%;\n  overflow:hidden;\n\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-webapp-types *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-webapp-types__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-webapp-types__header{\n  margin-bottom:85px;\n}\n\n.reactio-webapp-types__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-webapp-types__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-webapp-types__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-webapp-types__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-webapp-types__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-webapp-types__item{\n  min-height:330px;\n\n  padding:28px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-webapp-types__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-webapp-types__item:nth-child(n+7){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-webapp-types__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-webapp-types__top span,\n.reactio-webapp-types__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-webapp-types__content{\n  margin-top:75px;\n}\n\n.reactio-webapp-types__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(31px,3vw,48px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-webapp-types__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-webapp-types__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-webapp-types__item:hover\n.reactio-webapp-types__top span,\n\n.reactio-webapp-types__item:hover\n.reactio-webapp-types__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-webapp-types__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-webapp-types__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-webapp-types__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  display:grid;\n\n  grid-template-columns:.4fr 1.6fr;\n\n  gap:60px;\n}\n\n.reactio-webapp-types__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-webapp-types__bottom strong{\n  font-size:clamp(22px,2.8vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-webapp-types__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-webapp-types__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-webapp-types__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-webapp-types__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-webapp-types__item:last-child{\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-webapp-types__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-webapp-types__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-webapp-types__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-webapp-types__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-webapp-types__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-webapp-types__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-webapp-types__item{\n    min-height:280px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-webapp-types__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-webapp-types__content{\n    margin-top:55px;\n  }\n\n  .reactio-webapp-types__item h3{\n    font-size:39px;\n  }\n\n  .reactio-webapp-types__item p{\n    font-size:14px;\n  }\n\n  .reactio-webapp-types__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-webapp-types__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae51019 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"ae51019\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b47b0b dark-color\" data-id=\"6b47b0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-020a9df elementor-widget elementor-widget-html\" data-id=\"020a9df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-webapp-process\">\n\n  <div class=\"reactio-webapp-process__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-webapp-process__header\">\n\n      <span class=\"reactio-webapp-process__eyebrow\">\n        HOW WE BUILD WEB APPLICATIONS\n      <\/span>\n\n      <h2>\n        FROM PROBLEM.<br>\n        TO WORKFLOW.<br>\n        <span>TO PRODUCT.<\/span>\n      <\/h2>\n\n      <p>\n        Web uygulamas\u0131 projelerinde \u00f6nce i\u015f problemini ve kullan\u0131c\u0131\n        ak\u0131\u015flar\u0131n\u0131 analiz ediyor, ard\u0131ndan teknik mimariyi, aray\u00fcz\u00fc\n        ve geli\u015ftirme s\u00fcrecini kontroll\u00fc \u015fekilde planl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROCESS GRID -->\n    <div class=\"reactio-webapp-process__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-webapp-process__item\">\n\n        <div class=\"reactio-webapp-process__top\">\n          <span>01<\/span>\n          <b>PROBLEM<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-process__content\">\n\n          <small>\n            UNDERSTAND FIRST\n          <\/small>\n\n          <h3>\n            PROBLEM\u0130<br>\n            TANIMLA\n          <\/h3>\n\n          <p>\n            Mevcut s\u00fcrecin nerede yava\u015flad\u0131\u011f\u0131n\u0131, hangi i\u015flemlerin\n            manuel y\u00fcr\u00fcd\u00fc\u011f\u00fcn\u00fc ve web uygulamas\u0131n\u0131n \u00e7\u00f6zmesi gereken\n            temel ihtiyac\u0131 belirliyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-webapp-process__item\">\n\n        <div class=\"reactio-webapp-process__top\">\n          <span>02<\/span>\n          <b>WORKFLOW<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-process__content\">\n\n          <small>\n            MAP THE PROCESS\n          <\/small>\n\n          <h3>\n            \u0130\u015e AKI\u015eINI<br>\n            KUR\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131lar\u0131n sistem i\u00e7inde hangi ad\u0131mlar\u0131 izleyece\u011fini,\n            hangi verileri girece\u011fini ve hangi i\u015flemleri\n            ger\u00e7ekle\u015ftirece\u011fini netle\u015ftiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-webapp-process__item\">\n\n        <div class=\"reactio-webapp-process__top\">\n          <span>03<\/span>\n          <b>ARCHITECTURE<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-process__content\">\n\n          <small>\n            DESIGN THE SYSTEM\n          <\/small>\n\n          <h3>\n            TEKN\u0130K<br>\n            M\u0130MAR\u0130\n          <\/h3>\n\n          <p>\n            Veri yap\u0131s\u0131n\u0131, kullan\u0131c\u0131 rollerini, entegrasyonlar\u0131\n            ve gelecekte b\u00fcy\u00fcmeyi destekleyecek teknik altyap\u0131y\u0131\n            planl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-webapp-process__item\">\n\n        <div class=\"reactio-webapp-process__top\">\n          <span>04<\/span>\n          <b>UX \/ UI<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-process__content\">\n\n          <small>\n            DESIGN THE EXPERIENCE\n          <\/small>\n\n          <h3>\n            ARAY\u00dcZ\u00dc<br>\n            TASARLA\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131lar\u0131n sistemi h\u0131zl\u0131 \u00f6\u011frenebilmesi ve\n            g\u00fcnl\u00fck i\u015flemleri kolayca ger\u00e7ekle\u015ftirebilmesi i\u00e7in\n            sade ve i\u015flevsel ekranlar tasarl\u0131yoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-webapp-process__item\">\n\n        <div class=\"reactio-webapp-process__top\">\n          <span>05<\/span>\n          <b>DEVELOPMENT<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-process__content\">\n\n          <small>\n            BUILD THE APPLICATION\n          <\/small>\n\n          <h3>\n            GEL\u0130\u015eT\u0130R\n          <\/h3>\n\n          <p>\n            Onaylanan kullan\u0131c\u0131 ak\u0131\u015flar\u0131n\u0131 ve mimariyi\n            g\u00fcvenli, y\u00f6netilebilir ve geli\u015ftirilebilir\n            bir web uygulamas\u0131na d\u00f6n\u00fc\u015ft\u00fcr\u00fcyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-webapp-process__item\">\n\n        <div class=\"reactio-webapp-process__top\">\n          <span>06<\/span>\n          <b>TEST & LAUNCH<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-process__content\">\n\n          <small>\n            READY FOR REAL USERS\n          <\/small>\n\n          <h3>\n            TEST ET.<br>\n            YAYINA AL.\n          <\/h3>\n\n          <p>\n            Kullan\u0131c\u0131 senaryolar\u0131n\u0131, fonksiyonlar\u0131 ve kritik\n            entegrasyonlar\u0131 test ediyor; ard\u0131ndan uygulamay\u0131\n            ger\u00e7ek kullan\u0131ma haz\u0131r hale getiriyoruz.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-webapp-process__bottom\">\n\n      <span>\n        WEB APPLICATION PROCESS\n      <\/span>\n\n      <strong>\n        PROBLEM \u2192 WORKFLOW \u2192 ARCHITECTURE \u2192 UX\/UI \u2192 DEVELOPMENT \u2192 LAUNCH\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-webapp-process{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-webapp-process *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-webapp-process__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-webapp-process__header{\n  margin-bottom:85px;\n}\n\n.reactio-webapp-process__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-webapp-process__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-webapp-process__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-webapp-process__header p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-webapp-process__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-webapp-process__item{\n  min-height:360px;\n\n  padding:30px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(8,8,8,.16);\n  border-bottom:1px solid rgba(8,8,8,.16);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-webapp-process__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-webapp-process__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-webapp-process__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-webapp-process__top span,\n.reactio-webapp-process__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-webapp-process__content{\n  margin-top:80px;\n}\n\n.reactio-webapp-process__content small{\n  display:block;\n\n  margin-bottom:12px;\n\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.4px;\n\n  color:rgba(8,8,8,.35);\n\n  transition:.4s ease;\n}\n\n.reactio-webapp-process__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(34px,3.2vw,52px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n\n  transition:.4s ease;\n}\n\n.reactio-webapp-process__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.55);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-webapp-process__item:hover{\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-webapp-process__item:hover\n.reactio-webapp-process__top span,\n\n.reactio-webapp-process__item:hover\n.reactio-webapp-process__top b,\n\n.reactio-webapp-process__item:hover\n.reactio-webapp-process__content small{\n  color:rgba(255,255,255,.4);\n}\n\n.reactio-webapp-process__item:hover h3{\n  color:#fff !important;\n}\n\n.reactio-webapp-process__item:hover p{\n  color:rgba(255,255,255,.55);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-webapp-process__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(8,8,8,.15);\n\n  display:grid;\n\n  grid-template-columns:.35fr 1.65fr;\n\n  gap:60px;\n}\n\n.reactio-webapp-process__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-webapp-process__bottom strong{\n  font-size:clamp(20px,2.4vw,37px);\n\n  line-height:1.15;\n\n  letter-spacing:-.035em;\n\n  font-weight:950;\n\n  color:#080808;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-webapp-process__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-webapp-process__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-webapp-process__item{\n    border-right:1px solid rgba(8,8,8,.16) !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-webapp-process__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-webapp-process__item:nth-child(5),\n  .reactio-webapp-process__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-webapp-process__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-webapp-process__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-webapp-process__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-webapp-process__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-webapp-process__header p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n\n  \/* GRID *\/\n\n  .reactio-webapp-process__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-webapp-process__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n    border-bottom:1px solid rgba(8,8,8,.16) !important;\n  }\n\n  .reactio-webapp-process__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-webapp-process__content{\n    margin-top:55px;\n  }\n\n  .reactio-webapp-process__item h3{\n    font-size:41px;\n  }\n\n  .reactio-webapp-process__item p{\n    font-size:14px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  .reactio-webapp-process__bottom{\n    margin-top:55px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-webapp-process__bottom strong{\n    font-size:23px;\n\n    line-height:1.25;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c4802d2 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"c4802d2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b2c63c8 dark-color\" data-id=\"b2c63c8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e4be0d elementor-widget elementor-widget-html\" data-id=\"5e4be0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-webapp-fit\">\n\n  <div class=\"reactio-webapp-fit__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-webapp-fit__header\">\n\n      <span class=\"reactio-webapp-fit__eyebrow\">\n        WHO IS IT FOR?\n      <\/span>\n\n      <h2>\n        BUILT FOR<br>\n        COMPLEX WORK.<br>\n        <span>MADE SIMPLE.<\/span>\n      <\/h2>\n\n      <p>\n        Web uygulamalar\u0131; ekip, m\u00fc\u015fteri, veri ve operasyon s\u00fcre\u00e7lerini\n        tek merkezde y\u00f6netmek isteyen i\u015fletmeler i\u00e7in g\u00fc\u00e7l\u00fc ve\n        \u00f6l\u00e7eklenebilir \u00e7\u00f6z\u00fcmler sunar.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- GRID -->\n    <div class=\"reactio-webapp-fit__grid\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-webapp-fit__item\">\n\n        <div class=\"reactio-webapp-fit__top\">\n          <span>01<\/span>\n          <b>GROWING OPERATIONS<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-fit__content\">\n\n          <h3>\n            B\u00dcY\u00dcYEN<br>\n            OPERASYONLAR\n          <\/h3>\n\n          <p>\n            Manuel s\u00fcre\u00e7lerin artt\u0131\u011f\u0131, ekiplerin b\u00fcy\u00fcd\u00fc\u011f\u00fc\n            ve mevcut ara\u00e7lar\u0131n yetersiz kalmaya ba\u015flad\u0131\u011f\u0131\n            i\u015fletmeler i\u00e7in merkezi web uygulamalar\u0131 geli\u015ftirilebilir.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-webapp-fit__item\">\n\n        <div class=\"reactio-webapp-fit__top\">\n          <span>02<\/span>\n          <b>MULTI USER<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-fit__content\">\n\n          <h3>\n            \u00c7OK KULLANICILI<br>\n            S\u0130STEMLER\n          <\/h3>\n\n          <p>\n            Farkl\u0131 departmanlar\u0131n, ekiplerin veya kullan\u0131c\u0131lar\u0131n\n            ayn\u0131 sistem \u00fczerinde farkl\u0131 rol ve yetkilerle\n            \u00e7al\u0131\u015fmas\u0131 gereken yap\u0131lar.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-webapp-fit__item\">\n\n        <div class=\"reactio-webapp-fit__top\">\n          <span>03<\/span>\n          <b>PORTALS<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-fit__content\">\n\n          <h3>\n            M\u00dc\u015eTER\u0130 &<br>\n            BAY\u0130 A\u011eLARI\n          <\/h3>\n\n          <p>\n            M\u00fc\u015fteri, bayi veya i\u015f ortaklar\u0131n\u0131n \u00f6zel hesaplarla\n            sisteme giri\u015f yapmas\u0131 ve belirli i\u015flemleri kendi\n            ekranlar\u0131ndan y\u00f6netmesi gereken i\u015fletmeler.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-webapp-fit__item\">\n\n        <div class=\"reactio-webapp-fit__top\">\n          <span>04<\/span>\n          <b>DATA<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-fit__content\">\n\n          <h3>\n            DA\u011eINIK<br>\n            VER\u0130\n          <\/h3>\n\n          <p>\n            Excel, e-posta, farkl\u0131 paneller ve ba\u011f\u0131ms\u0131z sistemlerde\n            tutulan bilgileri merkezi bir yap\u0131da toplamak\n            isteyen \u015firketler.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-webapp-fit__item\">\n\n        <div class=\"reactio-webapp-fit__top\">\n          <span>05<\/span>\n          <b>INTEGRATION<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-fit__content\">\n\n          <h3>\n            ENTEGRASYON<br>\n            \u0130HT\u0130YACI\n          <\/h3>\n\n          <p>\n            CRM, ERP, \u00f6deme, muhasebe, e-ticaret veya di\u011fer\n            servislerin birbirleriyle veri al\u0131\u015fveri\u015fi yapmas\u0131\n            gereken operasyonlar.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-webapp-fit__item\">\n\n        <div class=\"reactio-webapp-fit__top\">\n          <span>06<\/span>\n          <b>SAAS<\/b>\n        <\/div>\n\n        <div class=\"reactio-webapp-fit__content\">\n\n          <h3>\n            SaaS<br>\n            F\u0130K\u0130RLER\u0130\n          <\/h3>\n\n          <p>\n            Web tabanl\u0131 bir \u00fcr\u00fcn geli\u015ftirmek, kullan\u0131c\u0131 \u00fcyelikleri\n            olu\u015fturmak ve dijital bir hizmeti \u00f6l\u00e7eklenebilir\n            \u015fekilde pazara sunmak isteyen giri\u015fimler.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"reactio-webapp-fit__bottom\">\n\n      <span>\n        WHEN SPREADSHEETS AREN'T ENOUGH\n      <\/span>\n\n      <strong>\n        CENTRALIZE \u2192 AUTOMATE \u2192 CONNECT \u2192 SCALE\n      <\/strong>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-webapp-fit{\n  width:100%;\n  overflow:hidden;\n\n  background:#080808;\n  color:#fff;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-webapp-fit *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-webapp-fit__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px 125px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-webapp-fit__header{\n  margin-bottom:85px;\n}\n\n.reactio-webapp-fit__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(255,255,255,.38);\n}\n\n.reactio-webapp-fit__header h2{\n  margin:0;\n\n  max-width:1350px;\n\n  font-size:clamp(58px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n}\n\n.reactio-webapp-fit__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:2px #fff;\n}\n\n.reactio-webapp-fit__header > p{\n  max-width:720px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.52);\n}\n\n\n\/* =====================================================\n   GRID\n===================================================== *\/\n\n.reactio-webapp-fit__grid{\n  display:grid;\n\n  grid-template-columns:repeat(3,1fr);\n\n  border-top:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n}\n\n\n\/* =====================================================\n   ITEM\n===================================================== *\/\n\n.reactio-webapp-fit__item{\n  min-height:350px;\n\n  padding:30px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:space-between;\n\n  border-right:1px solid rgba(255,255,255,.15);\n  border-bottom:1px solid rgba(255,255,255,.15);\n\n  transition:\n    background .4s ease,\n    color .4s ease;\n}\n\n.reactio-webapp-fit__item:nth-child(3n){\n  border-right:0;\n}\n\n.reactio-webapp-fit__item:nth-child(n+4){\n  border-bottom:0;\n}\n\n\n\/* =====================================================\n   TOP\n===================================================== *\/\n\n.reactio-webapp-fit__top{\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n.reactio-webapp-fit__top span,\n.reactio-webapp-fit__top b{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.2px;\n\n  color:rgba(255,255,255,.35);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   CONTENT\n===================================================== *\/\n\n.reactio-webapp-fit__content{\n  margin-top:80px;\n}\n\n.reactio-webapp-fit__item h3{\n  margin:0 0 18px;\n\n  font-size:clamp(32px,3vw,49px);\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#fff !important;\n\n  transition:.4s ease;\n}\n\n.reactio-webapp-fit__item p{\n  max-width:360px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n  color:rgba(255,255,255,.5);\n\n  transition:.4s ease;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-webapp-fit__item:hover{\n  background:#f3f0e9;\n\n  color:#080808;\n}\n\n.reactio-webapp-fit__item:hover\n.reactio-webapp-fit__top span,\n\n.reactio-webapp-fit__item:hover\n.reactio-webapp-fit__top b{\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-webapp-fit__item:hover h3{\n  color:#080808 !important;\n}\n\n.reactio-webapp-fit__item:hover p{\n  color:rgba(8,8,8,.56);\n}\n\n\n\/* =====================================================\n   BOTTOM\n===================================================== *\/\n\n.reactio-webapp-fit__bottom{\n  margin-top:75px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.15);\n\n  display:grid;\n\n  grid-template-columns:.4fr 1.6fr;\n\n  gap:60px;\n}\n\n.reactio-webapp-fit__bottom span{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1.7px;\n\n  color:rgba(255,255,255,.35);\n}\n\n.reactio-webapp-fit__bottom strong{\n  font-size:clamp(22px,2.8vw,42px);\n\n  line-height:1.1;\n\n  letter-spacing:-.04em;\n\n  font-weight:950;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-webapp-fit__container{\n    padding:100px 30px 105px;\n  }\n\n  .reactio-webapp-fit__grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n\n  .reactio-webapp-fit__item{\n    border-right:1px solid rgba(255,255,255,.15) !important;\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-webapp-fit__item:nth-child(2n){\n    border-right:0 !important;\n  }\n\n  .reactio-webapp-fit__item:nth-child(5),\n  .reactio-webapp-fit__item:nth-child(6){\n    border-bottom:0 !important;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-webapp-fit__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-webapp-fit__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-webapp-fit__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-webapp-fit__header h2 span{\n    -webkit-text-stroke:1px #fff;\n  }\n\n  .reactio-webapp-fit__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n  .reactio-webapp-fit__grid{\n    grid-template-columns:1fr;\n  }\n\n  .reactio-webapp-fit__item{\n    min-height:285px;\n\n    padding:25px 5px;\n\n    border-right:0 !important;\n\n    border-bottom:1px solid rgba(255,255,255,.15) !important;\n  }\n\n  .reactio-webapp-fit__item:last-child{\n    border-bottom:0 !important;\n  }\n\n  .reactio-webapp-fit__content{\n    margin-top:55px;\n  }\n\n  .reactio-webapp-fit__item h3{\n    font-size:40px;\n  }\n\n  .reactio-webapp-fit__item p{\n    font-size:14px;\n  }\n\n  .reactio-webapp-fit__bottom{\n    margin-top:60px;\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .reactio-webapp-fit__bottom strong{\n    font-size:25px;\n\n    line-height:1.2;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e257394 elementor-section-height-min-height cs-section-content-fullwidth cs_scroll_y_120 cs-parallax-on-scroll elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"e257394\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-cs-parallax-y=\"120\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-414d8ce dark-color\" data-id=\"414d8ce\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e18b9c elementor-widget elementor-widget-html\" data-id=\"3e18b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reactio-webapp-faq\">\n\n  <div class=\"reactio-webapp-faq__container\">\n\n    <!-- HEADER -->\n    <div class=\"reactio-webapp-faq__header\">\n\n      <span class=\"reactio-webapp-faq__eyebrow\">\n        FREQUENTLY ASKED QUESTIONS\n      <\/span>\n\n      <h2>\n        QUESTIONS.<br>\n        CLEAR<br>\n        <span>ANSWERS.<\/span>\n      <\/h2>\n\n      <p>\n        Web uygulamas\u0131 geli\u015ftirme s\u00fcreci, entegrasyonlar,\n        kullan\u0131c\u0131 y\u00f6netimi, g\u00fcvenlik ve teknik destek hakk\u0131nda\n        en s\u0131k sorulan sorular\u0131 burada yan\u0131tl\u0131yoruz.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- FAQ LIST -->\n    <div class=\"reactio-webapp-faq__list\">\n\n\n      <!-- 01 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">01<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Web uygulamas\u0131 nedir?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Web uygulamas\u0131, internet taray\u0131c\u0131s\u0131 \u00fczerinden \u00e7al\u0131\u015fan\n              ve kullan\u0131c\u0131n\u0131n yaln\u0131zca bilgi g\u00f6r\u00fcnt\u00fclemek yerine\n              veri girebildi\u011fi, i\u015flem yapabildi\u011fi ve i\u015f s\u00fcre\u00e7lerini\n              y\u00f6netebildi\u011fi dijital sistemdir.\n            <\/p>\n\n            <p>\n              CRM, y\u00f6netim paneli, m\u00fc\u015fteri portal\u0131, bayi sistemi,\n              rezervasyon uygulamas\u0131 ve operasyon y\u00f6netim ara\u00e7lar\u0131\n              web uygulamalar\u0131na \u00f6rnek olabilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">02<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Web sitesi ile web uygulamas\u0131 aras\u0131ndaki fark nedir?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Web sitesi a\u011f\u0131rl\u0131kl\u0131 olarak i\u00e7erik ve bilgi sunarken,\n              web uygulamas\u0131 kullan\u0131c\u0131lar\u0131n sisteme giri\u015f yapt\u0131\u011f\u0131,\n              veri olu\u015fturdu\u011fu ve operasyonel i\u015flemler ger\u00e7ekle\u015ftirdi\u011fi\n              daha interaktif bir yap\u0131 sunar.\n            <\/p>\n\n            <p>\n              \u0130ki yap\u0131 ayn\u0131 domain veya ayn\u0131 proje i\u00e7erisinde\n              birlikte de kullan\u0131labilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">03<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Web uygulamas\u0131 mobil cihazlardan kullan\u0131labilir mi?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Evet. Web uygulamalar\u0131 responsive \u015fekilde geli\u015ftirilerek\n              masa\u00fcst\u00fc, tablet ve mobil cihazlardan kullan\u0131labilir.\n            <\/p>\n\n            <p>\n              Kullan\u0131c\u0131 senaryolar\u0131na g\u00f6re mobil tarafta en s\u0131k\n              kullan\u0131lan i\u015flemler ayr\u0131ca \u00f6nceliklendirilebilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">04<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Kullan\u0131c\u0131lara farkl\u0131 yetkiler verilebilir mi?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Evet. Kullan\u0131c\u0131 rolleri ve yetkilendirmeler proje\n              ihtiyac\u0131na g\u00f6re tan\u0131mlanabilir.\n            <\/p>\n\n            <p>\n              \u00d6rne\u011fin y\u00f6netici, \u00e7al\u0131\u015fan, m\u00fc\u015fteri, bayi veya\n              i\u015f orta\u011f\u0131 gibi farkl\u0131 kullan\u0131c\u0131 gruplar\u0131 yaln\u0131zca\n              kendilerine tan\u0131mlanan ekran ve verilere eri\u015febilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">05<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            CRM, ERP veya di\u011fer sistemlerle entegrasyon yap\u0131labilir mi?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Teknik olarak uygun API veya veri eri\u015fimi bulunan\n              sistemlerle entegrasyon geli\u015ftirilebilir.\n            <\/p>\n\n            <p>\n              CRM, ERP, muhasebe, \u00f6deme, kargo, e-ticaret ve\n              farkl\u0131 \u00fc\u00e7\u00fcnc\u00fc parti servislerle veri al\u0131\u015fveri\u015fi\n              sa\u011flayan ba\u011flant\u0131lar olu\u015fturulabilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">06<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Web uygulamas\u0131 ne kadar s\u00fcrede geli\u015ftirilir?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Geli\u015ftirme s\u00fcresi; kullan\u0131c\u0131 rolleri, ekran say\u0131s\u0131,\n              i\u015f ak\u0131\u015flar\u0131, entegrasyonlar ve projenin teknik kapsam\u0131na\n              g\u00f6re de\u011fi\u015fir.\n            <\/p>\n\n            <p>\n              B\u00fcy\u00fck uygulamalarda proje tek seferde geli\u015ftirilmek\n              yerine \u00f6ncelikli \u00f6zelliklerden ba\u015flanarak fazlar\n              halinde ilerletilebilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 07 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">07<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Web uygulamas\u0131na sonradan yeni \u00f6zellikler eklenebilir mi?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Evet. Sistem mimarisi ba\u015flang\u0131\u00e7ta do\u011fru planland\u0131\u011f\u0131nda\n              ilerleyen d\u00f6nemlerde yeni mod\u00fcller, kullan\u0131c\u0131 rolleri,\n              raporlar ve entegrasyonlar eklenebilir.\n            <\/p>\n\n            <p>\n              Bu nedenle uygulaman\u0131n yaln\u0131zca bug\u00fcnk\u00fc ihtiyaca de\u011fil,\n              \u015firketin gelecekteki b\u00fcy\u00fcme planlar\u0131na da uyum sa\u011flayacak\n              \u015fekilde tasarlanmas\u0131 \u00f6nemlidir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 08 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">08<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Web uygulamalar\u0131nda g\u00fcvenlik nas\u0131l ele al\u0131n\u0131yor?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              G\u00fcvenlik ihtiya\u00e7lar\u0131 kullan\u0131c\u0131 yap\u0131s\u0131, i\u015flenen veri,\n              eri\u015fim yetkileri ve \u00fc\u00e7\u00fcnc\u00fc parti entegrasyonlara g\u00f6re\n              proje mimarisinin bir par\u00e7as\u0131 olarak de\u011ferlendirilir.\n            <\/p>\n\n            <p>\n              Kullan\u0131c\u0131 do\u011frulama, rol bazl\u0131 eri\u015fim, veri izinleri\n              ve kritik i\u015flemler projenin gereksinimlerine g\u00f6re\n              planlan\u0131r.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 09 -->\n      <div class=\"reactio-webapp-faq__item\">\n\n        <button class=\"reactio-webapp-faq__question\">\n\n          <span class=\"reactio-webapp-faq__number\">09<\/span>\n\n          <span class=\"reactio-webapp-faq__title\">\n            Yay\u0131na al\u0131nd\u0131ktan sonra teknik destek sa\u011fl\u0131yor musunuz?\n          <\/span>\n\n          <span class=\"reactio-webapp-faq__icon\">+<\/span>\n\n        <\/button>\n\n        <div class=\"reactio-webapp-faq__answer\">\n          <div class=\"reactio-webapp-faq__answer-inner\">\n\n            <p>\n              Evet. Projenin ihtiyac\u0131na g\u00f6re bak\u0131m, teknik destek,\n              hata giderme, yeni geli\u015ftirmeler ve entegrasyon\n              g\u00fcncellemelerini kapsayan devam eden destek modeli\n              olu\u015fturulabilir.\n            <\/p>\n\n            <p>\n              B\u00f6ylece web uygulamas\u0131 i\u015fletmenin de\u011fi\u015fen ihtiya\u00e7lar\u0131yla\n              birlikte geli\u015ftirilmeye devam edebilir.\n            <\/p>\n\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   SECTION\n===================================================== *\/\n\n.reactio-webapp-faq{\n  width:100%;\n  overflow:hidden;\n\n  background:#f3f0e9;\n  color:#080808;\n\n  font-family:Arial, Helvetica, sans-serif;\n}\n\n.reactio-webapp-faq *{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   CONTAINER\n===================================================== *\/\n\n.reactio-webapp-faq__container{\n  width:100%;\n  max-width:1600px;\n\n  margin:0 auto;\n\n  padding:120px 50px;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.reactio-webapp-faq__header{\n  margin-bottom:80px;\n}\n\n.reactio-webapp-faq__eyebrow{\n  display:block;\n\n  margin-bottom:24px;\n\n  font-size:9px;\n  font-weight:900;\n\n  letter-spacing:2.2px;\n\n  color:rgba(8,8,8,.38);\n}\n\n.reactio-webapp-faq__header h2{\n  margin:0;\n\n  max-width:1200px;\n\n  font-size:clamp(60px,7vw,125px);\n\n  line-height:.84;\n\n  letter-spacing:-.065em;\n\n  font-weight:950;\n\n  text-transform:uppercase;\n\n  color:#080808 !important;\n}\n\n.reactio-webapp-faq__header h2 span{\n  color:transparent !important;\n\n  -webkit-text-stroke:1.5px #080808;\n}\n\n.reactio-webapp-faq__header > p{\n  max-width:680px;\n\n  margin:40px 0 0;\n\n  font-size:17px;\n\n  line-height:1.7;\n\n  color:rgba(8,8,8,.58);\n}\n\n\n\/* =====================================================\n   LIST\n===================================================== *\/\n\n.reactio-webapp-faq__list{\n  border-top:1px solid rgba(8,8,8,.16);\n}\n\n.reactio-webapp-faq__item{\n  border-bottom:1px solid rgba(8,8,8,.16);\n}\n\n\n\/* =====================================================\n   QUESTION\n===================================================== *\/\n\n.reactio-webapp-faq__question{\n  width:100%;\n\n  padding:27px 0;\n\n  display:grid;\n\n  grid-template-columns:70px 1fr 50px;\n\n  align-items:center;\n\n  gap:20px;\n\n  border:0;\n  outline:0;\n\n  background:transparent;\n\n  cursor:pointer;\n\n  text-align:left;\n\n  font-family:inherit;\n\n  color:#080808;\n}\n\n.reactio-webapp-faq__number{\n  font-size:8px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  color:rgba(8,8,8,.35);\n}\n\n.reactio-webapp-faq__title{\n  font-size:clamp(19px,2vw,30px);\n\n  line-height:1.15;\n\n  letter-spacing:-.03em;\n\n  font-weight:850;\n\n  color:#080808;\n}\n\n.reactio-webapp-faq__icon{\n  width:40px;\n  height:40px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  justify-self:end;\n\n  border:1px solid rgba(8,8,8,.18);\n\n  border-radius:50%;\n\n  font-size:21px;\n\n  font-weight:300;\n\n  color:#080808;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    color .35s ease;\n}\n\n\n\/* =====================================================\n   ANSWER\n===================================================== *\/\n\n.reactio-webapp-faq__answer{\n  max-height:0;\n\n  overflow:hidden;\n\n  transition:max-height .45s ease;\n}\n\n.reactio-webapp-faq__answer-inner{\n  max-width:800px;\n\n  margin-left:70px;\n\n  padding:0 0 32px;\n}\n\n.reactio-webapp-faq__answer p{\n  margin:0 0 13px;\n\n  font-size:15px;\n\n  line-height:1.75;\n\n  color:rgba(8,8,8,.58);\n}\n\n.reactio-webapp-faq__answer p:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =====================================================\n   ACTIVE\n===================================================== *\/\n\n.reactio-webapp-faq__item.active\n.reactio-webapp-faq__icon{\n  transform:rotate(45deg);\n\n  background:#080808;\n\n  color:#fff;\n}\n\n.reactio-webapp-faq__item.active\n.reactio-webapp-faq__title{\n  font-weight:950;\n}\n\n\n\/* =====================================================\n   HOVER\n===================================================== *\/\n\n.reactio-webapp-faq__question:hover\n.reactio-webapp-faq__icon{\n  background:#080808;\n\n  color:#fff;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .reactio-webapp-faq__container{\n    padding:100px 30px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .reactio-webapp-faq__container{\n    padding:80px 20px 85px;\n  }\n\n  .reactio-webapp-faq__header{\n    margin-bottom:55px;\n  }\n\n  .reactio-webapp-faq__header h2{\n    font-size:clamp(43px,12vw,62px);\n\n    line-height:.87;\n  }\n\n  .reactio-webapp-faq__header h2 span{\n    -webkit-text-stroke:1px #080808;\n  }\n\n  .reactio-webapp-faq__header > p{\n    margin-top:28px;\n\n    font-size:15px;\n\n    line-height:1.6;\n  }\n\n\n  \/* QUESTION *\/\n\n  .reactio-webapp-faq__question{\n    grid-template-columns:35px 1fr 38px;\n\n    gap:12px;\n\n    padding:22px 0;\n  }\n\n  .reactio-webapp-faq__title{\n    font-size:18px;\n\n    line-height:1.25;\n  }\n\n  .reactio-webapp-faq__icon{\n    width:34px;\n    height:34px;\n\n    font-size:18px;\n  }\n\n\n  \/* ANSWER *\/\n\n  .reactio-webapp-faq__answer-inner{\n    margin-left:47px;\n\n    padding-bottom:25px;\n  }\n\n  .reactio-webapp-faq__answer p{\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  const faqItems =\n    document.querySelectorAll(\".reactio-webapp-faq__item\");\n\n  faqItems.forEach(function(item){\n\n    const question =\n      item.querySelector(\".reactio-webapp-faq__question\");\n\n    const answer =\n      item.querySelector(\".reactio-webapp-faq__answer\");\n\n    question.addEventListener(\"click\", function(){\n\n      const isOpen =\n        item.classList.contains(\"active\");\n\n      faqItems.forEach(function(otherItem){\n\n        const otherAnswer =\n          otherItem.querySelector(\".reactio-webapp-faq__answer\");\n\n        otherItem.classList.remove(\"active\");\n\n        otherAnswer.style.maxHeight = null;\n\n      });\n\n      if(!isOpen){\n\n        item.classList.add(\"active\");\n\n        answer.style.maxHeight =\n          answer.scrollHeight + \"px\";\n\n      }\n\n    });\n\n  });\n\n});\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEB APPLICATION DEVELOPMENT BUILT FOR REAL OPERATIONS SMARTER WORKFLOWS. POWERFUL WEB APPS. Taray\u0131c\u0131 \u00fczerinden \u00e7al\u0131\u015fan, operasyonlar\u0131 kolayla\u015ft\u0131ran, veriyi merkezile\u015ftiren ve ekiplerin daha h\u0131zl\u0131 \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flayan \u00f6zel web uygulamalar\u0131 geli\u015ftiriyoruz. WEB APP DASHBOARD API AUTOMATION RESPONSIVE PROJEN\u0130 KONU\u015eALIM \u2197 UX \u00b7 ARCHITECTURE \u00b7 DEVELOPMENT \u00b7 INTEGRATION \u00b7 SCALE ACCESSIBLE ANYWHERE. BUILT FOR YOUR BUSINESS. WHY WEB &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"cozystay_single_page_hide_site_header":"","cozystay_single_page_site_header_source":"","cozystay_single_page_custom_site_header":"","cozystay_single_page_custom_sticky_site_header":"","cozystay_single_page_hide_page_title":"on","cozystay_single_page_header_section_size":"","cozystay_single_page_header_background_color":"","cozystay_single_page_header_background_position_x":"center","cozystay_single_page_header_background_position_y":"center","cozystay_single_page_header_background_size":"cover","cozystay_single_page_header_background_repeat":"off","cozystay_single_page_header_background_scroll":"on","cozystay_single_page_header_text_color":"","cozystay_single_page_header_show_breadcrumb":"","cozystay_single_page_site_footer_hide_main":"","cozystay_single_custom_site_footer_main_source":"","cozystay_single_custom_site_footer_main":"","cozystay_single_page_site_footer_hide_above":"","cozystay_single_custom_site_footer_above_source":"","cozystay_single_custom_site_footer_above":"","cozystay_single_page_site_footer_hide_instagram":"","cozystay_single_page_site_footer_hide_bottom":"","cozystay_single_custom_mobile_menu_source":"","cozystay_single_custom_mobile_menu":"","cozystay_single_custom_mobile_menu_animation":"","cozystay_single_custom_mobile_menu_width":"","cozystay_single_custom_mobile_menu_custom_width":375,"footnotes":""},"class_list":["post-2410","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Uygulama Geli\u015ftirme | \u00d6zel Web \u00c7\u00f6z\u00fcmleri | Reactio<\/title>\n<meta name=\"description\" content=\"\u0130\u015fletmenize \u00f6zel h\u0131zl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 geli\u015ftiriyoruz. S\u00fcre\u00e7lerinizi dijitalle\u015ftiren modern \u00e7\u00f6z\u00fcmler sunuyoruz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/testet.biz\/reactio\/web-uygulamalari\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Uygulama Geli\u015ftirme | \u00d6zel Web \u00c7\u00f6z\u00fcmleri | Reactio\" \/>\n<meta property=\"og:description\" content=\"\u0130\u015fletmenize \u00f6zel h\u0131zl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 geli\u015ftiriyoruz. S\u00fcre\u00e7lerinizi dijitalle\u015ftiren modern \u00e7\u00f6z\u00fcmler sunuyoruz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/testet.biz\/reactio\/web-uygulamalari\/\" \/>\n<meta property=\"og:site_name\" content=\"REACTIO\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T14:15:50+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/web-uygulamalari\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/web-uygulamalari\\\/\",\"name\":\"Web Uygulama Geli\u015ftirme | \u00d6zel Web \u00c7\u00f6z\u00fcmleri | Reactio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\"},\"datePublished\":\"2026-08-19T08:00:19+00:00\",\"dateModified\":\"2026-08-19T14:15:50+00:00\",\"description\":\"\u0130\u015fletmenize \u00f6zel h\u0131zl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 geli\u015ftiriyoruz. S\u00fcre\u00e7lerinizi dijitalle\u015ftiren modern \u00e7\u00f6z\u00fcmler sunuyoruz.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/web-uygulamalari\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/testet.biz\\\/reactio\\\/web-uygulamalari\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/web-uygulamalari\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Uygulamalar\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#website\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"name\":\"REACTIO\",\"description\":\"Digital Products. Real Growth.\",\"publisher\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#organization\",\"name\":\"REACTIO\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/logo.png\",\"width\":230,\"height\":53,\"caption\":\"REACTIO\"},\"image\":{\"@id\":\"https:\\\/\\\/testet.biz\\\/reactio\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Uygulama Geli\u015ftirme | \u00d6zel Web \u00c7\u00f6z\u00fcmleri | Reactio","description":"\u0130\u015fletmenize \u00f6zel h\u0131zl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 geli\u015ftiriyoruz. S\u00fcre\u00e7lerinizi dijitalle\u015ftiren modern \u00e7\u00f6z\u00fcmler sunuyoruz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/","og_locale":"tr_TR","og_type":"article","og_title":"Web Uygulama Geli\u015ftirme | \u00d6zel Web \u00c7\u00f6z\u00fcmleri | Reactio","og_description":"\u0130\u015fletmenize \u00f6zel h\u0131zl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 geli\u015ftiriyoruz. S\u00fcre\u00e7lerinizi dijitalle\u015ftiren modern \u00e7\u00f6z\u00fcmler sunuyoruz.","og_url":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/","og_site_name":"REACTIO","article_modified_time":"2026-08-19T14:15:50+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"8 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/","url":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/","name":"Web Uygulama Geli\u015ftirme | \u00d6zel Web \u00c7\u00f6z\u00fcmleri | Reactio","isPartOf":{"@id":"https:\/\/testet.biz\/reactio\/#website"},"datePublished":"2026-08-19T08:00:19+00:00","dateModified":"2026-08-19T14:15:50+00:00","description":"\u0130\u015fletmenize \u00f6zel h\u0131zl\u0131, g\u00fcvenli ve \u00f6l\u00e7eklenebilir web uygulamalar\u0131 geli\u015ftiriyoruz. S\u00fcre\u00e7lerinizi dijitalle\u015ftiren modern \u00e7\u00f6z\u00fcmler sunuyoruz.","breadcrumb":{"@id":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/testet.biz\/reactio\/web-uygulamalari\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/testet.biz\/reactio\/web-uygulamalari\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/testet.biz\/reactio\/"},{"@type":"ListItem","position":2,"name":"Web Uygulamalar\u0131"}]},{"@type":"WebSite","@id":"https:\/\/testet.biz\/reactio\/#website","url":"https:\/\/testet.biz\/reactio\/","name":"REACTIO","description":"Digital Products. Real Growth.","publisher":{"@id":"https:\/\/testet.biz\/reactio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/testet.biz\/reactio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/testet.biz\/reactio\/#organization","name":"REACTIO","url":"https:\/\/testet.biz\/reactio\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/","url":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","contentUrl":"https:\/\/testet.biz\/reactio\/wp-content\/uploads\/2026\/08\/logo.png","width":230,"height":53,"caption":"REACTIO"},"image":{"@id":"https:\/\/testet.biz\/reactio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/comments?post=2410"}],"version-history":[{"count":5,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2410\/revisions"}],"predecessor-version":[{"id":2561,"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/pages\/2410\/revisions\/2561"}],"wp:attachment":[{"href":"https:\/\/testet.biz\/reactio\/wp-json\/wp\/v2\/media?parent=2410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}