{"id":341,"date":"2026-10-01T13:59:09","date_gmt":"2026-10-01T13:59:09","guid":{"rendered":"https:\/\/testingserversite.online\/newb\/?page_id=341"},"modified":"2026-10-01T15:24:53","modified_gmt":"2026-10-01T15:24:53","slug":"digital","status":"publish","type":"page","link":"https:\/\/testingserversite.online\/newb\/digital\/","title":{"rendered":"Digital"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"341\" class=\"elementor elementor-341\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13668cc e-con-full e-flex e-con e-parent\" data-id=\"13668cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ffb803 elementor-widget elementor-widget-html\" data-id=\"8ffb803\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nOLO DIGITAL SERVICE PAGE \u2014 MAIN BODY\nHeader\/footer intentionally excluded.\n\nElementor setup:\n1) Add ONE HTML widget and paste this whole file.\n2) Immediately below it add a Shortcode widget:\n   [olo_case_studies_grid limit=\"3\" columns=\"3\" type=\"digital\"]\n3) Give that Shortcode widget this CSS class:\n   olo-digital-case-studies\n4) Then add a second HTML widget and paste 02-digital-final-cta.html\n-->\n\n<style>\n\/* =========================================================\n   OLO DIGITAL SERVICE \u2014 PAGE SYSTEM\n   Uses Elementor global fonts where available.\n   ========================================================= *\/\n:root{\n  --olo-orange:#F15A24;\n  --olo-orange2:#FF6A2F;\n  --olo-black:#070707;\n  --olo-black2:#101010;\n  --olo-cream:#F2ECE4;\n  --olo-white:#FFFFFF;\n  --olo-ink:#151515;\n  --olo-muted:#6E6E6E;\n  --olo-line:rgba(15,15,15,.13);\n  --olo-radius:24px;\n  --olo-max:1240px;\n}\n\n.olo-digital,\n.olo-digital *{box-sizing:border-box}\n\n.olo-digital{\n  width:100%;\n  overflow:hidden;\n  background:var(--olo-cream);\n  color:var(--olo-ink);\n  font-family:var(--e-global-typography-text-font-family,Inter,Arial,sans-serif);\n  font-weight:400;\n}\n\n.olo-digital h1,\n.olo-digital h2,\n.olo-digital h3{\n  margin:0;\n  color:inherit;\n  font-family:var(--e-global-typography-primary-font-family,Arial,sans-serif);\n  font-style:normal;\n  font-weight:600 !important;\n  text-transform:uppercase;\n}\n\n.olo-digital p{margin:0;line-height:1.68}\n.olo-wrap{width:min(var(--olo-max),calc(100% - 48px));margin-inline:auto}\n\n.olo-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:9px;\n  margin-bottom:16px;\n  color:var(--olo-orange);\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n.olo-eyebrow:before{\n  content:\"\";\n  width:24px;height:2px;background:currentColor\n}\n\n.olo-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n  min-height:52px;\n  padding:0 24px;\n  border-radius:999px;\n  background:var(--olo-orange);\n  color:#fff !important;\n  text-decoration:none !important;\n  font-weight:800;\n  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;\n  box-shadow:0 15px 38px rgba(241,90,36,.20);\n}\n.olo-btn:hover{\n  transform:translateY(-2px);\n  background:var(--olo-orange2);\n  box-shadow:0 18px 42px rgba(241,90,36,.29);\n}\n.olo-btn svg{width:18px;height:18px}\n\n\/* ---------------- HERO ---------------- *\/\n.olo-hero{\n  position:relative;\n  isolation:isolate;\n  min-height:670px;\n  display:flex;\n  align-items:center;\n  color:#fff;\n  background:\n    radial-gradient(circle at 82% 38%,rgba(241,90,36,.22),transparent 27%),\n    linear-gradient(105deg,#050505 0%,#080808 55%,#120804 100%);\n}\n.olo-hero:before{\n  content:\"\";\n  position:absolute;inset:0;z-index:-1;\n  opacity:.36;\n  background:\n    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),\n    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);\n  background-size:54px 54px;\n  mask-image:linear-gradient(to right,black,transparent 72%);\n}\n.olo-hero-grid{\n  min-height:670px;\n  display:grid;\n  grid-template-columns:.88fr 1.12fr;\n  gap:54px;\n  align-items:center;\n}\n.olo-breadcrumb{\n  margin-bottom:24px;\n  color:rgba(255,255,255,.57);\n  font-size:12px;\n}\n.olo-breadcrumb b{color:var(--olo-orange);font-weight:700}\n.olo-hero h1{\n  max-width:650px;\n  color:#fff;\n  font-size:clamp(58px,6.6vw,102px);\n  line-height:.91;\n  letter-spacing:-.045em;\n}\n.olo-hero h1 span{\n  display:block;\n  color:var(--olo-orange);\n}\n.olo-hero-copy{\n  max-width:590px;\n  margin-top:25px !important;\n  color:rgba(255,255,255,.72);\n  font-size:16px;\n}\n.olo-hero-actions{margin-top:30px}\n.olo-hero-media{\n  position:relative;\n  min-height:515px;\n}\n.olo-hero-media:before{\n  content:\"\";\n  position:absolute;\n  width:430px;height:430px;\n  right:4%;top:4%;\n  border-radius:50%;\n  background:var(--olo-orange);\n  filter:blur(75px);\n  opacity:.14;\n}\n.olo-hero-media img{\n  position:absolute;\n  inset:0;\n  z-index:1;\n  width:100%;height:100%;\n  object-fit:cover;\n  border-radius:30px;\n  border:1px solid rgba(255,255,255,.09);\n  box-shadow:0 35px 90px rgba(0,0,0,.44);\n}\n\n\/* ---------------- MARQUEE ---------------- *\/\n.olo-marquee{\n  position:relative;\n  overflow:hidden;\n  background:#090909;\n  border-top:1px solid rgba(241,90,36,.42);\n  border-bottom:1px solid rgba(241,90,36,.30);\n}\n.olo-marquee:after{\n  content:\"\";\n  position:absolute;\n  top:0;bottom:0;left:-25%;\n  width:25%;\n  background:linear-gradient(90deg,transparent,rgba(241,90,36,.12),transparent);\n  filter:blur(15px);\n  animation:oloGlow 7s linear infinite;\n  pointer-events:none;\n}\n@keyframes oloGlow{to{left:110%}}\n.olo-marquee-track{\n  display:flex;\n  width:max-content;\n  will-change:transform;\n  animation:oloTicker 28s linear infinite;\n}\n@keyframes oloTicker{to{transform:translateX(-50%)}}\n.olo-marquee-group{\n  display:flex;\n  align-items:center;\n  flex-shrink:0;\n  gap:27px;\n  padding:16px 27px 16px 0;\n}\n.olo-marquee-group span{\n  color:#fff;\n  font-family:var(--e-global-typography-primary-font-family,Arial,sans-serif);\n  font-size:21px;\n  font-weight:600;\n  line-height:1;\n  white-space:nowrap;\n  text-transform:uppercase;\n}\n.olo-marquee-group i{\n  color:var(--olo-orange);\n  font-size:14px;\n  font-style:normal;\n}\n\n\/* ---------------- COMMON ---------------- *\/\n.olo-section{padding:96px 0}\n.olo-light{background:var(--olo-cream);color:var(--olo-ink)}\n.olo-dark{background:var(--olo-black);color:#fff}\n.olo-title{\n  font-size:clamp(44px,5vw,76px);\n  line-height:.94;\n  letter-spacing:-.038em;\n}\n.olo-title strong{\n  color:var(--olo-orange);\n  font:inherit;\n  font-weight:600;\n}\n.olo-grid-intro{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:76px;\n  align-items:start;\n}\n.olo-intro-copy{\n  max-width:590px;\n  color:#3d3d3d;\n  font-size:16px;\n}\n\n\/* ---------------- OVERVIEW ---------------- *\/\n.olo-overview-media{\n  position:relative;\n  min-height:470px;\n  margin-top:50px;\n  overflow:hidden;\n  border-radius:var(--olo-radius);\n  background:#111;\n}\n.olo-overview-media img{\n  position:absolute;inset:0;\n  width:100%;height:100%;object-fit:cover;\n}\n.olo-overview-card{\n  position:absolute;\n  right:26px;bottom:26px;\n  width:min(330px,calc(100% - 52px));\n  padding:22px;\n  border:1px solid rgba(255,255,255,.55);\n  border-radius:18px;\n  background:rgba(248,244,239,.92);\n  backdrop-filter:blur(16px);\n  box-shadow:0 20px 55px rgba(0,0,0,.17);\n}\n.olo-overview-card b{\n  display:block;\n  margin-bottom:6px;\n  color:#111;\n  font-size:16px;\n}\n.olo-overview-card span{\n  display:block;\n  color:#6d6d6d;\n  font-size:13px;\n  line-height:1.5;\n}\n\n\/* ---------------- CAPABILITIES ---------------- *\/\n.olo-cap-grid{\n  display:grid;\n  grid-template-columns:.82fr 1.18fr;\n  gap:72px;\n  align-items:start;\n}\n.olo-cap-visual{\n  position:relative;\n  min-height:340px;\n  margin-top:34px;\n  overflow:hidden;\n  border-radius:22px;\n}\n.olo-cap-visual img{\n  position:absolute;inset:0;\n  width:100%;height:100%;object-fit:cover\n}\n.olo-service-list{border-top:1px solid var(--olo-line)}\n.olo-service-row{\n  display:grid;\n  grid-template-columns:46px 1fr 44px;\n  gap:17px;\n  align-items:center;\n  min-height:104px;\n  padding:17px 4px;\n  border-bottom:1px solid var(--olo-line);\n  transition:.25s ease;\n}\n.olo-service-row:hover{\n  padding-left:10px;\n  border-color:rgba(241,90,36,.50);\n}\n.olo-service-no{\n  color:var(--olo-orange);\n  font-size:12px;\n  font-weight:800;\n}\n.olo-service-row h3{\n  margin-bottom:7px;\n  font-size:18px;\n  line-height:1.15;\n  letter-spacing:-.015em;\n  text-transform:none;\n}\n.olo-service-row p{\n  max-width:610px;\n  color:#6a6a6a;\n  font-size:13px;\n  line-height:1.52;\n}\n.olo-service-arrow{\n  width:38px;height:38px;\n  display:grid;place-items:center;\n  border:1px solid #cac4bd;\n  border-radius:50%;\n  color:#111;\n  font-size:17px;\n  transition:.25s ease;\n}\n.olo-service-row:hover .olo-service-arrow{\n  color:#fff;\n  border-color:var(--olo-orange);\n  background:var(--olo-orange);\n  transform:rotate(45deg);\n}\n\n\/* ---------------- WHY OLO ---------------- *\/\n.olo-why-grid{\n  display:grid;\n  grid-template-columns:.85fr 1.15fr;\n  gap:72px;\n  align-items:center;\n}\n.olo-dark .olo-title{color:#fff}\n.olo-why-visual{\n  position:relative;\n  min-height:260px;\n  margin-top:34px;\n  overflow:hidden;\n  border-radius:22px;\n}\n.olo-why-visual img{\n  position:absolute;inset:0;\n  width:100%;height:100%;object-fit:cover;\n  opacity:.90\n}\n.olo-benefits{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  border-top:1px solid rgba(255,255,255,.13);\n  border-left:1px solid rgba(255,255,255,.13);\n}\n.olo-benefit{\n  padding:28px;\n  border-right:1px solid rgba(255,255,255,.13);\n  border-bottom:1px solid rgba(255,255,255,.13);\n}\n.olo-benefit small{\n  display:block;\n  margin-bottom:32px;\n  color:var(--olo-orange);\n  font-size:11px;\n  font-weight:800;\n}\n.olo-benefit h3{\n  margin-bottom:8px;\n  color:#fff;\n  font-size:17px;\n  letter-spacing:-.01em;\n  text-transform:none;\n}\n.olo-benefit p{\n  color:rgba(255,255,255,.58);\n  font-size:13px;\n  line-height:1.56;\n}\n\n\/* ---------------- PROCESS ---------------- *\/\n.olo-process-head{\n  display:grid;\n  grid-template-columns:1fr 350px;\n  gap:55px;\n  align-items:end;\n  margin-bottom:48px;\n}\n.olo-process-thumb{\n  position:relative;\n  min-height:150px;\n  overflow:hidden;\n  border-radius:18px;\n}\n.olo-process-thumb img{\n  position:absolute;inset:0;\n  width:100%;height:100%;object-fit:cover\n}\n.olo-process{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  border-top:1px solid var(--olo-line);\n}\n.olo-step{\n  position:relative;\n  padding:28px 28px 10px 0;\n}\n.olo-step:not(:last-child):after{\n  content:\"\";\n  position:absolute;\n  top:33px;right:22px;\n  width:32px;height:1px;\n  background:var(--olo-orange);\n}\n.olo-step span{\n  display:grid;\n  place-items:center;\n  width:48px;height:48px;\n  margin-bottom:24px;\n  border:1px solid #d6cfc7;\n  border-radius:50%;\n  color:var(--olo-orange);\n  font-size:12px;\n  font-weight:800;\n}\n.olo-step h3{\n  margin-bottom:8px;\n  font-size:16px;\n  letter-spacing:0;\n  text-transform:none;\n}\n.olo-step p{\n  color:#6c6c6c;\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* ---------------- OUR WORK INTRO ---------------- *\/\n.olo-work-intro{\n  padding:90px 0 34px;\n  background:var(--olo-cream);\n}\n.olo-work-head{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:35px;\n}\n.olo-work-head a{\n  color:var(--olo-orange) !important;\n  text-decoration:none !important;\n  font-size:13px;\n  font-weight:800;\n}\n\n\/* Style the SEPARATE Elementor Shortcode widget *\/\n.olo-digital-case-studies{\n  background:var(--olo-cream) !important;\n  padding:0 0 92px !important;\n  margin:0 !important;\n}\n.olo-digital-case-studies .olo-shortcode-wrap{\n  width:min(var(--olo-max),calc(100% - 48px)) !important;\n  margin-inline:auto !important;\n}\n.olo-digital-case-studies .olo-case-grid{\n  gap:18px !important;\n}\n.olo-digital-case-studies .olo-case-card,\n.olo-digital-case-studies article{\n  border-radius:20px !important;\n}\n.olo-digital-case-studies h2,\n.olo-digital-case-studies h3,\n.olo-digital-case-studies .olo-case-title{\n  color:#151515 !important;\n  font-family:var(--e-global-typography-primary-font-family,Arial,sans-serif) !important;\n  font-weight:600 !important;\n}\n\n\/* ---------------- FAQ ---------------- *\/\n.olo-faq-layout{\n  display:grid;\n  grid-template-columns:.72fr 1.28fr;\n  gap:72px;\n}\n.olo-faq{border-top:1px solid var(--olo-line)}\n.olo-faq details{border-bottom:1px solid var(--olo-line)}\n.olo-faq summary{\n  position:relative;\n  padding:22px 50px 22px 0;\n  cursor:pointer;\n  list-style:none;\n  color:#171717;\n  font-weight:700;\n}\n.olo-faq summary::-webkit-details-marker{display:none}\n.olo-faq summary:after{\n  content:\"+\";\n  position:absolute;\n  right:5px;top:16px;\n  color:var(--olo-orange);\n  font-size:26px;\n  font-weight:400;\n}\n.olo-faq details[open] summary:after{content:\"\u2212\"}\n.olo-faq details p{\n  padding:0 55px 22px 0;\n  color:#6b6b6b;\n  font-size:14px;\n}\n\n\/* ---------------- RESPONSIVE ---------------- *\/\n@media(max-width:1024px){\n  .olo-hero-grid,\n  .olo-grid-intro,\n  .olo-cap-grid,\n  .olo-why-grid,\n  .olo-faq-layout{grid-template-columns:1fr}\n  .olo-hero-grid{padding:68px 0}\n  .olo-hero-media{min-height:460px}\n  .olo-process-head{grid-template-columns:1fr}\n  .olo-process-thumb{max-width:500px}\n  .olo-process{grid-template-columns:repeat(2,1fr)}\n  .olo-step:nth-child(2):after{display:none}\n}\n@media(max-width:767px){\n  .olo-wrap{width:min(var(--olo-max),calc(100% - 30px))}\n  .olo-section{padding:68px 0}\n  .olo-hero{min-height:auto}\n  .olo-hero-grid{min-height:auto;padding:52px 0 38px;gap:35px}\n  .olo-hero h1{font-size:56px}\n  .olo-hero-media{min-height:345px}\n  .olo-hero-media img{border-radius:22px}\n  .olo-marquee-group{gap:20px;padding-right:20px}\n  .olo-marquee-group span{font-size:18px}\n  .olo-title{font-size:44px}\n  .olo-overview-media{min-height:335px}\n  .olo-overview-card{right:16px;bottom:16px;width:calc(100% - 32px)}\n  .olo-cap-grid,.olo-why-grid{gap:42px}\n  .olo-benefits{grid-template-columns:1fr}\n  .olo-process{grid-template-columns:1fr}\n  .olo-step:not(:last-child):after{display:none}\n  .olo-work-head{align-items:flex-start;flex-direction:column}\n  .olo-digital-case-studies .olo-shortcode-wrap{width:calc(100% - 30px) !important}\n}\n<\/style>\n\n<div class=\"olo-digital\">\n\n  <!-- HERO -->\n  <section class=\"olo-hero\">\n    <div class=\"olo-wrap olo-hero-grid\">\n      <div>\n        <div class=\"olo-breadcrumb\">Home &nbsp; \/ &nbsp; Services &nbsp; \/ &nbsp; <b>Digital<\/b><\/div>\n        <div class=\"olo-eyebrow\">Digital Solutions<\/div>\n        <h1>DIGITAL <span>SOLUTIONS<\/span><\/h1>\n        <p class=\"olo-hero-copy\">\n          Digital foundations designed around how your business works and where it needs to go \u2014 from websites and ecommerce to apps, email and payments.\n        <\/p>\n        <div class=\"olo-hero-actions\">\n          <a href=\"\/newb\/contact\/\" class=\"olo-btn\">\n            Start a Project\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-hero-media\">\n        <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/Cinematic-Orange-Accented-Tech-Workspace.png\" alt=\"OLO digital services\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MARQUEE -->\n  <div class=\"olo-marquee\" aria-label=\"Digital services\">\n    <div class=\"olo-marquee-track\">\n      <div class=\"olo-marquee-group\">\n        <span>Website Design & Development<\/span><i>\u2726<\/i>\n        <span>E-commerce<\/span><i>\u2726<\/i>\n        <span>Mobile Apps<\/span><i>\u2726<\/i>\n        <span>Business Email<\/span><i>\u2726<\/i>\n        <span>Payment Integration<\/span><i>\u2726<\/i>\n      <\/div>\n      <div class=\"olo-marquee-group\" aria-hidden=\"true\">\n        <span>Website Design & Development<\/span><i>\u2726<\/i>\n        <span>E-commerce<\/span><i>\u2726<\/i>\n        <span>Mobile Apps<\/span><i>\u2726<\/i>\n        <span>Business Email<\/span><i>\u2726<\/i>\n        <span>Payment Integration<\/span><i>\u2726<\/i>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- OVERVIEW -->\n  <section class=\"olo-section olo-light\">\n    <div class=\"olo-wrap\">\n      <div class=\"olo-grid-intro\">\n        <div>\n          <div class=\"olo-eyebrow\">Service Overview<\/div>\n          <h2 class=\"olo-title\">DIGITAL THAT<br>ACTUALLY <strong>DOES SOMETHING.<\/strong><\/h2>\n        <\/div>\n        <p class=\"olo-intro-copy\">\n          Your digital presence should do more than exist. We plan and build practical experiences that make your business easier to discover, easier to use and easier to operate \u2014 with every platform shaped around real commercial needs.\n        <\/p>\n      <\/div>\n\n      <div class=\"olo-overview-media\">\n        <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-07_42_59-PM-4.png\" alt=\"OLO digital workspace\">\n        <div class=\"olo-overview-card\">\n          <b>Built for real business use.<\/b>\n          <span>Strategy, design, technology and connected systems working as one.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CAPABILITIES -->\n  <section class=\"olo-section olo-light\" style=\"padding-top:8px\">\n    <div class=\"olo-wrap olo-cap-grid\">\n\n      <div>\n        <div class=\"olo-eyebrow\">Our Digital Services<\/div>\n        <h2 class=\"olo-title\">ONE DIGITAL FOUNDATION. <strong>FIVE CORE CAPABILITIES.<\/strong><\/h2>\n        <div class=\"olo-cap-visual\">\n          <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-07_42_57-PM-3.png\" alt=\"Digital systems and interfaces\">\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-service-list\">\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">01<\/span>\n          <div>\n            <h3>Website Design & Development<\/h3>\n            <p>Responsive, conversion-aware websites structured around your audience, content, brand and business objectives.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">02<\/span>\n          <div>\n            <h3>E-commerce<\/h3>\n            <p>Online stores with clearer product discovery, practical management, reliable payments and a smoother path to checkout.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">03<\/span>\n          <div>\n            <h3>Mobile Apps<\/h3>\n            <p>Focused mobile experiences for customer-facing services, internal processes and business-specific workflows.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">04<\/span>\n          <div>\n            <h3>Business Email<\/h3>\n            <p>Professional email setup, migration and authentication configured for reliable day-to-day business communication.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n        <div class=\"olo-service-row\">\n          <span class=\"olo-service-no\">05<\/span>\n          <div>\n            <h3>Payment Integration<\/h3>\n            <p>Stripe, PayPal and other payment platforms connected cleanly to your website, store or customer journey.<\/p>\n          <\/div>\n          <span class=\"olo-service-arrow\">\u2197<\/span>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHY OLO -->\n  <section class=\"olo-section olo-dark\">\n    <div class=\"olo-wrap olo-why-grid\">\n      <div>\n        <div class=\"olo-eyebrow\">Why OLO<\/div>\n        <h2 class=\"olo-title\">NOT JUST A WEBSITE. <strong>A WORKING DIGITAL SYSTEM.<\/strong><\/h2>\n        <div class=\"olo-why-visual\">\n          <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-07_42_55-PM-2.png\" alt=\"OLO connected digital systems\">\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-benefits\">\n        <div class=\"olo-benefit\">\n          <small>01<\/small>\n          <h3>Built Around Your Business<\/h3>\n          <p>Features, structure and workflows are selected around what your business genuinely needs.<\/p>\n        <\/div>\n        <div class=\"olo-benefit\">\n          <small>02<\/small>\n          <h3>Connected Systems<\/h3>\n          <p>Website, payments, forms, email and operational tools can work together instead of becoming isolated platforms.<\/p>\n        <\/div>\n        <div class=\"olo-benefit\">\n          <small>03<\/small>\n          <h3>Responsive by Default<\/h3>\n          <p>Mobile usability, speed and practical user experience are considered from the beginning.<\/p>\n        <\/div>\n        <div class=\"olo-benefit\">\n          <small>04<\/small>\n          <h3>Support Beyond Launch<\/h3>\n          <p>Your setup can evolve through improvements, integrations and future digital requirements.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PROCESS -->\n  <section class=\"olo-section olo-light\">\n    <div class=\"olo-wrap\">\n      <div class=\"olo-process-head\">\n        <div>\n          <div class=\"olo-eyebrow\">Our Process<\/div>\n          <h2 class=\"olo-title\">A CLEAR PATH <strong>FROM IDEA TO IMPACT.<\/strong><\/h2>\n        <\/div>\n        <div class=\"olo-process-thumb\">\n          <img decoding=\"async\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-1-2026-07_42_53-PM-1.png\" alt=\"OLO digital project process\">\n        <\/div>\n      <\/div>\n\n      <div class=\"olo-process\">\n        <div class=\"olo-step\">\n          <span>01<\/span>\n          <h3>Discover<\/h3>\n          <p>We understand the goals, users, content, existing systems and project requirements.<\/p>\n        <\/div>\n        <div class=\"olo-step\">\n          <span>02<\/span>\n          <h3>Plan<\/h3>\n          <p>We define structure, priorities, user journeys and the right technical approach.<\/p>\n        <\/div>\n        <div class=\"olo-step\">\n          <span>03<\/span>\n          <h3>Build<\/h3>\n          <p>We design, develop, integrate and test the experience across devices.<\/p>\n        <\/div>\n        <div class=\"olo-step\">\n          <span>04<\/span>\n          <h3>Launch<\/h3>\n          <p>We deploy carefully, validate the live setup and support what comes next.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DYNAMIC OUR WORK INTRO -->\n  <section class=\"olo-work-intro\">\n    <div class=\"olo-wrap olo-work-head\">\n      <div>\n        <div class=\"olo-eyebrow\">Our Work<\/div>\n        <h2 class=\"olo-title\">SEE DIGITAL <strong>IN ACTION.<\/strong><\/h2>\n      <\/div>\n      <a href=\"\/newb\/our-work\/\">View All Case Studies \u2197<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!--\nSTOP HERE.\nNow insert an Elementor SHORTCODE widget directly below this HTML widget:\n[olo_case_studies_grid limit=\"3\" columns=\"3\" type=\"digital\"]\n\nAdvanced > CSS Classes:\nolo-digital-case-studies\n\nThen add the second HTML widget containing 02-digital-final-cta.html\n-->\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c403a00 olo-digital-case-studies elementor-widget elementor-widget-shortcode\" data-id=\"c403a00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"olo-shortcode-wrap\"><div class=\"olo-case-grid olo-grid-cols-3\"><article class=\"olo-case-card\" data-case-types=\"digital\" data-case-url=\"https:\/\/testingserversite.online\/newb\/case-studies\/vertex-commerce\/\" tabindex=\"0\" role=\"link\" aria-label=\"View case study: E-commerce Growth Platform\"><a class=\"olo-case-card-media\" href=\"https:\/\/testingserversite.online\/newb\/case-studies\/vertex-commerce\/\" aria-label=\"View E-commerce Growth Platform\"><img class=\"olo-card-image\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/09\/OLO-Digital-Growth-Hub-Workspace-1024x576.png\" alt=\"\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><span class=\"olo-media-caption\">Explore project<\/span><span class=\"olo-case-arrow\">\u2197<\/span><\/a><div class=\"olo-case-card-copy\"><div class=\"olo-case-kicker\">Website Design &amp; Development, E-commerce, Payment Integration<\/div><h3><a href=\"https:\/\/testingserversite.online\/newb\/case-studies\/vertex-commerce\/\">E-commerce Growth Platform<\/a><\/h3><p class=\"olo-case-subtitle\">Website, online store and checkout experience built as one connected sales journey.<\/p><div class=\"olo-card-footer\"><span>Retail &amp; E-commerce<\/span><span>View case study <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/div><\/article><article class=\"olo-case-card\" data-case-types=\"digital\" data-case-url=\"https:\/\/testingserversite.online\/newb\/case-studies\/haven-interiors\/\" tabindex=\"0\" role=\"link\" aria-label=\"View case study: Service Website Redesign\"><a class=\"olo-case-card-media\" href=\"https:\/\/testingserversite.online\/newb\/case-studies\/haven-interiors\/\" aria-label=\"View Service Website Redesign\"><img class=\"olo-card-image\" src=\"https:\/\/testingserversite.online\/newb\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-05_49_14-PM-1024x768.png\" alt=\"\" loading=\"lazy\" decoding=\"async\" draggable=\"false\"><span class=\"olo-media-caption\">Explore project<\/span><span class=\"olo-case-arrow\">\u2197<\/span><\/a><div class=\"olo-case-card-copy\"><div class=\"olo-case-kicker\">Website Design &amp; Development, Responsive Design, Business Email<\/div><h3><a href=\"https:\/\/testingserversite.online\/newb\/case-studies\/haven-interiors\/\">Service Website Redesign<\/a><\/h3><p class=\"olo-case-subtitle\">A premium website experience built to showcase work, explain services and create a stronger enquiry path.<\/p><div class=\"olo-card-footer\"><span>Professional &amp; Creative Services<\/span><span>View case study <span aria-hidden=\"true\">\u2197<\/span><\/span><\/div><\/div><\/article><\/div><\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50c827f elementor-widget elementor-widget-html\" data-id=\"50c827f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- OLO DIGITAL SERVICE \u2014 FAQ + FINAL CTA -->\n<style>\n\/* This block relies on the variables\/classes defined in 01-digital-main.html *\/\n.olo-digital-tail,\n.olo-digital-tail *{box-sizing:border-box}\n.olo-digital-tail{\n  background:#F2ECE4;\n  color:#151515;\n  font-family:var(--e-global-typography-text-font-family,Inter,Arial,sans-serif);\n}\n.olo-digital-tail h2{\n  margin:0;\n  font-family:var(--e-global-typography-primary-font-family,Arial,sans-serif);\n  font-weight:600 !important;\n  text-transform:uppercase;\n}\n.olo-digital-tail .olo-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}\n.olo-digital-tail .olo-eyebrow{\n  display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;\n  color:#F15A24;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase\n}\n.olo-digital-tail .olo-eyebrow:before{content:\"\";width:24px;height:2px;background:currentColor}\n.olo-digital-tail .olo-title{\n  font-size:clamp(44px,5vw,76px);line-height:.94;letter-spacing:-.038em\n}\n.olo-faq-section{padding:92px 0;background:#F2ECE4}\n.olo-faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px}\n.olo-faq{border-top:1px solid rgba(15,15,15,.13)}\n.olo-faq details{border-bottom:1px solid rgba(15,15,15,.13)}\n.olo-faq summary{\n  position:relative;padding:22px 50px 22px 0;cursor:pointer;list-style:none;\n  color:#171717;font-weight:700\n}\n.olo-faq summary::-webkit-details-marker{display:none}\n.olo-faq summary:after{\n  content:\"+\";position:absolute;right:5px;top:16px;color:#F15A24;font-size:26px;font-weight:400\n}\n.olo-faq details[open] summary:after{content:\"\u2212\"}\n.olo-faq details p{margin:0;padding:0 55px 22px 0;color:#6b6b6b;font-size:14px;line-height:1.65}\n\n.olo-final-cta{\n  position:relative;overflow:hidden;color:#fff;\n  background:radial-gradient(circle at 78% 44%,rgba(241,90,36,.34),transparent 32%),#060606\n}\n.olo-final-cta:after{\n  content:\"\";position:absolute;width:720px;height:270px;right:-130px;bottom:-140px;\n  border-radius:50%;border:54px solid rgba(241,90,36,.12);transform:rotate(-12deg)\n}\n.olo-cta-inner{\n  position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;\n  gap:45px;padding:72px 0\n}\n.olo-cta-inner h2{\n  max-width:760px;color:#fff;font-size:clamp(46px,5.4vw,82px);line-height:.94;letter-spacing:-.04em\n}\n.olo-cta-inner p{margin:14px 0 0;color:rgba(255,255,255,.63);line-height:1.65}\n.olo-cta-btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 24px;\n  border-radius:999px;background:#F15A24;color:#fff !important;text-decoration:none !important;\n  font-weight:800;white-space:nowrap;transition:.25s ease\n}\n.olo-cta-btn:hover{transform:translateY(-2px);background:#FF6A2F}\n@media(max-width:900px){\n  .olo-faq-layout{grid-template-columns:1fr}\n  .olo-cta-inner{align-items:flex-start;flex-direction:column}\n}\n@media(max-width:767px){\n  .olo-digital-tail .olo-wrap{width:calc(100% - 30px)}\n  .olo-faq-section{padding:68px 0}\n  .olo-digital-tail .olo-title{font-size:44px}\n}\n<\/style>\n\n<div class=\"olo-digital-tail\">\n\n  <section class=\"olo-faq-section\">\n    <div class=\"olo-wrap olo-faq-layout\">\n      <div>\n        <div class=\"olo-eyebrow\">FAQ<\/div>\n        <h2 class=\"olo-title\">COMMON<br>QUESTIONS<\/h2>\n      <\/div>\n\n      <div class=\"olo-faq\">\n        <details>\n          <summary>How long does a digital project take?<\/summary>\n          <p>A focused website may take a few weeks, while larger ecommerce, application and integration work needs more planning, content preparation and testing. We define the scope and timeline before development begins.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Can you redesign an existing website?<\/summary>\n          <p>Yes. We can improve an existing site's structure, design, user experience, performance and integrations without forcing a complete rebuild when one is not necessary.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Do you provide support after launch?<\/summary>\n          <p>Yes. Support can include updates, technical fixes, improvements, new features, integrations and ongoing development as your requirements change.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Can you connect our existing business systems?<\/summary>\n          <p>Depending on the platforms involved, we can connect ecommerce, payments, forms, email, CRM, booking tools and other operational systems to create a more joined-up digital setup.<\/p>\n        <\/details>\n\n        <details>\n          <summary>Can you work with WordPress, WooCommerce or Shopify?<\/summary>\n          <p>Yes. The platform is selected around the project's requirements rather than forcing every business into the same technical setup.<\/p>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"olo-final-cta\">\n    <div class=\"olo-wrap olo-cta-inner\">\n      <div>\n        <div class=\"olo-eyebrow\">Ready to get started?<\/div>\n        <h2>READY TO BUILD<br>WHAT'S NEXT?<\/h2>\n        <p>Tell us what you need. We'll help turn it into a practical digital solution.<\/p>\n      <\/div>\n\n      <a href=\"\/newb\/contact\/\" class=\"olo-cta-btn\">Start a Conversation \u2192<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home &nbsp; \/ &nbsp; Services &nbsp; \/ &nbsp; Digital Digital Solutions DIGITAL SOLUTIONS Digital foundations designed around how your business works and where it needs to go \u2014 from websites and ecommerce to apps, email and payments. Start a Project Website Design &#038; Development\u2726 E-commerce\u2726 Mobile Apps\u2726 Business Email\u2726 Payment Integration\u2726 Website Design &#038; Development\u2726 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-341","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":28,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages\/341\/revisions"}],"predecessor-version":[{"id":389,"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/pages\/341\/revisions\/389"}],"wp:attachment":[{"href":"https:\/\/testingserversite.online\/newb\/wp-json\/wp\/v2\/media?parent=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}