ONTHEROCK Software – Pragmatic innovation through software

<!doctype html> <html lang="en" class="scroll-smooth"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ONTHEROCK Software – Pragmatic innovation through software</title> <meta name="description" content="We assist businesses to embrace the growing importance and impact of software and automation. We are a Laravel development company and embrace the full Laravel ecosystem to deliver innovative, pragmatic software solutions."> <meta name="keywords" content="software, laravel, laravel nova, api, php, web, technology, development, solutions, ontherock, otrsw, pragmatic, innovation, western cape, website"> <link rel="canonical" href="https://ontherock.software"/> <link rel="icon" type="image/x-icon" href="/assets/logos/OTR-Logo-Only-150x150.png"> <link rel="stylesheet" href="/css/tailwind.css">  <meta property="og:title" content="ONTHEROCK Software – Pragmatic innovation through software"> <meta property="og:type" content="website" /> <meta property="og:description" content="We assist businesses to embrace the growing importance and impact of software and automation. We are a Laravel development company and embrace the full Laravel ecosystem to deliver innovative, pragmatic software solutions."> <meta property="og:image" content="https://ontherock.software/assets/logos/OnTheRock-logo-JPEG-low-res-1654849096.jpg"> <meta property="og:url" content="https://ontherock.software">  <meta name="twitter:title" content="ONTHEROCK Software – Pragmatic innovation through software"> <meta name="twitter:description" content="We assist businesses to embrace the growing importance and impact of software and automation. We are a Laravel development company and embrace the full Laravel ecosystem to deliver innovative, pragmatic software solutions."> <meta name="twitter:url" content="https://ontherock.software/assets/logos/OnTheRock-logo-JPEG-low-res-1654849096.jpg"> <meta name="twitter:card" content="summary"> <style> :root{ --primary-color: "<%= primary_color %>"; --secondary-color: "<%= secondary_color %>"; } </style> <script src="https://www.google.com/recaptcha/api.js" async defer></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1045588058"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1045588058'); </script>  <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-1045588058/4dwTCPvTruAZENrQyfID', 'value': 1.0, 'currency': 'ZAR', 'event_callback': callback }); return false; } </script> </head> <body class="bg-gray-100 font-sans leading-normal text-gray-800"> <button type="button" data-mdb-ripple="true" data-mdb-ripple-color="light" class="z-10 inline-block p-3 bg-primary text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-secondary hover:shadow-lg focus:bg-secondary focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary active:shadow-lg transition duration-150 ease-in-out bottom-5 right-5" id="btn-back-to-top"> <svg aria-hidden="true" focusable="false" data-prefix="fas" class="w-4 h-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z"></path></svg> </button> <div class="mx-auto lg:min-h-screen flex flex-col items-center justify-center">  <nav class="fixed z-10 top-0 bg-white shadow-lg w-full"> <div class="max-w-6xl mx-auto px-4"> <div class="flex justify-between"> <div class="flex container relative flex flex-wrap items-center justify-between"> <div>  <a href="/" class="flex items-center py-4 px-2"> <img src="/assets/logos/OnTheRock-logo-JPEG-low-res-1654849096.jpg" alt="Logo" class="h-full w-full mr-2"> </a> </div>  <div class="hidden md:flex items-center space-x-1"> <a href="/#about" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">About</a> <a href="/#services" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Services</a> <a href="/#testimonials" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Testimonials</a> <a href="/#projects" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Projects</a> <a href="/#products" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Products</a> <a href="/#faq" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">FAQ</a> <a href="/#contact" class="py-4 px-2 text-gray-500 font-semibold hover:text-primary font-semibold ">Contact</a> </div> </div>  <div class="md:hidden flex items-center"> <button class="outline-none mobile-menu-button"> <svg class=" w-6 h-6 text-gray-500 hover:text-primary" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor" > <path d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> </div>  <div class="hidden mobile-menu"> <ul class=""> <li><a href="/#about" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">About</a></li> <li><a href="/#services" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Services</a></li> <li><a href="/#testimonials" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Testimonials</a></li> <li><a href="/#projects" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Projects</a></li> <li><a href="/#products" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Products</a></li> <li><a href="/#faq" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">FAQ</a></li> <li><a href="/#contact" class="bg-primary block text-sm px-2 py-4 text-white font-semibold">Contact</a></li> </ul> </div> </nav>  <section class="w-full pb-12 py-24 antialiased bg-white" id="home">  <div class="container max-w-lg px-4 py-32 mx-auto text-left md:max-w-none md:text-center"> <img src="static/home_header_green.svg" alt="Header Image" class="mx-auto h-48 mb-2"> <h1 class="text-5xl font-extrabold leading-10 tracking-tight text-left text-gray-900 md:text-center sm:leading-none md:text-6xl lg:text-7xl"><span class="inline md:block">ONTHEROCK Software</span> <span class="text-primary relative mt-2 bg-clip-text bg-gradient-to-br md:inline-block">Pragmatic innovation through software</span></h1> <div class="prose mx-auto mt-5 text-gray-500 md:mt-12 md:max-w-lg md:text-center lg:text-lg"><p>Do you need a dedicated web development team? Do you have an idea, but don't have the resources to bring it into the real world? Do you need API integration from or to your existing systems? Stop searching and book a no-obligation chat with us. If we think we can help, we don't ask for <strong>any money</strong>, we simply <strong>start the project.</strong> You only have to decide <strong>after the first month</strong> - that takes all the guessing and empty promises out of selecting an IT partner. <strong>You really have nothing to lose!</strong></p></div> <div class="flex flex-col items-center mt-12 text-center"> <span class="relative inline-flex w-full md:w-auto"> <a id ="book-meeting-link" onclick="return gtag_report_conversion('https://calendly.com/heinzseldte/meet-and-greet')" target="_blank" class="bg-primary inline-flex items-center justify-center w-full px-8 py-4 text-base font-bold leading-6 text-white border border-transparent rounded-full md:w-auto hover:bg-secondary hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-600"> Book Meeting </a> </div> </div>  </section>  <section class="w-full pt-7 pb-7 pt-32 md:pb-24" id="about"> <div class="container items-center max-w-6xl px-4 px-10 mx-auto sm:px-20 md:px-32 lg:px-16"> <div class="flex flex-wrap items-center -mx-3"> <div class="order-1 w-full px-3 lg:w-1/2 lg:order-0"> <div class="prose w-full lg:max-w-md"> <h2 class="mb-4 text-3xl font-bold leading-tight tracking-tight sm:text-4xl font-heading">About Us</h2> <p class="mb-4 font-medium tracking-tight text-gray-400 xl:mb-6"><p>ONTHEROCK Software was founded in 2006 to develop custom software for the financial services industry. We identified a niche in the high-volume sales fulfillment space and got to work building TheSalesFactory, a generic new business switch to address that niche.<br><br>The product launched in 2008 and is still in active use today despite the dramatic changes in the technology and sales landscapes. The ten-plus years spent actively integrating products into almost all the major insurance product houses and banks in South Africa, allowed us to build up a substantial tool-set for integration and rapid product development.<br><br>We were also early adopters of cloud technologies and the emergence of the API marketplace. All these factors and school fees put ONTHEROCK software in a very strong position to deliver service, advice, and of course, our first love: <strong>software.</strong></p></p> </div> </div> <div class="w-full px-3 mb-12 lg:w-1/2 order-1 lg:order-1 lg:mb-0"><img class="mx-auto sm:max-w-sm lg:max-w-full" src="static/about_us_green.svg" alt="About Us"></div> </div> </div> </section>  <section class="w-full bg-white pt-7 pb-7 pt-32 md:pb-24" id="services"> <div class="mb-10 box-border flex flex-col items-center content-center px-8 mx-auto leading-6 text-black border-0 border-gray-300 border-solid md:flex-row max-w-7xl lg:px-16">  <div class="box-border relative w-full max-w-md px-4 mt-5 mb-4 -ml-5 text-center bg-no-repeat bg-contain border-solid md:ml-0 md:mt-0 md:max-w-none lg:mb-0 md:w-1/2 xl:pl-10"> <img src="/assets/undraw_fitting_piece_re_pxay.svg" alt="Bespoke Development" class="p-2 pl-6 pr-5 xl:pl-16 xl:pr-20 "> </div>  <div class="prose box-border order-first w-full text-black border-solid md:w-1/2 md:pl-10 md:order-none"> <h2 class="m-0 text-xl font-semibold leading-tight border-0 border-gray-300 lg:text-3xl md:text-2xl"> Bespoke Development </h2> <p class="pt-4 pb-8 m-0 leading-7 text-gray-700 border-0 border-gray-300 sm:pr-12 xl:pr-32 lg:text-lg"> <p>We specialize in creating high-performance, user-friendly web and mobile applications that surpass our clients’ expectations. We’ll work with you from the initial discovery phase to the final launch, providing expert guidance and support throughout the entire process. Additionally, we offer integration and API development services to help you connect your existing systems and extend their functionality or connect with other SaaS systems.</p> </p> </div>  </div> <div class="mb-10 box-border flex flex-col items-center content-center px-8 mx-auto leading-6 text-black border-0 border-gray-300 border-solid md:flex-row max-w-7xl lg:px-16">  <div class="prose box-border w-full text-black border-solid md:w-1/2 md:pl-6 xl:pl-32"> <h2 class="m-0 text-xl font-semibold leading-tight border-0 border-gray-300 lg:text-3xl md:text-2xl"> Development cost </h2> <p class="pt-4 pb-8 m-0 leading-7 text-gray-700 border-0 border-gray-300 sm:pr-10 lg:text-lg"> <p><strong>No</strong> estimates.<strong> No</strong> upfront costs. <strong>No more</strong> "<a target="_blank" href="https://wordhistories.net/2021/03/03/how-long-piece-string/">how long is a piece of string</a>..."</p><p>We charge a <strong>fixed fee of $3500 per month</strong>, if you are not happy after the first month, you pay nothing and we part ways, <strong>no questions asked</strong>, no hard feelings. </p><p><em>Check out <a href="#faq">FAQ </a>section for more details</em></p> </p> </div> <div class="box-border relative w-full max-w-md px-4 mt-10 mb-4 text-center bg-no-repeat bg-contain border-solid md:mt-0 md:max-w-none lg:mb-0 md:w-1/2"> <img src="/assets/undraw_payments_re_77x0.svg" alt="Development cost" class="pl-4 sm:pr-10 xl:pl-10 lg:pr-32"> </div> </div> </section>  <section class="container items-center max-w-6xl px-4 sm:px-10 mx-auto sm:px-20 md:px-32 lg:px-16 w-full pt-7 pb-7 pt-32 md:pb-24 bg-gray-100" id="testimonials"> <div class="mb-8 text-center"> <p class="text-primary mb-2 text-base font-medium tracking-tight uppercase">Our customers love our work</p> <h2 class="text-4xl font-extrabold leading-10 tracking-tight text-gray-900 sm:text-5xl sm:leading-none md:text-6xl lg:text-5xl xl:text-6xl">Testimonials</h2> <p class="my-6 text-lg text-gray-600">Don't just take our word for it, have a look at some customer testimonials.</p> </div> <div class="lg:grid lg:grid-cols-3 lg:gap-x-2"> <div class="p-4 bg-white rounded-lg shadow-md mb-4"> <div class="relative pl-12 mb-2"> <svg class="text-primary absolute left-0 w-10 h-10 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125"> <path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path> </svg> <p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">I have been working with the team at ONTHEROCK Software since 2013 delivering various combined solutions to the industry. I have found their work to be of the highest standard and their knowledge of the financial services industry to be second to none</p> </div> <div class="mb-2"> <div class="flex flex-col items-center justify-center"> <div class="w-12 h-12 overflow-hidden bg-gray-100 border-2 border-indigo-100 rounded-full"> <img src="/assets/testimonials/japs.png" alt="Gerdus (Gus) Byleveld" class="object-cover object-center w-full h-full" /> </div> <h5 class="text-primary font-bold">Gerdus (Gus) Byleveld</h5> <p class="text-sm text-gray-600 text-center">EVP BUSINESS DEVELOPMENT JOURNEYAPPS</p> </div> </div> </div> <div class="p-4 bg-white rounded-lg shadow-md mb-4"> <div class="relative pl-12 mb-2"> <svg class="text-primary absolute left-0 w-10 h-10 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125"> <path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path> </svg> <p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">We have worked with OTRSW for over 5 years and they are the most reliable software provider we have. Friendly, positive and always go that extra mile to make sure problems are resolved quickly and projects implemented efficiently.</p> </div> <div class="mb-2"> <div class="flex flex-col items-center justify-center"> <div class="w-12 h-12 overflow-hidden bg-gray-100 border-2 border-indigo-100 rounded-full"> <img src="/assets/testimonials/5.png" alt="Guy Bigwood" class="object-cover object-center w-full h-full" /> </div> <h5 class="text-primary font-bold">Guy Bigwood</h5> <p class="text-sm text-gray-600 text-center">Chief Changemaker and CEO</p> </div> </div> </div> <div class="p-4 bg-white rounded-lg shadow-md mb-4"> <div class="relative pl-12 mb-2"> <svg class="text-primary absolute left-0 w-10 h-10 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125"> <path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path> </svg> <p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">a great company to work with, always on the ground making sure that our operations together with our partners are running smooth, I would recommend them to anyone in the insurance industry</p> </div> <div class="mb-2"> <div class="flex flex-col items-center justify-center"> <div class="w-12 h-12 overflow-hidden bg-gray-100 border-2 border-indigo-100 rounded-full"> <img src="/assets/testimonials/liberty.png" alt="Kwaledi Madiba" class="object-cover object-center w-full h-full" /> </div> <h5 class="text-primary font-bold">Kwaledi Madiba</h5> <p class="text-sm text-gray-600 text-center">RELATIONSHIP MANAGER EXTERNAL CALL CENTRES</p> </div> </div> </div> <div class="p-4 bg-white rounded-lg shadow-md mb-4"> <div class="relative pl-12 mb-2"> <svg class="text-primary absolute left-0 w-10 h-10 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125"> <path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path> </svg> <p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">Trustworthy, effective and reliable software solution provider. Program changes are thoroughly tested and well implemented. Good insight of business requirements and exceptional track record for meeting deadlines. Excellent user support. Highly recommended.</p> </div> <div class="mb-2"> <div class="flex flex-col items-center justify-center"> <div class="w-12 h-12 overflow-hidden bg-gray-100 border-2 border-indigo-100 rounded-full"> <img src="/assets/testimonials/zestlife.jpg" alt="Noleen Bell" class="object-cover object-center w-full h-full" /> </div> <h5 class="text-primary font-bold">Noleen Bell</h5> <p class="text-sm text-gray-600 text-center">FINANCIAL DIRECTOR - ZESTLIFE</p> </div> </div> </div> <div class="p-4 bg-white rounded-lg shadow-md mb-4"> <div class="relative pl-12 mb-2"> <svg class="text-primary absolute left-0 w-10 h-10 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125"> <path d="M30.7 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2C12.7 83.1 5 72.6 5 61.5c0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S30.7 31.6 30.7 42zM82.4 42c0 6.1 12.6 7 12.6 22 0 11-7.9 19.2-18.9 19.2-11.8 0-19.5-10.5-19.5-21.6 0-19.2 18-44.6 29.2-44.6 2.8 0 7.9 2 7.9 5.4S82.4 31.6 82.4 42z"></path> </svg> <p class="mt-2 text-sm text-gray-600 sm:text-base lg:text-sm xl:text-base">I cannot recommend Heinz and his team at ONTHEROCK Software more highly. From our initial meeting they started to add value in helping us to shape our thinking about what is possible. Their ability to grasp our needs and translate that into technology is exceptional. They are a true partner rather than a service provider and also somehow manage to make it fun to work with them</p> </div> <div class="mb-2"> <div class="flex flex-col items-center justify-center"> <div class="w-12 h-12 overflow-hidden bg-gray-100 border-2 border-indigo-100 rounded-full"> <img src="/assets/testimonials/COACHmatching_Logo571-(1).png" alt="Susi Astengo" class="object-cover object-center w-full h-full" /> </div> <h5 class="text-primary font-bold">Susi Astengo</h5> <p class="text-sm text-gray-600 text-center">Managing Director - CoachMatching</p> </div> </div> </div> </div> </div> </section>  <section class="items-center px-4 sm:px-10 mx-auto sm:px-20 md:px-32 lg:px-16 w-full pb-7 pt-32 md:pb-24 bg-white" id="projects"> <div class="px-4 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8 "> <div class="relative w-full px-5 py-10 mx-auto sm:py-12 md:py-16 md:px-10 max-w-7xl"> <h1 class="mb-1 text-4xl font-extrabold leading-none text-gray-900 lg:text-5xl xl:text-6xl sm:mb-3">Projects</h1> <p class="text-lg font-medium text-gray-500 sm:text-2xl">A few of our projects and happy clients.</p> </div> <div class="grid lg:grid-cols-3 gap-3 xl:gap-x-12"> <div class="mb-6 mt-6 lg:mb-0 flex grow"> <div class="relative block bg-white rounded-lg shadow-lg"> <div class="flex"> <div class="relative overflow-hidden bg-no-repeat bg-cover relative overflow-hidden bg-no-repeat bg-cover shadow-lg rounded-lg mx-4 -mt-4" data-mdb-ripple="true" data-mdb-ripple-color="light"> <img src="/assets/projects/apigate.png" class="w-full" /> <a href="/projects/api-gateway"> <div class="absolute top-0 right-0 bottom-0 left-0 w-full h-full overflow-hidden bg-fixed opacity-0 hover:opacity-100 transition duration-300 ease-in-out" style="background-color: rgba(251, 251, 251, 0.15)"></div> </a> </div> </div> <div class="p-6"> <h5 class="font-bold text-lg mb-3">API Gateway</h5> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <span class="bg-primary inline-block p-2 mb-2 text-xs font-medium tracking-widest text-white rounded">Laravel, Larvel Nova, REST API, WebServices</span> </p> <p class="mb-4 pb-2"> A call center customer required a way to limit the development time when taking new external lead providers on board.... </p> <a href="/projects/api-gateway" data-mdb-ripple="true" data-mdb-ripple-color="light" class="mt-5 inline-block px-6 py-2.5 bg-primary text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-secondary hover:shadow-lg focus:bg-secondary focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary active:shadow-lg transition duration-150 ease-in-out">View more</a> </div> </div> </div> <div class="mb-6 mt-6 lg:mb-0 flex grow"> <div class="relative block bg-white rounded-lg shadow-lg"> <div class="flex"> <div class="relative overflow-hidden bg-no-repeat bg-cover relative overflow-hidden bg-no-repeat bg-cover shadow-lg rounded-lg mx-4 -mt-4" data-mdb-ripple="true" data-mdb-ripple-color="light"> <img src="/assets/projects/dashzilla.png" class="w-full" /> <a href="/projects/dashzilla"> <div class="absolute top-0 right-0 bottom-0 left-0 w-full h-full overflow-hidden bg-fixed opacity-0 hover:opacity-100 transition duration-300 ease-in-out" style="background-color: rgba(251, 251, 251, 0.15)"></div> </a> </div> </div> <div class="p-6"> <h5 class="font-bold text-lg mb-3">Dashzilla</h5> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <span class="bg-primary inline-block p-2 mb-2 text-xs font-medium tracking-widest text-white rounded">Laravel, Integration, API, Laravel Nova</span> </p> <p class="mb-4 pb-2"> A bespoke admin and metrics portal developed for a corporate client. Their internal support staff uses a legacy open... </p> <a href="/projects/dashzilla" data-mdb-ripple="true" data-mdb-ripple-color="light" class="mt-5 inline-block px-6 py-2.5 bg-primary text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-secondary hover:shadow-lg focus:bg-secondary focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary active:shadow-lg transition duration-150 ease-in-out">View more</a> </div> </div> </div> <div class="mb-6 mt-6 lg:mb-0 flex grow"> <div class="relative block bg-white rounded-lg shadow-lg"> <div class="flex"> <div class="relative overflow-hidden bg-no-repeat bg-cover relative overflow-hidden bg-no-repeat bg-cover shadow-lg rounded-lg mx-4 -mt-4" data-mdb-ripple="true" data-mdb-ripple-color="light"> <img src="/assets/projects/Screenshot-2022-03-29-at-15.36.43.png" class="w-full" /> <a href="/projects/global-destination-sustainability-index"> <div class="absolute top-0 right-0 bottom-0 left-0 w-full h-full overflow-hidden bg-fixed opacity-0 hover:opacity-100 transition duration-300 ease-in-out" style="background-color: rgba(251, 251, 251, 0.15)"></div> </a> </div> </div> <div class="p-6"> <h5 class="font-bold text-lg mb-3">Global Destination Sustainability Index</h5> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <span class="bg-primary inline-block p-2 mb-2 text-xs font-medium tracking-widest text-white rounded">Laravel, Laravel Nova</span> </p> <p class="mb-4 pb-2"> <p>The GDS-Movement unites and enables destination management professionals to create flourishing and resilient place... </p> <a href="/projects/global-destination-sustainability-index" data-mdb-ripple="true" data-mdb-ripple-color="light" class="mt-5 inline-block px-6 py-2.5 bg-primary text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-secondary hover:shadow-lg focus:bg-secondary focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary active:shadow-lg transition duration-150 ease-in-out">View more</a> </div> </div> </div> <div class="mb-6 mt-6 lg:mb-0 flex grow"> <div class="relative block bg-white rounded-lg shadow-lg"> <div class="flex"> <div class="relative overflow-hidden bg-no-repeat bg-cover relative overflow-hidden bg-no-repeat bg-cover shadow-lg rounded-lg mx-4 -mt-4" data-mdb-ripple="true" data-mdb-ripple-color="light"> <img src="/assets/projects/granite2.png" class="w-full" /> <a href="/projects/granite-business-vault"> <div class="absolute top-0 right-0 bottom-0 left-0 w-full h-full overflow-hidden bg-fixed opacity-0 hover:opacity-100 transition duration-300 ease-in-out" style="background-color: rgba(251, 251, 251, 0.15)"></div> </a> </div> </div> <div class="p-6"> <h5 class="font-bold text-lg mb-3">Granite Business Vault</h5> <p class="mb-3 text-xs font-semibold tracking-wide uppercase"> <span class="bg-primary inline-block p-2 mb-2 text-xs font-medium tracking-widest text-white rounded">Laravel, Laravel Nova</span> </p> <p class="mb-4 pb-2"> <p>The Granite Digital Document Vault is a Software-as-a-Service platform for businesses to safely and securely store... </p> <a href="/projects/granite-business-vault" data-mdb-ripple="true" data-mdb-ripple-color="light" class="mt-5 inline-block px-6 py-2.5 bg-primary text-white font-medium text-xs leading-tight uppercase rounded-full shadow-md hover:bg-secondary hover:shadow-lg focus:bg-secondary focus:shadow-lg focus:outline-none focus:ring-0 active:bg-primary active:shadow-lg transition duration-150 ease-in-out">View more</a> </div> </div> </div> </div> </div> </section> <section class="items-center px-4 sm:px-10 mx-auto sm:px-20 md:px-32 lg:px-16 w-full pb-7 pt-32 md:pb-24 bg-gray-100" id="products"> <div class="px-4 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8"> <div class="mb-8 text-center"> <p class="text-primary mb-2 text-base font-medium tracking-tight uppercase">Software-As-A-Service (SAAS) applications</p> <h2 class="text-4xl font-extrabold leading-10 tracking-tight text-gray-900 sm:text-5xl sm:leading-none md:text-6xl lg:text-5xl xl:text-6xl">Our Products</h2> <p class="my-6 text-lg text-gray-600">We split our development efforts between bespoke development, and growing our own set of SAAS applications. Find out more about all these products below.</p> </div> <div class="grid lg:grid-cols-2 md:grid-cols-1 gap-12 xl:gap-x-12"> <div class="flex grow sm:-mx-3 bg-white shadow-md rounded-md p-5"> <div class="w-full"> <div class="w-full space-y-5"> <div class="w-full overflow-hidden rounded-md"> <img src="/assets/products/Color-logo-with-background.png" alt="Pay2Book"> </div> <h1 class="text-3xl font-extrabold tracking-tight text-gray-900"> <span class="block xl:inline">Pay2Book</span> </h1> <p>Launch Date: 2024</p> <span class="text-xs inline-block py-1 px-2.5 leading-none text-center whitespace-nowrap align-baseline font-bold bg-yellow-500 text-white rounded">beta</span> <p class="mx-auto text-base text-gray-500 sm:max-w-md lg:text-xl md:max-w-3xl"><p>Collect payments online before a customer arrives. This approach is proven to decrease "no show" customers and ensures steady cash flow for your business. The product allows for custom services to be created with an integrated calendar to manage your availability. Reach out if you are interested in adding online collections to your workflow. </p></p> <p class="mx-auto text-base text-gray-500 sm:max-w-md lg:text-xl md:max-w-3xl"><a href="https://app.pay2book.online/admin/login" target="_blank" class="text-primary">https://app.pay2book.online/admin/login</a></p> </div> </div> </div> <div class="flex grow sm:-mx-3 bg-white shadow-md rounded-md p-5"> <div class="w-full"> <div class="w-full space-y-5"> <div class="w-full overflow-hidden rounded-md"> <img src="/assets/products/the-sales-factory.png" alt="The Sales Factory"> </div> <h1 class="text-3xl font-extrabold tracking-tight text-gray-900"> <span class="block xl:inline">The Sales Factory</span> </h1> <p>Launch Date: 2008</p> <span class="text-xs inline-block py-1 px-2.5 leading-none text-center whitespace-nowrap align-baseline font-bold bg-green-500 text-white rounded">production</span> <p class="mx-auto text-base text-gray-500 sm:max-w-md lg:text-xl md:max-w-3xl"><p>The Sales Factory (TSF) is a software platform facilitating all steps in the sales process. From lead to fulfilment.</p></p> <p class="mx-auto text-base text-gray-500 sm:max-w-md lg:text-xl md:max-w-3xl"><a href="https://www.tsf.direct/" target="_blank" class="text-primary">https://www.tsf.direct/</a></p> </div> </div> </div> </div> </div> </section>   <section class="py-8 leading-7 text-gray-900 bg-primary sm:py-12 md:py-16 lg:py-24 w-full"> <div class="max-w-6xl px-4 px-10 mx-auto border-solid lg:px-12"> <div class="flex flex-col items-start leading-7 text-gray-900 border-0 border-gray-200 lg:items-center lg:flex-row"> <div class="box-border flex-1 text-center border-solid sm:text-left"> <h2 class="m-0 text-4xl font-semibold leading-tight tracking-tight text-left text-white border-0 border-gray-200 sm:text-5xl"> Need Help? </h2> <p class="mt-2 text-xl text-left text-white border-0 border-gray-200 sm:text-2xl"> Get in touch or read a few of our frequently asked questions. </p> </div> <a href="#contact" class="inline-flex items-center justify-center w-full py-1 px-5 mt-6 ml-0 font-sans text-base leading-none text-white no-underline bg-link border border-solid rounded cursor-pointer md:w-auto lg:mt-0 hover:bg-link hover:border-white hover:text-white focus-within:bg-link focus-within:border-link focus-within:text-white sm:text-lg lg:ml-6 md:text-xl"> Contact <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 ml-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="5" y1="12" x2="19" y2="12"></line> <polyline points="12 5 19 12 12 19"></polyline> </svg> </a> </div> </div> </section>  <section class="py-10 px-4 sm:px-10 mx-auto sm:px-20 md:px-32 lg:px-16 w-full pb-7 md:pt-20 md:pb-24 bg-white" id="faq"> <div class="bg-lightblue py-20 px-4"> <div class="mx-auto max-w-6xl flex flex-col md:flex-row"> <h2 class="mb-10 space-y-5 md:pr-16 text-3xl font-extrabold leading-9"> Frequently Asked Questions </h2> <dl class="w-full md:w-2/3"> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold"><b>Development</b><br/> What approach do you use to develop software?</h3> </summary> <p class="pt-1 pb-3">When trying to scope an entire software system upfront without all the required information, it can be frustrating and counterproductive. This approach can lead to scope creep, which is the gradual expansion of a project’s requirements beyond its original scope Scope creep can cause a project to run over budget, miss deadlines, and lack quality. Both customers and developers are always negatively affected by this. After years of being caught in this hamster wheel, we decided to simply remove that frustration from the development process and adopted a <b>simplified agile development approach</b>. The agile approach emphasizes iterative development and continuous feedback, which can help prevent scope creep and ensure that the project stays on track. We further simplified our approach by <b>adopting a month as the smallest measurable unit of work</b> since that is the most sensible time frame to achieve something large enough to move forward at a significant pace.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Do you only develop Laravel applications?</h3> </summary> <p class="pt-1 pb-3">Yes - we are exclusively a Laravel development shop.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Why Laravel?</h3> </summary> <p class="pt-1 pb-3">"Framework hopping" or "framework wars" is extremely counterproductive. We do not advocate that Laravel is the "best" PHP framework - we leave that subjective opinion to the numerous online discussion forums. Instead, we firmly believe that <b>it's the best choice for us</b>, and by settling on a framework and its augmenting ecosystem, we free up energy and focus to solve business problems. Settling on a single framework also ensures that we can easily obtain resources if required, and there is a clear development and training trajectory for growing our resources.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Why is the technology stack important?</h3> </summary> <p class="pt-1 pb-3">The quick answer is: <b>it usually is not</b> - if you want to 100% outsource a bespoke application, then the technology stack is not important. However, if you intend to at some point <b>take ownership</b> of the application, or include it in your existing IT development environment, then the tech stack is <b>very important</b>. For this reason, we advocate <b>clearly communicating what we use to build applications.</b></pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold"><b>Costs</b><br/> Why do you only charge month by month?</h3> </summary> <p class="pt-1 pb-3">Counting hours in a software project can be counterproductive for several reasons. Firstly, it is difficult to accurately measure the amount of time that a developer spends on a particular task. This is because developers often work on multiple tasks simultaneously, and it can be challenging to track the exact amount of time spent on each task. Secondly, counting hours can lead to a focus on quantity over quality. Developers may feel pressured to complete tasks quickly, which can result in lower-quality work. Finally, counting hours can be demotivating for developers. If they feel like they are being micromanaged, they may become less engaged with their work. Using larger measurements like months can be more appropriate for measuring software development progress. This is because software development is a complex process that involves many different tasks, and it can be difficult to accurately measure progress on a day-to-day basis. By using larger measurements like months, developers can focus on achieving long-term goals rather than worrying about the number of hours they are working.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">What happens if I don't like what you deliver?</h3> </summary> <p class="pt-1 pb-3"><b>You don't pay us</b>. We are confident that our work "speaks for itself", but to give you 100% peace of mind, the <b>first month of your project</b> provides us both the opportunity to "test" the working relationship, and you will not be charged for the first month if you are not 100% satisfied. We simply "end" before we start. We pursue frictionless, synergistic work - let's be grownups about it - if it does not work, we both walk away and pursue other options.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Who owns the code?</h3> </summary> <p class="pt-1 pb-3">As soon as the project moves beyond the first month, the code is 100% yours.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Is there a minimum amount of months for a project?</h3> </summary> <p class="pt-1 pb-3"><b>No</b>. Development is month-to-month with no required commitment - we keep working together until the project is complete (or canceled).</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Can I cancel a project?</h3> </summary> <p class="pt-1 pb-3">Yes, you may <b>cancel a project at any time</b>, for whatever reason. Our working agreement is 100% "month to month", so simply let us know and your project will not proceed beyond the current month.</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">Can ONTHEROCK Software cancel a project?</h3> </summary> <p class="pt-1 pb-3">Yes, we can - the freedom provided to you to cancel at any time is also extended to us. (In the past 15 years, we have never terminated a project for any reason other than non-payment by the client).</pre> </details> </div> <div class="bg-white w-full divide-y"> <details> <summary class="mb-2 question cursor-pointer select-none w-full outline-none"> <h3 class="text-xl font-semibold">What happens when the project is done?</h3> </summary> <p class="pt-1 pb-3">That's 100% up to you. You can host the software on your infrastructure, or we can provide hosting and continued support. We offer several flexible hosting options to fit your budget and deployment architecture requirements. For enterprise projects, we partner with <a href='https://www.restack.co.za/' target='_blank'>Restack</a> to ensure all enterprise requirements are met and managed with ease.</pre> </details> </div> </dl> </div> </div> </section>  <section class="w-full px-8 py-16 bg-gray-100 xl:px-8 pt-32" id="contact"> <div class="max-w-5xl mx-auto"> <div class="flex flex-col items-center md:flex-row"> <div class="w-full space-y-5 md:w-3/5 md:pr-16"> <p class="text-primary font-medium uppercase">DON’T BE SHY</p> <h2 class="text-2xl font-extrabold leading-none text-black sm:text-3xl md:text-5xl"> Get In Touch. </h2> <p class="text-xl text-gray-600 md:pr-16">Reach out with a question, comment or proposal. Simply populate details in the form and we will get back to you asap (unless you are a robot).</p> <p> <a class="text-primary" href="mailto:heinz@otrsw.com">heinz@otrsw.com</a> | <a class="text-primary" href="tel:+27 71 604 3605">+27 71 604 3605</a> | Mon - Fri, 8:00-16:00 </p> <p class="leading-normal my-5">SFP Wealth Building, 32 Main road, Kleinmond, Western Cape, South Africa</p> </div> <div class="w-full mt-16 md:mt-0 md:w-2/5"> <form method="POST" action="https://ontherock.software/!/forms/contact"><input type="hidden" name="_token" value="ROm8VKn73zel5xFm9Fm5D23Qsripl3gOClnr5Y0t">  <div class="w-full">  <div class="relative z-auto h-auto p-8 py-10 overflow-hidden bg-white border-b-2 border-gray-300 rounded-lg shadow-2xl px-7"> <h3 class="mb-6 text-2xl font-medium text-center">Contact Us</h3> <label for="name" class="leading-7 text-sm text-gray-600">Name</label> <div class="p-1"><input type="text" name="name" value="" required class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" > </div> <label for="name" class="leading-7 text-sm text-gray-600">Email</label> <div class="p-1"><input type="text" name="email" value="" required class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" > </div> <label for="name" class="leading-7 text-sm text-gray-600">Message</label> <div class="p-1"><textarea name="message" rows="5" required class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out" ></textarea> </div> <label for="name" class="leading-7 text-sm text-gray-600">Tell us what you get when you add six to the number of months in a year?</label> <div class="p-1"><input type="number" name="country" value="0" maxlength="5" required class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" > </div> <div class="p-1 mb-2"><div class="g-recaptcha" data-sitekey="6Ldfhj4gAAAAADaEcQRZLa08eCceiQk55MBsSwHE"></div></div> <input type="text" class="hidden" name="honeypot"> <div class="block"> <button class="bg-primary hover:bg-secondary hover:text-white w-full px-3 py-4 font-medium text-white rounded-lg">Send</button> </div> </div> </form> </div> </div> </div> </section>  <section class="bg-white"> <div class="justify-center items-center"> <div class="flex flex-wrap"> <div class="w-full px-4 mx-auto text-center"> <div class="flex flex-wrap justify-center items-center"> <a class=" w-[150px] 2xl:w-[180px] py-5 flex items-center justify-center mx-4 " > <img src="/assets/clients/DA-transparent-Logo.png" alt="Direct Axis" class="w-full" /> </a> <a class=" w-[150px] 2xl:w-[180px] py-5 flex items-center justify-center mx-4 " > <img src="/assets/clients/GDS-Services-1648547530.png" alt="GDSI" class="w-full" /> </a> <a class=" w-[150px] 2xl:w-[180px] py-5 flex items-center justify-center mx-4 " > <img src="/assets/clients/lTSqcIJ9ukYYgtDvE47rpPNgUMPjoqyVvbs6AbgO-1648548921.png" alt="Granite" class="w-full" /> </a> <a class=" w-[150px] 2xl:w-[180px] py-5 flex items-center justify-center mx-4 " > <img src="/assets/clients/journeyapps-logo.jpg" alt="Journey Apps" class="w-full" /> </a> <a class=" w-[150px] 2xl:w-[180px] py-5 flex items-center justify-center mx-4 " > <img src="/assets/clients/liberty-medical-scheme.jpg" alt="Liberty" class="w-full" /> </a> </div> </div> </div> </div> </section>  <section class="text-gray-700 bg-gray body-font w-full"> <div class="container flex flex-col items-center px-8 py-8 mx-auto max-w-7xl sm:flex-row"> <a href="#home" class="text-xl font-black leading-none text-gray-900 select-none logo">ONTHEROCK Software<span class="text-primary">.</span></a> <p class="mt-4 text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0">© 2024 ONTHEROCK Software</p> <a class="mt-4 text-sm text-primary sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-200 sm:mt-0" target="_blank" href=/assets/On-The-Rock-Software-Terms-of-Service-v1.1b.pdf>Terms of Service</a> </div> <hr> <div class="container flex flex-col px-8 py-8 mx-auto max-w-7xl sm:flex-row"> <p class="text-sm text-gray-500 sm:mt-0">Matthew 7:24-25<br> “Everyone then who hears these words of mine and does them will be like a wise man who built his house on the rock. 25 And the rain fell, and the floods came, and the winds blew and beat on that house, but it did not fall, because it had been founded on the rock."</p> </div> </section> </div> <script> document.documentElement.style.setProperty('--primary-color', '#94C34E'); document.documentElement.style.setProperty('--secondary-color', '#A59389'); </script> <script src="/js/site.js"></script> </body> </html>

CINXE.COM

ONTHEROCK Software – Pragmatic innovation through software