CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MSMLW6S');</script>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="software,extensions,plugins,tools,animation,indesign,motion,graphics,videos,animation"/> <meta name="description" content="Ajar Productions is a software company that provides tools for digital designers. in5 helps designers create digital magazines, websites, & apps without coding."/> <title>Ajar Productions: Design Software (Makers of in5)</title> <meta property="og:title" content="Ajar Productions: Makers of in5"> <meta property="og:description" content="Ajar Productions is a software company that provides tools for digital designers. in5 helps designers create digital magazines, websites, & apps without coding."> <meta property="og:url" content="https://ajarproductions.com//"> <meta property="og:image" content="https://ajarproductions.com/pages/images/og.ajar.png"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:type" content="website" /><link rel="canonical" href="https://ajarproductions.com/" /> <link href="pages/css/ajar.two-one.css" rel="stylesheet" type="text/css" /> <style> .hero{ background-image:url("pages/images/hero_home.jpg"); } </style> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript" src="pages/products/in5/js/jquery.colorbox-min.js"></script> <script type="text/javascript"> $(function() { $("#videoholder").colorbox({iframe:true,href:"pages/products/in5/video.php",title:' ',width:'94%', height:'90%', onOpen:function(){ if(!ga) return; ga('send', { 'hitType': 'event', 'eventCategory': 'video', 'eventAction': 'play', 'eventLabel': 'in5_2022vid on homepage', }); } }); $(window).on('resize orientationchange', function(e){ if($('#cboxWrapper:visible').length) $.colorbox.resize({width:"94%", height:"90%"}); }); }); </script> <link type="text/css" rel="stylesheet" href="pages/products/in5/css/colorbox.css" /> </head> <body class="has-hero"> <div id="content">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MSMLW6S" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="header"> <div> <a href="https://ajarproductions.com"> <img src="https://ajarproductions.com/pages/images/ajar_logo_two-one_reversed_2x-opt.png" id="header-logo" border="0" alt="Ajar Productions logo" /> </a> <ul id="headernav"><li><a href="//ajarproductions.com/pages/products/in5">in5</a><ul><li><a href="//ajarproductions.com/pages/products/in5">in5 Main Page</a></li><li><a href="//ajarproductions.com/pages/products/in5/showcase.php">in5 Customer Stories</a></li><li><a href="//ajarproductions.com/pages/products/in5/download.php">in5 Download</a></li><li><a href="//ajarproductions.com/pages/products/in5/purchase.php">in5 Pricing</a></li><li><a href="//ajarproductions.com/pages/products/in5/demos.php">in5 Demos</a></li><li><a href="//ajarproductions.com/pages/products/in5/support.php">in5 Support</a></li><li><a href="//ajarproductions.com/account">in5 Account Login</a></li></ul></li><li><a href="https://ajarproductions.com/pages/products">create</a><ul><li><a href="https://ajarproductions.com/pages/products/in5">in5 (Interactive InDesign)</a></li><li><a href="https://ajarproductions.com/account">in5 Online Account Login</a></li><li><a href="https://ajarproductions.com/blog/adobe-extensions/">Adobe Scripts</a></li><li><a href="https://ajarproductions.com/pages/products/">Additional Products...</a></li></ul></li><li><a href="https://ajarproductions.com/blog">learn</a><ul><li><a href="https://academy.ajarproductions.com">Ajar Academy Video Courses</a></li><li><a href="https://ajarproductions.com/in5course">Digital Publishing Course</a></li><li><a href="https://ajarproductions.com/blog/">Blog Articles</a></li><li><a href="https://ajarproductions.com/blog/indesign-ux-resources/">InDesign UX Resources</a></li></ul></li><li><a href="https://ajarproductions.com/pages/about.php">about</a></li><li><a href="https://ajarproductions.com/pages/contact.php">contact</a></li> </ul> <nav id="mobile_menu" onclick="document.body.classList.add('menu-expanded');" > <img src="https://ajarproductions.com/pages/images/hamburger_menu.svg" id="mobile_menu_expand" alt="expand menu"/> </nav> </div> </div> <script> document.addEventListener('scroll', function(e) { var exmenu = document.querySelector('body.menu-expanded'); if(exmenu) exmenu.classList.remove('menu-expanded'); }); </script> <section class="hero"> <h1>We make in5. You make awesome.*</h1> <p class="subhead">*Digital magazines, websites, mobile apps, animated banners, & more from Adobe InDesign...<span style="text-decoration:underline;">without coding</span>.</p> <div class="block"> <div id="videoholder" title="Play Video" /> <h2>What is in5?</h2> <div id="playvid">Play demo</div> </div> <div class="cta-options"><a class="cta-btn cta-flat" href="pages/products/in5/">Learn more >></a> <a class="cta-btn cta-lite" href="pages/products/in5/showcase.php">See Examples</a></div> </div> </section> <section id="mid-details"> <div class="block thin"> <h2>You've got skills...and you know InDesign</h2> <p>So why aren't you creating digital content with ease?</p> <p>You should be dazzling your clients and bosses with interactive content.</p> </div> <div class="block thin odd-stripe"> <img class="align-right" src="pages/images/designer_at_desk.png" alt="designer at desk" width="400"/> <h2>No, it's not your fault for not being a coder</h2> <p>Do you see code and your brain goes numb?</p> <p><strong>Here's the thing:</strong></p> <p><em>It's ok to not be a coder</em>...the world has plenty of them. We need <em>your</em> design skills. It's the software that needs to accomodate you.</p> <p>Believe it or not, InDesign has some of the most friendly interactive tooling available. And in5 lets you export that interactivity to a universal, open format that you can take anywhere.</p> </div> <div class="block"> <div class="testimonial"> <img class="testimonial-image" src="pages/images/testimonials/evan-bond.jpg" alt="photo"> <div class="testimonial-textwrap"> <p class="testimonial-content">"This software is a game changer for us designers who break out in a cold sweat at the very thought of coding!"</p> <p class="testimonial-name">- <span class="name">Evan Bond</span>, <span class="title">Creative Director at DrawTalent</span> </p> </div> </div> </div> </section> <section class="block odd-stripe"> <div class="block thin"> <h2>Meet one of our favorite customers</h2> <p class="subhead">She's a designer like you and she was looking for a solution.</p> <a href="https://sites.allegheny.edu/magazine/winter-2015-2/" target="_blank"> <img class="align-right" src="pages/images/penny_headshot.png" alt="photo of Penny, Art Director" width="270"/> </a> <h3>This is Penny</h3> <p>She鈥檚 an in-house Art Director.</p> <p>Penny loves graphic design, but <strong>she鈥檚 not a coder</strong>.</p> <h3>Penny鈥檚 dilemma</h3> <p>Penny was in a hurry to publish online.</p> <p>She needed to minimize her dependence on a developer as well as the already overloaded web department.</p> <h3>Then Penny discovered in5</h3> <p>“Discovering in5 was key鈥攚e had our <strong>first online, interactive magazine published</strong>!”</p> </div> <div class="block centered padded"> <h3 class="centered">These are Penny's designs</h3> <div class="examples col-3"> <div class="example col">  <a href="http://webmedia.allegheny.edu/magazine/2017-winter/index.html" target="_blank"> <img src="pages/images/allegheny_magazines_onthehill.jpg" alt="image from Allegheny digital magazine"> </a> </div> <div class="example col"> <a href="http://webmedia.allegheny.edu/magazine/2017-winter/0008.html" target="_blank"> <img src="pages/images/allegheny_magazines_icelandic_alumna.jpg" alt="image from Allegheny digital magazine"> </a> </div> <div class="example col"> <a href="http://webmedia.allegheny.edu/magazine/2017-winter/index.html" target="_blank"> <img src="pages/images/allegheny_magazines_combinations.jpg" alt="image from Allegheny digital magazine"> </a> </div> </div> <p>Built with Adobe InDesign and exported directly with in5 to HTML5, these publications are full of <strong>rich interactivity</strong>.</p> </div> <div class="block thin"> <a href="https://ajarproductions.com/blog/category/tutorials/" target="_blank"> <img class="align-right cross-border" src="pages/images/computer_tutorials.png" alt="computer with a book inside" width="270"/> </a> <h3>Penny likes us, too :-)</h3> <p>“Ajar Productions has been <strong>extremely helpful along the way</strong>, and their step鈥揵y鈥搒tep tutorials are great.”</p> <p>“I can鈥檛 wait to get started on our next issue!”</p> </div> </section> <section id="details" class="block thin"> <a href="https://ajarproductions.com/pages/products/in5/showcase.php" target="_blank"> <img class="align-right" src="pages/images/rocket_from_computer2.png" alt="rocket taking off from a computer screen" width="400" title="click to see examples from rockstar designs using in5"/> </a> <h2>Software, plus a little something extra</h2> <h3>Ajar is here to be your personal resource</h3> <p>Picture us working backstage at <em>your</em> rock concert.</p> <p>We鈥檙e here to help you <strong>wow your bosses and clients</strong>.</p> </section> <section id="how-we-do-it" class="block centered"> <h2>Here's how we do it</h2> <div class="col-3"> <div class="col"> <img class="" src="pages/images/customer_service.png" alt="customer service"/><p>Support when you need it most</p> </div> <div class="col"> <img class="" src="pages/images/software_data.png" alt="software"/><p>Tools to make your day easier</p> </div> <div class="col"> <img class="" src="pages/images/video_tutorials.png" alt="video tutorials"/><p>Tutorials to make you more valuable</p> </div> </section> <div class="block odd-stripe"> <div class="testimonial"> <img class="testimonial-image" src="pages/images/testimonials/bob-levine.jpg" alt="photo"> <div class="testimonial-textwrap"> <p class="testimonial-content">"Thank you, Ajar Productions, for the best support of any developer I've ever worked with. in5 is a brilliant InDesign extension and I'm amazed at how great it is."</p> <p class="testimonial-name">- <span class="name">Bob Levine</span>, <span class="title">The "InDesign Guy"</span> </p> </div> </div> </div> <div class="block"> <div class="testimonial"> <img class="testimonial-image" src="pages/images/testimonials/yvette-lamusse.jpg" alt="photo"> <div class="testimonial-textwrap"> <p class="testimonial-content">"I just want to also tell you that what Ajar is doing here is simply amazing. My business is booming since I have started using in5, and I am getting work from everywhere. I cannot keep up!</p> <p class="testimonial-content">"I remember when I bought my in5 yearly subscription I thought it was a lot of money (for a designer) - but I have made it back 20 times already, creating files for clients!! Problem is, I don't want to tell people my secret!! Wordpress guys look at me all puzzled wondering how I create the stuff. :-)"</p> <p class="testimonial-name">- <span class="name">Yvette Lamusse</span>, <span class="title">Graphic Designer</span> </p> </div> </div> </div> <section class="block odd-stripe"> <h2 class="centered">What can Ajar do for you?</h2> <p class="centered">We want you to get something valuable from this visit.</p> <div id="offers" class="col-3"> <div class="offer col"> <a href="https://ajarproductions.com/dps/?ref=ajar_home" target="_blank"> <img src="pages/images/guide_dps2in5.png" alt="dps (aem mobile) to in5 transition guide"> </a> <h4>Get back to publishing apps with InDesign</h4> <p class="description">The DPS to in5 Transition Guide will get you up and running quickly with a low-cost, powerful alternative to DPS (AEM Mobile).</p> <p class="offer_link"><a class="cta cta-lite dark" href="https://ajarproductions.com/dps/?ref=ajar_home" target="_blank">free download</a></p> </div> <div class="offer col"> <a href="https://ajarproductions.com/techguide/?ref=ajar_home" target="_blank"> <img src="pages/images/guide_dptech.png" alt="digital publishing technology guide cover"> </a> <h4>Be the smartest digital publisher in the room</h4> <p class="description">The Digital Publishing Technology Guide will help you make the best decisions for your publications.</p> <p class="offer_link"><a class="cta cta-lite dark" href="https://ajarproductions.com/techguide/?ref=ajar_home" target="_blank">free download</a></p> </div> <div class="offer col"> <a href="https://ajarproductions.com/iduxpatterns/?ref=ajar_home" target="_blank"> <img src="pages/images/guide_idux.png" alt="indesign ux design patterns guide cover"> </a> <h4>Build the cool stuff that wows other designers</h4> <p class="description">The InDesign UX Design Patterns guide will help you design common User Experience (UX) and User Interface (UI) with InDesign.</p> <p class="offer_link"><a class="cta cta-lite dark" href="https://ajarproductions.com/iduxpatterns/?ref=ajar_home" target="_blank">free download</a></p> </div> </div> </section> <section class="block centered"> <p>Did we mention that we have some <strong>awesome tools for you</strong>?</p> <a class="cta-btn cta-flat" href="pages/products/in5/">Explore our best software</a></p> </section> <div id="footer" class="standard"> <div> <a href="https://ajarproductions.com/subscribe/?ref=sitefooter">Newsletter</a> | <a href="https://ajarproductions.com/legal">Legal Notices</a> | <span>© Ajar Productions 2004-2025, All rights reserved.</span> <div id="social-icons"> <a href="https://www.youtube.com/c/Ajarproductions" target="_blank"><img src="https://ajarproductions.com/pages/images/social/youtube-nobg.svg" class="social-icon" alt="Ajar Productions YouTube Channel" title="Ajar Productions Video on YouTube"/></a> <a href="https://twitter.com/ajarproductions" target="_blank"><img src="https://ajarproductions.com/pages/images/social/twitter-nobg.svg" class="social-icon" alt="Ajar on Twitter" title="Ajar Productions on Twitter"/></a> <a href="https://www.facebook.com/ajarproductions/" target="_blank"><img src="https://ajarproductions.com/pages/images/social/facebook-nobg.svg" class="social-icon" alt="Ajar on Facebook" title="Ajar Productions' page on Facebook'"/></a> <a href="https://www.linkedin.com/company/1168775/" target="_blank"><img src="https://ajarproductions.com/pages/images/social/linkedin-nobg.svg" class="social-icon" alt="Ajar on Linkedin" title="Ajar Productions on Linkedin"/></a> <a href="https://ajarproductions.com/blog/feed/" target="_blank"><img src="https://ajarproductions.com/pages/images/social/feed-nobg.svg" class="social-icon" alt="RSS Feed" title="Ajar Productions Blog RSS Feed"/></a> <a href="https://ajarproductions.com/subscribe/?ref=sitefooter_img" target="_blank"><img src="https://ajarproductions.com/pages/images/social/newsletter-nobg.svg" class="social-icon" alt="newsletter" title="Subscribe to Ajar Productions Email Newsletter"/></a> </div> </div>  <script type="text/javascript"> (function(p, a, n, d, o, b, c) { o = n.createElement('script'); o.type = 'text/javascript'; o.async = true; o.src = 'https://tb.rightmessage.com/'+p+'.js'; b = n.getElementsByTagName('script')[0]; d = function(h, u, i) { var c = n.createElement('style'); c.id = 'rmcloak'+i; c.type = 'text/css'; c.appendChild(n.createTextNode('.rmcloak'+h+'{visibility:hidden}.rmcloak'+u+'{display:none}')); b.parentNode.insertBefore(c, b); return c; }; c = d('', '-hidden', ''); d('-stay-invisible', '-stay-hidden', '-stay'); setTimeout(o.onerror = function() { c.parentNode && c.parentNode.removeChild(c); }, a); b.parentNode.insertBefore(o, b); })('1395353841', 20000, document); </script> </div> </div>  <script> (function() { var a = String(Math.floor(Math.random() * 10000000000000000)); new Image().src = 'https://pubads.g.doubleclick.net/activity;xsp=4858803;ord='+ a +'?'; })(); </script> <noscript> <img src='https://pubads.g.doubleclick.net/activity;xsp=4858803;ord=1?' width=1 height=1 border=0> </noscript> </body> </html>