A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 30KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Créer, développer, lever, développer, céder. (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://medium.com/@madflo/cr%C3%A9er-d%C3%A9velopper-lever-d%C3%A9velopper-c%C3%A9der-9060689880c6">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. Créer, développer, lever, développer, céder. (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://medium.com/@madflo/cr%C3%A9er-d%C3%A9velopper-lever-d%C3%A9velopper-c%C3%A9der-9060689880c6">Source originale du contenu</a></h3>
  445. <p name="9579" id="9579" class="graf--p">Après cinq années passionnantes sur nos propres montagnes russes, nous avons décider de céder l’intégralité des activités de notre entreprise à un concurrent. Entre 2009 et 2015, nous avons connu des pics d’excitation indescriptibles et des moments de brouillard particulièrement sombres. Cet article revient sur quelques problématiques de l’amorçage des projets innovants.</p>
  446. <h4 name="62b9" id="62b9" class="graf--h4">Une course de fond.</h4>
  447. <p name="e0c5" id="e0c5" class="graf--p">Les échéances du parcours du jeune entrepreneur sont rythmées à une fréquence extrêmement élevée. En particulier sur les six premiers mois. Cette période où, les idées et phantasmes du porteur, les intérêts des associés, les avis plus ou, souvent, moins éclairés des accompagnants et la réalité convergent dans un monument de science fiction : le <em class="markup--em markup--p-em">plan d’affaire</em> ou <em class="markup--em markup--p-em">Business Plan</em>.</p>
  448. <p name="64ac" id="64ac" class="graf--p">Trouver un incubateur, rédiger un plan d’affaire, soutenir ce plan d’affaire pour rentrer dans l’incubateur, rédiger un plan d’affaire pour trouver des fonds d’amorçage et des prêts d’honneur, soutenir ce plan d’affaire auprès des différents organismes, rédiger un nouveau plan d’affaire pour trouver des investisseurs privés, soutenir ce plan d’affaire auprès des investisseurs privés, éditer le plan d’affaire pour l’adapter aux critères des investisseurs privés. Et le reste du temps, s’il y en a, concrétiser et commercialiser son produit.</p>
  449. <p name="308d" id="308d" class="graf--p">Malgré un fort intérêt pour les écrits de l’équipe de 37signals (<em class="markup--em markup--p-em">Getting Real</em>, <em class="markup--em markup--p-em">Rework</em>), nous nous sommes montrés très scolaires. Nous avons dépensé une énergie phénoménale dans des réécritures et calculs variés. Ce temps était précieux, encore plus au début du projet qu’à tout autre moment. Temps et énergie que nous aurions idéalement consacré à créer de la valeur.</p>
  450. <p name="77b8" id="77b8" class="graf--p">Comment prendre cette décision quand la seule source de financement possible repose sur les organismes d’accompagnement à l’amorçage ? Déjà, essayer, mais le système est fait pour vous faire rentrer rapidement dans le moule. Le système aime promouvoir les personnalités d’entrepreneurs et prône la <em class="markup--em markup--p-em">prise de risque</em>, mais ne finance que ceux qui respectent le statuquo.</p>
  451. <h4 name="cd6a" id="cd6a" class="graf--h4">Auto-financement ?</h4>
  452. <p name="3458" id="3458" class="graf--p">Se présentent alors au jeune entrepreneur deux solutions.</p>
  453. <p name="ec88" id="ec88" class="graf--p">La première est de disposer d’un capital existant et donc de cash à investir, ce qui n’était pas mon cas quand j’avais 24 ans.</p>
  454. <p name="e9e2" id="e9e2" class="graf--p">La deuxième est de générer ce cash. En travaillant, en fournissant des services à des clients. Dans les deux cas, la nécessité est réelle de réduire son besoin de financement au démarrage et ainsi de s’abstraire à ces relations parfois toxiques entre chargés d’affaire zélés et porteurs de projet.</p>
  455. <p name="1f0a" id="1f0a" class="graf--p">L’option de fournir du conseil permet de générer des revenus dès le début du projet et donc de financer le développement de son prototype et de sa version 1 sans recourir dès le départ à de l’endettement, personnel (<em class="markup--em markup--p-em">prêt d’honneur</em>) ou non (<em class="markup--em markup--p-em">prêt bancaire, prêt participatif</em>) ou à du financement dilutif (<em class="markup--em markup--p-em">capital risque, business angels</em>).</p>
  456. <p name="0f44" id="0f44" class="graf--p">Financer soi même son amorçage est l’option plus connue sous le terme de <em class="markup--em markup--p-em">bootstrapping</em>. L’argent issu de votre chiffre d’affaire de conseil peut être utilisé pour rémunérer des salariés, pour financer des achats d’études mais aussi être conservé sur le compte en vue d’opérations financières telles qu’une augmentation de capital.</p>
  457. <p name="7302" id="7302" class="graf--p">Pour avoir essayé différentes combinaisons de ces variations, tout n’est pas rose.</p>
  458. <p name="cf2b" id="cf2b" class="graf--p">Si le conseil est proposé dans le domaine d’activité du produit à venir, c’est le jackpot. Si, bien sûr, tout est bien borné et protégé sur le terrain de la propriété intellectuelle. Il ne faut à aucun moment prendre le risque d’avoir un client de vos activités de conseil en mesure de faire valoir des droits sur n’importe quelle parties de votre produit à venir.</p>
  459. <p name="6e91" id="6e91" class="graf--p">Nous avons refusé beaucoup de demandes d’achat de prestations dans notre coeur d’activité après une première expérience difficile avec un industriel de la région. Le jeune entrepreneur, brillant dans son domaine mais peu au fait du droit des contrats devient rapidement une proie de choix pour des donneurs d’ordres souvent droits mais parfois mégalomaniaques.</p>
  460. <p name="5fb0" id="5fb0" class="graf--p">L’activité de conseil est une opportunité. Elle peut se transformer en machine à générer des sous. Ceci peut conduire à un pivot où les porteurs se retrouvent à la tête d’une société de service, une structure dédiée au conseil. C’est arrivé à deux entrepreneurs qui ont commencé en même temps que nous. Aujourd’hui, leur entreprise tourne très bien. Mais leur produit n’est plus la technologie qu’ils ont conçu à l’origine. C’est désormais leur temps et celui de leurs salariés qu’ils commercialisent.</p>
  461. <p name="1d2b" id="1d2b" class="graf--p">Dans notre expérience de production et de sous-traitance, la fatigue a entrainé de la lassitude, qui en retour a rapporté encore plus de fatigue. Cumuler le conseil et la création du produit tourne rapidement à l’addition de deux journées de travail dans 24 heures. Comme nous, d’autres entrepreneurs se retrouvent usés par les prestations de service. La cause : des contrats à faible marge car de faible durée, acceptés comme moyen de subsistance. Il faut accepter de refuser les contrats à faible marge ou consommant trop de ressources du côté du porteur.</p>
  462. <blockquote name="86c9" id="86c9" class="graf--pullquote pullquote">Le conseil doit rester un moyen et ne pas être une fin pour le porteur de projet. Sauf à pivoter et s’épanouir dans le conseil qui devient alors l’activité principale.</blockquote>
  463. <p name="8cf8" id="8cf8" class="graf--p">Après quelques missions de conseil, nous avons donc décidé de mettre le doigt dans les mécanismes de financement de l’innovation de notre région. À commencer par notre banque, qui nous a proposé un prêt de financement de BFR, légèrement détourné de son objectif initial.</p>
  464. <h4 name="ff29" id="ff29" class="graf--h4">Financement extérieur vs auto-financement.</h4>
  465. <p name="419d" id="419d" class="graf--p">Rétrospectivement, nous aurions plus bénéficié de la vente d’une prestation de conseil qui nous aurait sollicité pendant 3 mois que passer 3 semaines quasiment exclusivement consacrées à des itérations variées du dossier de notre premier prêt bancaire. Avec une à trois itérations par type de prêt par établissement bancaire, le temps passe très vite.</p>
  466. <p name="878e" id="878e" class="graf--p">Certaines leçons doivent être apprises. Après avoir passé beaucoup de temps à faire valoir notre projet, nous avons dépensé notre énergie pour nous endetter. Dans le feu de l’action, rien n’est trop beau pour que le projet aboutisse. C’est au moment de rembourser, quand les ventes mettent du temps à décoller que la saison des regrets arrive.</p>
  467. <h4 name="cc73" id="cc73" class="graf--h4">Contexte réglementaires et verrous législatifs.</h4>
  468. <p name="d118" id="d118" class="graf--p">Notre produit est ubinect, un logiciel de gestion de cabinet médical. La santé est un secteur très réglementé. Aussi bien pour les logiciels de gestion et de facturation, comme ubinect que pour les algorithmes plus poussés qui participent aux prises de décision dans les soins.</p>
  469. <p name="d16e" id="d16e" class="graf--p">Il y a beaucoup à dire sur le sujet de la santé et du numérique. Mais se lancer dans la santé, c’est faire le choix éclairé de patienter entre 24 et 36 mois avant de pouvoir mettre un prototype entre les mains des premiers utilisateurs. Un délai incompressible nécessaire pour faire passer tous les feux au vert.</p>
  470. <blockquote name="a02b" id="a02b" class="graf--blockquote">L’espace temps des projets baignant dans des industries fortement régulées correspond peu aux modèles des financiers régionaux.</blockquote>
  471. <p name="4789" id="4789" class="graf--p">Beaucoup de modèles de plan d’affaires sont calés sur une rentabilité en 18 ou 24 mois. Nous avions fait converger notre plan d’affaire pour rentrer dans ce moule. Seul l’un de nos actionnaires, capital risqueur, avait vu juste et nous avait alerté sur ces délais. Erreur d’appréciation de notre part : l’avoir écouté mais sans amender notre stratégie.</p>
  472. <p name="2704" id="2704" class="graf--p">Une fois les aspects réglementaires validé, près de 24 mois après la création de la société, nos ressources s’étaient contractées. L’argent de l’amorçage n’a pas pu financer notre conquête commerciale.</p>
  473. <h4 name="e7ed" id="e7ed" class="graf--h4">Lever oui, re-lever en urgence, non.</h4>
  474. <p name="4f86" id="4f86" class="graf--p">Devant l’urgence, le conseil n’était plus une option viable et nous avons organisé une (seconde) levée de fonds en urgence. Le caractère urgent de la levée a mis notre dossier dans une balance défavorable. Sans l’implication extraordinaire de notre premier capital risqueur, le projet se serait arrêté. Mais il faudra que je revienne sur ces aspects là plus en détail.</p>
  475. <p name="75c0" id="75c0" class="graf--p">Cet article se concentre sur quelques erreurs commises dès le début de notre entreprise. Ce n’est cependant pas ce qui nous a poussé à céder notre activité. L’acquisition nous a permis, en tant qu’équipe, d’accéder à une capacité d’auto-financement et des techniques marketing et commerciales raffinées. C’est ce qui nous avait manqué depuis le premier jour.</p>
  476. <h3 name="c620" id="c620" class="graf--h3">Points à respecter à l’avenir</h3>
  477. <p name="d854" id="d854" class="graf--p">Cette expérience m’a conduit à tirer de nombreux enseignements, qui feront l’objet de prochains articles. Mais déjà, voici quelques points à garder en tête.</p>
  478. <ol class="postList"><li name="31e9" id="31e9" class="graf--li">Dès le premier jour, produire un joli jeu de diapositives. Le plan d’affaire se limitera à des projections de la stratégie et des options de financement sur deux ou trois diapositives.</li><li name="944a" id="944a" class="graf--li">À partir de ce support, collecter l’avis d’entrepreneurs expérimentés dans mon secteur d’activité et de financiers. Pour ces derniers, écrémer : ils doivent avoir travaillé avec de jeunes entreprises sur plusieurs années. Toujours se méfier des retours de toute personne n’ayant pas directement géré d’entreprise.</li><li name="89a1" id="89a1" class="graf--li"><em class="markup--em markup--li-em">Je serais prêt à l’acheter (si…)</em> n’est pas la même chose que <em class="markup--em markup--li-em">voici un chèque, vendez moi votre produit.</em> L’entrepreneur a besoin d’acheteurs. Mais plutôt que des acheteurs, ce sont beaucoup de personnes bien intentionnées avec des idées très précises sur la manière de faire les choses qui vont arriver sur sa route.</li><li name="b84e" id="b84e" class="graf--li">Ne pas céder à la tentation de vouloir plaire à ses interlocuteurs en adaptant son projet à leur contraintes. Les intuitions de l’entrepreneur ne sont pas toujours bonnes, c’est évident. Mais accéder à une demande de renier une intuition pour des motifs cosmétiques ou politiques est tout simplement interdit.</li><li name="cc03" id="cc03" class="graf--li">Financer tout ce qui peut l’être par du chiffre d’affaire sur la structure, avec du conseil ou de la sous-traitance. En prenant garde à rester le plus différenciant possible par rapport aux idées et concepts de son propre projet. Il ne faut travailler sur des commandes externes que quand le planning de son projet connaît un creux.</li><li name="4024" id="4024" class="graf--li">Les méthodes distillées dans le <em class="markup--em markup--li-em">Lean Startup</em> et les différentes approches agiles à la gestion de projet sont précieuses. Plus le produit sera placé tôt entre les mains d’un nombre suffisant d’utilisateurs, plus les points bloquants seront rapidement corrigés. C’est un fait.</li><li name="35ff" id="35ff" class="graf--li">Un business plan c’est de la science fiction. Voir le point 6. Les retours du terrain et la convergence de l’offre commerciale et de l’offre technique avec les besoins de votre clientèle sont les seuls indicateurs de réussite du projet. Un produit doit être acheté pour être pérenne. Le porteur doit apprendre et réussir à vendre son produit dès les premières versions.</li></ol>
  479. <p name="636f" id="636f" class="graf--p graf--last">Pour finir, je pense que les modèles de Startup Studio tels que <a href="https://medium.com/@efounders" data-href="https://medium.com/@efounders" class="markup--anchor markup--p-anchor">@efounders</a> ou les réseaux comme <a href="https://medium.com/welcome-to-thefamily" data-href="https://medium.com/welcome-to-thefamily" class="markup--anchor markup--p-anchor">The Family</a> réunissent d’importants facteurs de succès. En particulier parceque l’accompagnement est réalisé par des entrepreneurs expérimentés. Connaître le vocabulaire du financement et les différents mécanismes, c’est déjà 6 à 18 mois d’économisés. En temps, mais encore mieux, en énergie.</p>
  480. </article>
  481. </section>
  482. <nav id="jumpto">
  483. <p>
  484. <a href="/david/blog/">Accueil du blog</a> |
  485. <a href="https://medium.com/@madflo/cr%C3%A9er-d%C3%A9velopper-lever-d%C3%A9velopper-c%C3%A9der-9060689880c6">Source originale</a> |
  486. <a href="/david/stream/2019/">Accueil du flux</a>
  487. </p>
  488. </nav>
  489. <footer>
  490. <div>
  491. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  492. <p>
  493. Bonjour/Hi!
  494. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  495. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  496. </p>
  497. <p>
  498. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  499. </p>
  500. <p>
  501. Voici quelques articles choisis :
  502. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  503. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  504. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  505. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  506. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  507. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  508. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  509. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  510. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  511. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  512. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  513. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  514. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  515. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  516. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  517. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  518. </p>
  519. <p>
  520. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  521. </p>
  522. <p>
  523. Je ne traque pas ta navigation mais mon
  524. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  525. conserve des logs d’accès.
  526. </p>
  527. </div>
  528. </footer>
  529. <script type="text/javascript">
  530. ;(_ => {
  531. const jumper = document.getElementById('jumper')
  532. jumper.addEventListener('click', e => {
  533. e.preventDefault()
  534. const anchor = e.target.getAttribute('href')
  535. const targetEl = document.getElementById(anchor.substring(1))
  536. targetEl.scrollIntoView({behavior: 'smooth'})
  537. })
  538. })()
  539. </script>