CINXE.COM

<!DOCTYPE html><html lang="fr" class="hydrated"><head><style> :root { /* Typography */ --amplify-font-family: 'Amazon Ember', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; --amplify-text-xxs: 0.75rem; --amplify-text-xs: 0.81rem; --amplify-text-sm: 0.875rem; --amplify-text-md: 1rem; --amplify-text-md-sub: 1.15rem; --amplify-text-lg: 1.5rem; --amplify-text-xl: 2rem; --amplify-text-xxl: 2.5rem; /* Colors */ --amplify-primary-color: #ff9900; --amplify-primary-contrast: var(--amplify-white); --amplify-primary-tint: #ffac31; --amplify-primary-shade: #e88b01; --amplify-secondary-color: #152939; --amplify-secondary-contrast: var(--amplify-white); --amplify-secondary-tint: #31465f; --amplify-secondary-shade: #1F2A37; --amplify-tertiary-color: #5d8aff; --amplify-tertiary-contrast: var(--amplify-white); --amplify-tertiary-tint: #7da1ff; --amplify-tertiary-shade: #537BE5; --amplify-background-color: var(--amplify-white); /* Neutral */ --amplify-grey: #828282; --amplify-light-grey: #c4c4c4; --amplify-white: #ffffff; --amplify-smoke-white: #f5f5f5; --amplify-red: #dd3f5b; --amplify-blue: #099ac8; } </style><style class="vjs-styles-defaults"> .video-js { width: 300px; height: 150px; } .vjs-fluid { padding-top: 56.25% } </style><meta charset="utf-8"><style data-styles="">amplify-icon,amplify-authenticator,amplify-federated-sign-in,amplify-select-mfa-type,amplify-s3-image-picker,amplify-chatbot,amplify-greetings,amplify-s3-album,amplify-s3-text-picker,amplify-tooltip,amplify-icon-button,amplify-checkbox,amplify-container,amplify-link,amplify-photo-picker,amplify-s3-image,amplify-s3-text,amplify-loading-spinner,amplify-section,amplify-button,amplify-sign-out,amplify-nav,amplify-toast,amplify-picker,amplify-form-field,amplify-hint,amplify-input,amplify-label,amplify-totp-setup,amplify-radio-button,amplify-sign-in-button,amplify-amazon-button,amplify-auth0-button,amplify-facebook-button,amplify-google-button,amplify-oauth-button,amplify-strike,amplify-federated-buttons,amplify-auth-fields,amplify-phone-field,amplify-code-field,amplify-email-field,amplify-password-field,amplify-username-field,amplify-country-dial-code,amplify-select,amplify-form-section,amplify-sign-in,amplify-confirm-sign-in,amplify-confirm-sign-up,amplify-forgot-password,amplify-require-new-password,amplify-sign-up,amplify-verify-contact{visibility:hidden}.hydrated{visibility:inherit}</style><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><meta name="viewport" content="minimum-scale=1,initial-scale=1,width=device-width"><meta name="theme-color" content="#000000"><link rel="apple-touch-icon" href="/logo.png"><link rel="manifest" href="/manifest.json"><link rel="stylesheet" href="/font.css"><script src="https://js.chargebee.com/v2/chargebee.js"></script><link href="/static/css/3.266957fd.chunk.css" rel="stylesheet"><link href="/static/css/main.a66ec2af.chunk.css" rel="stylesheet"><script charset="utf-8" src="/static/js/25.b3349683.chunk.js"></script><script charset="utf-8" src="/static/js/34.d35201ea.chunk.js"></script><title>JobStory - A new way to recruit quickly, simply and in tune with the times</title><meta property="og:title" content="JobStory - A new way to recruit quickly, simply and in tune with the times" data-react-helmet="true"><meta name="description" content="Le recrutement dans l'air du temps" data-react-helmet="true"><meta property="og:description" content="Le recrutement dans l'air du temps" data-react-helmet="true"><meta property="og:image" content="https://d2f5b1rb45eulb.cloudfront.net/original/avatar/jobstory_logo.png" data-react-helmet="true"><meta property="og:url" content="https://staging-www.jobstory.app" data-react-helmet="true"><meta name="twitter:card" content="summary_large_image" data-react-helmet="true"><script charset="utf-8" src="/static/js/polyfills-css-shim.cfe0e899.chunk.js"></script></head><body class=""><noscript>You need to enable JavaScript to run this app.</noscript><div id="root" class="hover:no-underline"><div class="container h-full w-full max-w-none max-h-screen"><header><div class="w-full px-5 py-8 md:px-20 fixed top-0 left-0 bg-white border-b border-gray-100 z-10"><div><div class="menu-button absolute flex items-center sm:hidden"><button id="menu-btn" class="inline-flex items-center justify-center p-2 rounded-md text-black hover:text-white hover:bg-purpleJS-100 focus:outline-none focus:bg-purpleJS-100 focus:text-white transition duration-150 ease-in-out" aria-label="Main menu"><svg id="menu-btn-closed" class="block h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg><svg id="menu-btn-opened" class="hidden h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><div id="dropdown-menu" class="hidden absolute sm:hidden"><div class=""><a href="/" class="mt-1 block px-3 py-2 text-base font-medium text-white bg-purpleJS-100 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out">Welcome</a><a href="mailto:contact@jobstory.app" class="mt-1 block px-3 py-2 text-base text-white hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out">Contact</a><a href="/terms" class="mt-1 block px-3 py-2 text-base text-white hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out">Terms of use</a><a href="/legals" class="mt-1 block px-3 py-2 text-base text-white hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out">Legal Notice</a><a href="/privacy" class="mt-1 block px-3 py-2 text-base text-white hover:text-white hover:bg-gray-700 focus:outline-none focus:text-white focus:bg-gray-700 transition duration-150 ease-in-out">Privacy</a></div></div></div><a href="/"><img class="duration-300 ease-in-out transform hover:scale-110 inline-block float-left w-32 md:w-40" alt="logo jobstory" src="/static/media/small-logo-purple.81ff8c64.svg"></a><a class="hidden sm:block hover:underline float-right font-medium text-md ml-5" href="/privacy">Privacy</a><a class="hidden sm:block hover:underline float-right font-medium text-md ml-5" href="/legals">Legal Notice</a><a class="hidden sm:block hover:underline float-right font-medium text-md ml-5" href="/terms">Terms of use</a><a class="hidden sm:block hover:underline float-right font-medium text-md" target="_blank" rel="noopener noreferrer" href="mailto:alex@jobstory.app">Contact</a></div></header><article><div class="flex flex-wrap mt-32 lg:mt-48"><div class="w-full md:w-6/12 pl-5 md:pl-20 pr-5"><h1 class="main-title font-bold text-2xl lg:text-big">A new way to recruit quickly, simply and in tune with the times</h1><h2 class="mt-2 md:mt-5 font-regular text-lightGrey text-md lg:text-xl">Jobstory is the first application 100% dedicated to video recruitment using social network codes. No more paper, optimize your time by putting people at the center of your selection.</h2><div class="my-10 flex flex-2 gap-5 md:gap-5"><a target="_blank" rel="noopener noreferrer" href="https://apps.apple.com/us/app/jobstory/id1533791670"><img style="box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.2)" alt="Jobstory AppleStore" class="duration-200 ease-in-out transition-colors border-2 hover:border-blue-400 rounded-md w-32 md:w-48" src="/static/media/appstore.a9df4132.svg"></a><a target="_blank" rel="noopener noreferrer" href="https://play.google.com/store/apps/details?id=com.jobstory"><img style="box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.2)" alt="Jobstory PlayStore" class="duration-200 ease-in-out transition-colors border-2 hover:border-blue-400 rounded-md w-32 md:w-48" src="/static/media/playstore.3d0c8b20.svg"></a></div></div><div class="w-full md:w-6/12 relative pr-5 md:pr-20 pl-5"><div style="border-radius:1rem;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.2)" class="video-responsive"><img alt="youtube player" class="scale-105 transition-transform duration-100 hover:scale-110 transform absolute z-10 w-full cursor-pointer object-cover" src="/static/media/poster.08d57d28.jpg"><iframe title="youtube player" id="ytplayer" class="" width="560" height="315" src="https://www.youtube.com/embed/9dDV_wDfKl8?rel=0&controls=1&autoplay=0&mute=0&start=0&enablejsapi=1&version=3&playerapiid=ytplayer" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div></div></div><div class="mt-20 whitespace-pre-line text-white w-full p-5 pb-0 md:p-20 md:pb-0 bg-purpleJS-100 text-center"><h2 class="text-3xl lg:text-big font-bold">Save up to 70% time per recruitment</h2><div class="sm:flex mt-5 sm:mt-10 gap-5 text-xl"><div class="mt-10 sm:mt-0 flex-1"><img alt="Save dozens of hours per recruitment" src="/static/media/clock.1ea225f5.svg" class="inline-block"><h4 class="font-bold mt-3">Save dozens of hours per recruitment</h4><p style="font-size:0.95rem" class="font-regular mt-2">Don't waste your time sorting candidates that all look alike and eliminate in person interviews that take forever. You instantly form an opinion on the candidate, and if he doesn't do the trick, move on to the next one.</p></div><div class="mt-10 sm:mt-0 flex-1"><img alt="Put the human before the resume" src="/static/media/group.3f3820bb.svg" class="inline-block"><h4 class="font-bold mt-3">Put the human before the resume</h4><p style="font-size:0.95rem" class="font-regular mt-2">Select your candidates with criteria that are not revealed in a resume such as energy, interpersonal qualities, motivation or elocution.</p></div><div class="mt-10 sm:mt-0 flex-1"><img alt="Receive only motivated applications" src="/static/media/favourite.5ab66e8a.svg" class="inline-block"><h4 class="font-bold mt-3">Receive only motivated applications</h4><p style="font-size:0.95rem" class="font-regular mt-2">Eliminate 100% of resume "spam". Only the most committed candidates make the effort to apply on video. A motivated candidate will stay in their position longer, which will reduce your turnover.</p></div><div class="mt-10 sm:mt-0 pb-10 flex-1"><img style="width:1.2rem" alt="Modern, digital and ethical recruitment" src="/static/media/medal.e0635692.svg" class="inline-block"><h4 class="font-bold mt-3">Modern, digital and ethical recruitment</h4><p style="font-size:0.95rem" class="font-regular mt-2">You give the same chance to all candidates to put themselves forward, without a priori or discrimination. You are only interested in people by using a modern, digital and easy-to-use channel.</p></div></div></div><div class="w-full p-5 md:p-20"><center><h1 class="font-bold text-2xl md:text-4xl">How it works ?</h1></center><div class="mt-10 lg:flex lg:flex-col lg:items-start"><div class="step1 flex flex-col flex-col-reverse lg:flex-row "><img class="m-auto mt-5 lg:mt-0 w-48 md:w-64 lg:flex" alt="step 1" src="/static/media/step1.1e1ba145.jpg"><div class="m-auto lg:flex lg:items-center"><div class="flex lg:block gap-4 p-5 bullet-info lg:w-5/6 lg:p-10 bg-gradient-to-r from-bgPurpleLightJS to-bgBlueLightJS"><p class="flex items-center lg:block font-bold text-purpleJS-100 text-4xl">1.</p><p class="flex items-center lg:block font-medium text-md md:text-xl">Create your Job offers directly in the application with 3 or 4 questions to ask candidates.</p></div></div></div><div class="step2 flex flex-col lg:flex-row mt-5 lg:-mt-48 flex self-end"><div class="m-auto flex items-center text-left lg:text-right flex-flow-reverse"><div class="flex lg:block gap-4 p-5 bullet-info lg:p-10 bg-gradient-to-l from-bgBlueLightJS2 to-bgPurpleLightJS2"><p class="flex items-center lg:block font-bold text-purpleJS-100 text-4xl">2.</p><p class="flex items-center lg:block font-medium text-md md:text-xl">Candidates have 1 minute to answer each question in story form.</p></div></div><div class="images-container m-auto mt-5 lg:mt-0 relative"><img class="w-48 md:w-64" alt="step 2a" src="/static/media/step2a.de5d1d7e.jpg"><img class="absolute w-40 md:w-64" alt="step 2b" src="/static/media/step2b.f808d9ea.jpg"></div></div><div class="step3 flex mt-10 lg:-mt-40 flex flex-col flex-col-reverse lg:flex-row"><div class="images-container m-auto mt-5 lg:mt-0 relative"><img class="w-48 md:w-64" alt="step 3a" src="/static/media/step3a.f14ee63c.jpg"><img class="absolute w-40 md:w-64" alt="step 3b" src="/static/media/step3b.a69e26d7.jpg"></div><div class="m-auto lg:flex lg:items-center "><div class="flex lg:block gap-4 p-5 bullet-info lg:w-4/6 lg:p-10 bg-gradient-to-r from-bgPurpleLightJS to-bgBlueLightJS"><p class="flex items-center lg:block font-bold text-purpleJS-100 text-4xl">3.</p><p class="flex items-center lg:block font-medium text-md md:text-xl">Receive stories from candidates who answer your questions.</p></div></div></div><div class="step2 flex flex-col lg:flex-row mt-5 lg:-mt-48 flex self-end"><div class="m-auto flex items-center text-left lg:text-right flex-flow-reverse"><div class="flex lg:block gap-4 p-5 bullet-info lg:p-10 bg-gradient-to-l from-bgBlueLightJS2 to-bgPurpleLightJS2"><p class="flex items-center lg:block font-bold text-purpleJS-100 text-4xl">4.</p><p class="flex items-center lg:block font-medium text-md md:text-xl">Quickly shortlist the interesting candidates, discard the others.</p></div></div><div class="images-container m-auto mt-5 lg:mt-0 relative"><img class="w-48 md:w-64" alt="step 4a" src="/static/media/step4a.7e735eb9.jpg"><img class="absolute w-40 md:w-64" alt="step 4b" src="/static/media/step4b.7741c443.jpg"></div></div><div class="step3 flex mt-10 lg:-mt-40 flex flex-col flex-col-reverse lg:flex-row"><div class="images-container m-auto mt-5 lg:mt-0 relative"><img class="w-48 md:w-64" alt="step 5a" src="/static/media/step5a.3fad80db.jpg"><img class="absolute w-40 md:w-64" alt="step 5b" src="/static/media/step5b.b8397c95.jpg"></div><div class="m-auto lg:flex lg:items-center "><div class="flex lg:block gap-4 p-5 bullet-info lg:w-4/6 lg:p-10 bg-gradient-to-r from-bgPurpleLightJS to-bgBlueLightJS"><p class="flex items-center lg:block font-bold text-purpleJS-100 text-4xl">5.</p><p class="flex items-center lg:block font-medium text-md md:text-xl">Contact candidates directly in the app to do a video interview or offer them an appointment.</p></div></div></div></div></div><div class="text-white w-full mt-32 px-5 py-8 md:px-20 md:py-10 bg-purpleJS-100"><div class="float-left"><a href="/" class="float-left"><img class="mb-2 duration-300 ease-in-out transform hover:scale-110 w-32" alt="logo jobstory" src="/static/media/small-logo.58c73b80.svg"></a><a class="block hover:underline font-regular text-md mt-2" href="/terms">Terms of use</a><a class="block hover:underline font-regular text-md mt-2" href="/privacy">Privacy</a><a class="block hover:underline font-regular text-md mt-2" href="/legals">Legal Notice</a><a class="block hover:underline font-regular text-md mt-2" href="mailto:alex@jobstory.app">Contact</a><div style="clear:both"></div></div><div class="float-left md:float-right w-full md:w-auto pt-5 md:pt-10 md:flex items-center md:gap-8"><a target="_blank" href="https://apps.apple.com/us/app/jobstory/id1533791670" rel="noopener noreferrer"><img alt="Jobstory AppleStore" class="w-40" src="/static/media/appstore.a9df4132.svg"></a><a target="_blank" href="https://play.google.com/store/apps/details?id=com.jobstory" rel="noopener noreferrer"><img alt="Jobstory PlayStore" class="mt-2 md:mt-0 w-40" src="/static/media/playstore.3d0c8b20.svg"></a></div><div style="clear:both"></div></div></article></div></div><script>!function(e){function r(r){for(var n,c,u=r[0],f=r[1],i=r[2],d=0,s=[];d<u.length;d++)c=u[d],Object.prototype.hasOwnProperty.call(o,c)&&o[c]&&s.push(o[c][0]),o[c]=0;for(n in f)Object.prototype.hasOwnProperty.call(f,n)&&(e[n]=f[n]);for(l&&l(r);s.length;)s.shift()();return a.push.apply(a,i||[]),t()}function t(){for(var e,r=0;r<a.length;r++){for(var t=a[r],n=!0,u=1;u<t.length;u++){var f=t[u];0!==o[f]&&(n=!1)}n&&(a.splice(r--,1),e=c(c.s=t[0]))}return e}var n={},o={2:0},a=[];function c(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,c),t.l=!0,t.exports}c.e=function(e){var r=[],t=o[e];if(0!==t)if(t)r.push(t[2]);else{var n=new Promise((function(r,n){t=o[e]=[r,n]}));r.push(t[2]=n);var a,u=document.createElement("script");u.charset="utf-8",u.timeout=120,c.nc&&u.setAttribute("nonce",c.nc),u.src=function(e){return c.p+"static/js/"+({1:"polyfills-css-shim"}[e]||e)+"."+{1:"cfe0e899",4:"85095d12",5:"034867ed",6:"1c458e9b",7:"f0d34906",8:"e3a1594c",9:"5b121fd9",10:"adf55a0a",11:"4dbc567c",12:"d6304bd0",13:"0bb6e1cb",14:"3ed79af6",15:"f993feff",16:"5daad341",17:"4c2d87e3",18:"48666fbc",19:"89f7660b",20:"1d9ab0fe",21:"68b750db",22:"a4a463dd",23:"ecac1485",24:"440f5c0b",25:"b3349683",26:"f27b0cc3",27:"99d9a9cc",28:"24614841",29:"c5510099",30:"4ce4a23a",31:"acbfb13e",32:"48f843c7",33:"65184dbc",34:"d35201ea"}[e]+".chunk.js"}(e);var f=new Error;a=function(r){u.onerror=u.onload=null,clearTimeout(i);var t=o[e];if(0!==t){if(t){var n=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;f.message="Loading chunk "+e+" failed.\n("+n+": "+a+")",f.name="ChunkLoadError",f.type=n,f.request=a,t[1](f)}o[e]=void 0}};var i=setTimeout((function(){a({type:"timeout",target:u})}),12e4);u.onerror=u.onload=a,document.head.appendChild(u)}return Promise.all(r)},c.m=e,c.c=n,c.d=function(e,r,t){c.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},c.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,r){if(1&r&&(e=c(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(c.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)c.d(t,n,function(r){return e[r]}.bind(null,n));return t},c.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(r,"a",r),r},c.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},c.p="/",c.oe=function(e){throw console.error(e),e};var u=this["webpackJsonpjobstory-demo"]=this["webpackJsonpjobstory-demo"]||[],f=u.push.bind(u);u.push=r,u=u.slice();for(var i=0;i<u.length;i++)r(u[i]);var l=f;t()}([])</script><script src="/static/js/3.2812af44.chunk.js"></script><script src="/static/js/main.db2494fc.chunk.js"></script></body></html>