<div class="nav sticky-top"> <div class='blur'></div> <div class="col-12"> <div class="col-12 col-lg-10 col-xl-9 mx-auto px-0"> <div class="overall-nav row"> <div class="menu-toggler nav-bar w-100 py-3"> <nav class="navbar navbar-expand-lg custom-toggler bg-light "> <div class=""> <a class="p-0" href="/"> <img class="brand-image" src="/assets/showoff-brand-9eb8be4efe37ddbb82834f606cc39beb7111eed53ad704936afc429d9d2452e3.png" /> </a> </div> <button class="navbar-toggler mr-3" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" role="button" data-target="#technology-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Services </a> <div id="technology-dropdown" class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/services/what_we_do">What we do</a> <a class="dropdown-item" href="/services/salesforce">Salesforce</a> <a class="dropdown-item" href="/services/heroku">Heroku</a> </div> </li> <li class="nav-item "> <a href="/clients">Clients</a> </li> <li class="nav-item "> <a href="/technologies">Technologies</a> </li> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="#" role="button" data-target="#about-us-dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="caret"> About Us<span class="caret"></span> </a> <div id="about-us-dropdown" class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/about_us/our_story"><span class="translation_missing" title="translation missing: en.menu.sub_entries.services.our_story">Our Story</span></a> <a class="dropdown-item" href="/about_us/partners"><span class="translation_missing" title="translation missing: en.menu.sub_entries.services.partners">Partners</span></a> </div> </li> <li class="nav-item "> <a href="/careers">Careers</a> </li> <li class="nav-item "> <a href="/resources">Resources</a> </li> <li class="nav-item d-inline"> <a class="btn contact-us-button m-3 m-lg-0" href="/contact">Contact Us</a> </li> </ul> </div> </nav> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-12"> <button type="button" id="sheep-wizard-button" class="d-none btn btn-primary" data-toggle="modal" data-target="#sheepWizardModal"></button> <div id="sheep-wizard-click" class="col-2"> <img class="sheep-wizard" alt="Talk-to-Showoff.png" src="/assets/sheep_images/sheep-wizard-106461c0f610434d15e46e79fdbc092789159725c8873b48a4a65797e3666210.png" /> </div> <div class="modal fade" id="sheepWizardModal" tabindex="-1" role="dialog" aria-labelledby="sheepWizardModal" aria-hidden="true"> <div class="row modal-dialog modal-positioning" role="document"> <div class="col-12 col-sm-9 col-md-7 col-xl-5 mx-auto"> <div class="modal-content p-sm-3"> <div class="modal-header text-center"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="font-weight-bold apex-medium">Get in touch!</h4> </div> <div class="modal-body"> <form role="form" id="sheep-wizard-modal" action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST" class="row needs-validation" novalidate> <input type=hidden name="oid" value="00D0Y000000rI3U"> <input type=hidden name="retURL" value="https://www.showoff.ie/clients/spirable?sheep_submitted=true"> <input type=hidden name="Campaign_ID" value="7011v0000003d2D"> <div class="form-group col-6"> <label for="first_name">First Name</label> <input id="first_name" class="form-control" maxlength="40" name="first_name" size="20" type="text" required/> <div class="invalid-feedback"> Please enter a First Name </div> </div> <div class="form-group col-6"> <label for="last_name">Last Name</label> <input id="last_name" class="form-control" maxlength="80" name="last_name" size="20" type="text" required/> <div class="invalid-feedback"> Please enter a Last Name </div> </div> <div class="form-group col-12"> <label for="email">Email</label> <input id="email" class="form-control" maxlength="80" name="email" size="20" type="text" required/> <div class="invalid-feedback"> Please enter an Email </div> </div> <div class="form-group col-12"> <label for="company">Company (Optional)</label> <input id="company" class="form-control" maxlength="40" name="company" size="20" type="text"/> <div class="invalid-feedback"> Please enter a Company (Optional) </div> </div> <div class="form-group col-6"> <label for="city">City (Optional)</label> <input id="city" class="form-control" maxlength="40" name="city" size="20" type="text"/> <div class="invalid-feedback"> Please enter a City (Optional) </div> </div> <div class="form-group col-6"> <label for="country">Country (Optional)</label> <input id="country" class="form-control" maxlength="40" name="country" size="20" type="text"/> <div class="invalid-feedback"> Please enter a Country (Optional) </div> </div> <div class="form-group col-12"> <label for="country">Message</label> <textarea id="description" class="form-control" name="description" type="text" rows="5" required></textarea> <div class="invalid-feedback"> Please enter a Message </div> </div> <div class="col-12"> <button type="submit" class="btn btn-primary w-100">Send</button> </div> </form> </div> </div> </div> </div> </div> <div class="row"> <div id="hero" class="col-12"> <div class='row h-25'> <div class="col-12 px-0"> <img class="w-100 case-hero" alt="Spirable Cover Image" src="https://showoff-website-production.s3.amazonaws.com/cases/cover_images/000/000/004/original/cover_image.jpg?1551198269" /> </div> <div class="col-12 col-sm-9 mx-auto text-right case-hero-title"> <img class="case-logo" alt="Spirable Logo" src="https://showoff-website-production.s3.amazonaws.com/cases/logos/000/000/004/original/logo.png?1551198271" /> <p class="mt-1">Web / AppExchange</p> </div> </div> </div> </div> <div class="row mt-3 mt-lg-5"> <div class="col-12 col-sm-10 col-xl-9 mx-auto"> <div class="row my-3 pb-3"> <div class="col-12 col-lg-7 mb-3 text-left my-auto"> <h4 class="mb-4">The Challenge</h4> <p>Spirable build personalised video content for marketing campaigns - at scale. Spirable are on a mission to reinvent storytelling using data across social media and CRM channels. Showoff and Spirable began conversations in 2018 to create a User experience that could be as easy as possible for Salesforce customers.</p> </div> <div class="col-12 col-sm-10 col-md-8 col-lg-5 pl-lg-5 py-lg-3 m-auto"> <img class="w-100" alt="Spirable Screen 1" src="https://showoff-website-production.s3.amazonaws.com/cases/image_1s/000/000/004/original/image_1.png?1551198272" /> </div> </div> <div class="row pb-5"> <div class="col-12 col-sm-10 col-md-8 col-lg-5 pr-lg-5 d-none d-lg-block m-auto"> <img class="w-100" alt="Spirable Screen 2" src="https://showoff-website-production.s3.amazonaws.com/cases/image_2s/000/000/004/original/image_2.png?1551198275" /> </div> <div class="col-12 col-lg-7 py-lg-3 text-left my-auto"> <h2 class="mb-4 font-24">Our Approach</h2> <p>Showoff and Spirable technical teams worked in collaboration to architect an API solution to enable Spribale’s customers who had data in Salesforce to seamlessly benefit from the Spirable marketing platform.</p> </div> <div class="col-12 col-sm-10 col-md-8 col-lg-5 pr-lg-5 d-lg-none my-5 mx-auto my-sm-3 m-md-auto"> <img class="w-100" alt="Spirable Screen 2" src="https://showoff-website-production.s3.amazonaws.com/cases/image_2s/000/000/004/original/image_2.png?1551198275" /> </div> </div> </div> </div> <div class="row case-footer-hero"> <div class="col-12 px-0"> <img class="w-100 case-footer-hero" alt="Spirable Footer Image" src="https://showoff-website-production.s3.amazonaws.com/cases/footer_images/000/000/004/original/footer_image.jpg?1551198270" /> </div> <div class="col-12 col-sm-11 col-lg-9 mx-auto"> <div class="row px-3"> <div class="col-12 col-md-7 col-lg-6 col-xl-6 mx-auto mx-sm-0 case-result-card"> <h2 class="my-4 font-24">The Result</h2> <p>Launched an application in the Salesforce AppExchange. Built an API and housed the platform on Heroku Enterprise. Scale, security, and efficiency are now assured. This Spirable platform can now unlock vital opportunities using the Spirable AppExchange app in a really straightforward process.</p> <a href="https://www.spirable.com/" target="_blank" class="black-font"> <h5 class="my-3 font-weight-bold"> https://www.spirable.com/ </h5> </a> <div class="row mt-4 mb-5 d-none"> </div> </div> </div> </div> </div> <div id="progress-section" class="row"> <div class="col-12 col-md-4"> <div id="back-block" class="row"> <div class="col-12"> <a class="row progress-block" href="/clients/scopesuite"> <img class="case-card-image" alt="scopesuite.png " src="https://showoff-website-production.s3.amazonaws.com/cases/cover_images/000/000/003/original/cover_image.jpg?1551198260" /> <div class="case-card-content col-12"> <div class="logo mx-auto"> <img class="w-100" src="https://showoff-website-production.s3.amazonaws.com/cases/logos/000/000/003/original/logo.png?1551198261" /> </div> <div class="col-12"> <div class="row"> <div class="col-6 col-sm-3 col-md-7 col-lg-5 col-xl-4 mx-auto"> <hr /> </div> </div> </div> <div class="col-12 text-center"> <p>Web</p> </div> </div> </a> </div> </div> </div> <div class="col-12 col-md-4 my-auto text-center my-5"> <div class="row"> <div class="col-12 my-4"> <h3 class="pt-3 pt-md-0 mb-sm-0 apex-medium font-24">Become our next success story!</h3> <a class="btn red-button my-3 col-6 col-sm-4 col-md-8 col-lg-6 col-xl-5" href="/contact">Lets Talk!</a> </div> </div> </div> <div class="col-12 col-md-4"> <div id="forward-block" class="row"> <div class="col-12"> <a class="row progress-block" href="/clients/voxgolf"> <img class="case-card-image" alt="voxgolf.png" src="https://showoff-website-production.s3.amazonaws.com/cases/cover_images/000/000/005/original/cover_image.jpg?1551198279" /> <div class="case-card-content col-12"> <div class="logo mx-auto"> <img class="w-100" alt="voxgolf-logo.png " src="https://showoff-website-production.s3.amazonaws.com/cases/logos/000/000/005/original/logo.png?1551198280" /> </div> <div class="col-12"> <div class="row"> <div class="col-6 col-sm-3 col-md-7 col-lg-5 col-xl-4 mx-auto"> <hr /> </div> </div> </div> <div class="col-12 text-center"> <p>iOS / Android / Web / API</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <footer class="footer pt-3"> <div class="col-12 col-lg-10 col-xl-9 mx-auto mt-5 pb-3 border-bottom"> <div class="row"> <div class="col-12 col-md-4"> <div class="row"> <div class="col-12"> <h6 class="font-weight-bold mb-4">Menu</h6> </div> <div class="col-6"> <ul> <li> <a href="/">Home</a> </li> <li> <a href="/services/salesforce"><span class="translation_missing" title="translation missing: en.menu.sub_entries.salesforce">Salesforce</span></a> </li> <li> <a href="/services/heroku"><span class="translation_missing" title="translation missing: en.menu.sub_entries.heroku">Heroku</span></a> </li> <li> <a href="/services/what_we_do"><span class="translation_missing" title="translation missing: en.menu.sub_entries.what_we_do">What We Do</span></a> </li> <li> <a href="/resources">Resources</a> </li> </ul> </div> <div class="col-6"> <ul> <li> <a href="/clients">Clients</a> </li> <li> <a href="/about_us/our_story">About Us</a> </li> <li> <a href="https://blog.showoff.ie" target="_blank"> Blog </a> </li> <li> <a href="/about_us/policies">Policies</a> </li> <li> <a href="/contact">Contact</a> </li> </ul> </div> </div> </div> <div class="col-12 col-md-5 col-lg-6 d-none d-md-block"> <div class="row mt-5 mt-md-0 text-center text-md-left"> <div class="col-12 pr-md-5"> <p class="apex-medium">You have the idea, we have the solution.</p> </div> <div class="col-12 mt-4 mt-md-2"> <a class="btn clear-button col-6 col-sm-5 col-md-8 col-lg-6 col-xl-5" href="/contact">Get in touch</a> </div> </div> </div> <div class="col-12 col-md-3 col-lg-2"> <div class="row mt-5 mt-md-0" id="footer_contact"> <div class="col-12"> <h6 class="apex-medium mb-4">Contact</h6> </div> <div class="col-12"> <div class="row social-media-text"> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://www.facebook.com/showoff.ie/" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/facebook-16-7c3eebf2a2efd38c65a859ce491e8a2423890edbd6738c6010af7936242709b3.svg" /> <span class="my-auto">Facebook</span> </a> </p> </div> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://twitter.com/showoff_ie" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/twitter-16-524c3b85bcd920fd8270cefb0aa63c0f8dcd97eb9a55ad2c1c0ea4a0a5688d06.svg" /> <span class="my-auto">Twitter</span> </a> </p> </div> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://www.instagram.com/showoff_ie/" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/instagram-16-a0776eb12fe80a657e646a1b07aff189c865ce9c75861118b702758d10b5c409.svg" /> <span class="my-auto">Instagram</span> </a> </p> </div> <div class="col-6 col-md-12"> <p class="mb-2"> <a href="https://www.linkedin.com/company/showoff-ie/?originalSubdomain=ie" target="_blank"> <img class="social_media_icon" src="/assets/social_media_icons/linkedin-9c72d6bc7a1471a3f62abcc19c5d40934bccce4c376f04ea7dc26c59fa197030.png" /> <span class="my-auto">LinkedIn</span> </a> </p> </div> </div> </div> </div> </div> <div class="col-12 col-md-5 col-lg-6 d-md-none"> <div class="row mt-5 mt-md-0 text-center text-md-left"> <div class="col-12 pr-md-5"> <p class="apex-medium">You have the idea, we have the solution.</p> </div> <div class="col-12 mt-4 mt-md-2"> <a class="btn clear-button col-6 col-sm-5 col-md-8 col-lg-6 col-xl-5" href="/contact">Get in touch</a> </div> </div> </div> <div class="col-12 mt-4 mb-2 mt-md-4 mb-md-0 text-center text-md-left"> <span class="apex-book">All rights reserved. © Showoff. 2019</span> </div> </div> </div> <div class="col-12 col-lg-10 col-xl-9 mx-auto px-lg-0"> <div class="row"> <a class="col-6 col-md-3 col-xl-2" href="/services/salesforce"> <img class="w-100 salesforce-footer-logo px-0 py-3 ml-auto mx-md-0 d-block" alt="Salesforce-Registered-Consulting-Partner.png" src="/assets/salesforce/salesforce_consulting_partner-2c41b6dc779ae765bb761b8ccfc10affdaae8b9e17903db22bc7997e54481b5d.png" /> </a> <a class="col-6 col-md-3" href="/services/heroku"> <img class="w-100 salesforce-footer-logo px-0 py-3 mx-auto mx-md-0 d-block" alt="Salesforce-Heroku-Partner.png" src="/assets/salesforce/salesforce_heroku_partner-7b02844412d22fa78a804775cecafe075caf1ab582f6354396d3672e2b190608.png" /> </a> <div class="col-12 col-md-6 offset-xl-1"> <div class="text-center text-md-right"> <a href='http://guaranteedirish.ie/' target="_blank"> <img class="footer-logo px-0 py-3" alt="Guaranteed-Irish.png" src="/assets/logos/partners/partner-gi-36-4b41ee74b8274fbd6534f05be18b2006cd2e1c47c07ee1ec470123c6315becdd.svg" /> </a> <a href='https://www.enterprise-ireland.com/en/' target="_blank"> <img class="footer-logo px-0 py-3" alt="Enterprise-Ireland.png" src="/assets/logos/partners/partner-ei-36-f475f38b00a069c6a10ab6ad3ec06cd7518b7f49a3628b3c67c8fcf7173c257c.svg" /> </a> <a href='http://www.ibye.ie/' target="_blank"> <img class="footer-logo px-0 py-3" alt="IBYE.png" src="/assets/logos/partners/partner-leo-36-ba961751ec1df977954387f70e8d622ee75e677081201bf6a2c23c6a195f2423.svg" /> </a> <a href='https://pledge1percent.org/' target="_blank"> <img class="footer-logo px-0 py-3" alt="Pledge1percent.png" src="/assets/logos/partners/partner-pledge-1-36-8cec1f6e915f2fb35299ac0b19afcee27172ac49982f9a5db429edadfdd26632.svg" /> </a> <a href="/about_us/our_story"> <img class="footer-logo px-0 py-3" alt="Showoff-Sheep.png" src="/assets/logos/sheep-5a57c8858c247742819ff0bb6087ddd6508a5b91621373faecc96089cd301b3d.svg" /> </a> </div> </div> </div> </div> </footer> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHj5zzIAVI9tuDwA2umYSYZtG2A7mYkX8" async defer></script> </body> </html>