A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 28KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527
  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>Témoignage de freelance : " je pratique le prix libre " (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/@cohome_in/t%C3%A9moignage-de-freelance-je-pratique-le-prix-libre-ce191d87bed6">
  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. Témoignage de freelance : " je pratique le prix libre " (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/@cohome_in/t%C3%A9moignage-de-freelance-je-pratique-le-prix-libre-ce191d87bed6">Source originale du contenu</a></h3>
  445. <div class="section-content"><p class="section-inner layoutSingleColumn"><h1 name="a0be" id="a0be" class="graf graf--h3 graf--leading graf--title">Témoignage de freelance : « je pratique le prix libre »</h1></p><div class="section-inner layoutSingleColumn"><p name="d6ea" id="d6ea" class="graf graf--p graf-after--figure">De nombreux articles circulent sur la tarification à appliquer lorsque l’on est freelance. Cette question cruciale dépend de nombreux facteurs, dont l’expérience, les prix du marché et aussi la confiance en soi. Au milieu de ces interrogations, nous avons rencontré Edouard Marchal qui, lui, a fait le choix radical de pratiquer le prix libre.</p><h3 name="59af" id="59af" class="graf graf--h3 graf-after--p">Comment pitcherais-tu ton business en 140 caractères ?</h3><blockquote name="b947" id="b947" class="graf graf--blockquote graf-after--h3">Je n’ai jamais vraiment pris le temps de définir mon travail au quotidien étant trop concentré sur mon activité. Pour résumer, je fais beaucoup de communication et d’évènementiel. Cela implique de la gestion de projet, du graphisme et souvent beaucoup de coaching pour mon client. Le champ de mes compétences s’agrandit en fonction des besoins.</blockquote><blockquote name="948b" id="948b" class="graf graf--blockquote graf-after--blockquote">Par exemple, j’aide une petite boîte de salon de massage ayurvédique à développer son identité. A la base, la gérante voulait uniquement un logo. Finalement, la relation de confiance qui s’est instaurée a fait émerger d’autres besoins essentiels. Une vraie relation humaine s’est installée : nous avons fait évoluer ses besoins pour plus de cohérence et de globalité. En allant au delà de l’aspect communication, nous avons creusé la partie identité de son projet et ses objectifs de vie personnelle. Nous avons trouvé des éléments qui l’ont aidée autant pour son offre globale que pour la prestation pour laquelle j’avais été engagé.</blockquote><blockquote name="88d7" id="88d7" class="graf graf--blockquote graf-after--blockquote">De mon côté, j’ai du mal à définir ma propre identité car je ne suis pas cloisonné dans un seul domaine. Dans la société actuelle, nous avons trop l’habitude de se présenter comme un statut. Pourtant, j’ai avant tout des compétences, envies et connaissances. C’est cette pluralité ainsi que toute la passion que je mets derrière qui définissent mon projet. J’estime ne pas être quelqu’un qui fait juste de la com mais une personne qui a un background et qui a envie de le mettre à disposition.</blockquote><figure name="d832" id="d832" class="graf graf--figure graf-after--blockquote"/><h3 name="7212" id="7212" class="graf graf--h3 graf-after--figure">Comment en es-tu venu à pratiquer le prix libre ?</h3><blockquote name="2652" id="2652" class="graf graf--blockquote graf-after--h3">Lorsque je rencontre un éventuel prospect, j’explique ma vision des choses tout en lui expliquant que son projet pourrait être connu et comment je pourrais l’y aider. En échange, il me donne ce qu’il peut lorsque le projet arrive à son terme.</blockquote><blockquote name="d312" id="d312" class="graf graf--blockquote graf-after--blockquote">La plupart du temps au début, ils ne comprennent pas cette démarche. Je présente alors mes compétences et ce que j’estime comme temps à devoir passer sur leur problématique. Ensuite, je les invite à juger le montant que cela peut coûter, par rapport à leurs ressources et à ce qu’ils souhaitent faire. Pour reprendre mon exemple sur le salon ayurvédique, nous avons fait du troc : c’était une manière de me rémunérer. C’est une façon d’amener son client à réfléchir sur comment s’entraider sans se limiter à l’idée du « juste prix ». Pour aider le client dans cette démarche, je donne le montant que la presta aurait coûté, et à partir de ça il décide du montant.</blockquote><figure name="4d21" id="4d21" class="graf graf--figure graf-after--blockquote"/><h3 name="b8a6" id="b8a6" class="graf graf--h3 graf-after--figure">Concrètement, comment cela se passe-t-il ?</h3><blockquote name="ac80" id="ac80" class="graf graf--blockquote graf-after--h3">Dans le secteur de la communication, les clients ont malheureusement beaucoup tendance à tirer les prix vers le bas. J’ai des amis qui pratiquent le prix libre dans d’autres secteurs et qui gagnent plus que s’ils donnaient leur propre prix. Il y en a notamment qui réalisent des documentaires. Dans ce cas précis, ils me disent régulièrement qu’ils sont surpayés lorsqu’il y a des projections-débats. C’est un phénomène que je trouve très intéressant car cela montre qu’il y a des domaines qui sont plus accessibles que d’autres pour la pratique du prix libre.</blockquote><blockquote name="032d" id="032d" class="graf graf--blockquote graf-after--blockquote">Après, cela m’arrive aussi de discuter avec mes clients si jamais je me trouve trop sous-payé. En tout cas, pour l’instant cela a fonctionné même si j’admets que je touche quand même beaucoup moins que si j’avais eu à le faire payer sur devis.</blockquote><blockquote name="c641" id="c641" class="graf graf--blockquote graf-after--blockquote">Je maintiens quand même mes positions car ce qui compte pour moi est l’idée du « construire ensemble ». Ce n’est pas parce que je suis payé pour réaliser une seule tâche que je dois être considéré comme un sous-fifre. Avec la pratique du prix libre, je peux autant être consultant en com que graphiste, car nous construisons ensemble et je ne suis pas un simple exécutant.</blockquote><blockquote name="5ab6" id="5ab6" class="graf graf--blockquote graf-after--blockquote">Pour moi, l’aspect monétaire ne doit pas être une motivation. Actuellement, j’ai une seule mauvaise expérience à mon actif : cela a été un calvaire car les clients n’ont pas joué le jeu. Aujourd’hui les gens ne sont pas habitués à fonctionner en prix libre et cela amène un vrai point positif : les gens s’interrogent plus sur leurs vrais besoins.</blockquote><h3 name="3547" id="3547" class="graf graf--h3 graf-after--blockquote">Aurais-tu un conseil à donner à ceux qui souhaiteraient pratiquer le prix libre ?</h3><blockquote name="bd1e" id="bd1e" class="graf graf--blockquote graf-after--h3">Je donnerais le conseil suivant : cadrer ce que cela signifie. Il faut préciser le cadre de la mission et être en dialogue constant avec l’entreprise car cette pratique a pour objectif de discuter de la valeur réelle d’un travail.</blockquote><blockquote name="cbff" id="cbff" class="graf graf--blockquote graf-after--blockquote">Ce cadre est avant tout basé sur un contrat moral. Bien que certains clients me demandent des devis (surtout les institutions ou grandes entreprises, et dans ce cas nous définissons ensemble le prix de la prestation), tout est basé sur un rapport de confiance. Si vous souhaitez un contrat écrit, adoptez un point de vue innovant car cette pratique est une révolution et si votre client n’est pas prêt à l’entendre, cette relation ne fonctionnera pas.</blockquote><blockquote name="87d1" id="87d1" class="graf graf--blockquote graf-after--blockquote">De mon point de vue, à la place d’afficher un prix, il faudrait plutôt mettre une éthique.</blockquote><h3 name="c86d" id="c86d" class="graf graf--h3 graf-after--blockquote">Depuis quand es-tu freelance ?</h3><blockquote name="4b3c" id="4b3c" class="graf graf--blockquote graf-after--h3">Je suis freelance depuis début septembre 2015. Tout a commencé lorsque j’ai essayé de trouver un « business model de vie » qui me permettrait de trouver un juste milieu entre mes activités bénévoles (j’étais en service civique avec zero waste france) et le fait d’avoir des revenus. A cette époque, je n’avais pas de statut pour être rémunéré, je faisais tout uniquement de bon coeur mais cela ne pouvait pas durer. Et il faut bien comprendre que ce n’est pas parce qu’il y a de l’argent en jeu que tu as mauvais coeur. Payer est une manière de remercier.</blockquote><h3 name="207f" id="207f" class="graf graf--h3 graf-after--blockquote">Quel conseil donnerais-tu à quelqu’un qui hésite entre rester salarié ou lancer sa boîte ?</h3><blockquote name="023a" id="023a" class="graf graf--blockquote graf-after--h3">Je lui conseillerais de comprendre pourquoi il hésite. Par exemple, lorsque quelqu’un m’oppose un argument du type « ce n’est pas stable », je lui réponds« pourquoi l’instabilité te fait peur ? ».</blockquote><blockquote name="2e40" id="2e40" class="graf graf--blockquote graf-after--blockquote">En fouillant, la raison première n’est généralement pas la peur de se lancer, c’est souvent bien plus profond. Ces questionnements peuvent être durs à réaliser en fonction des personnes.</blockquote><blockquote name="3939" id="3939" class="graf graf--blockquote graf-after--blockquote">A ceux qui hésitent à devenir entrepreneur, je leur dirait qu’il faut tenter de comprendre ce qui les fait hésiter pour arriver ensuite à régler le problème sous-jacent. Cela permet ensuite de décider, en conscience, si devenir entrepreneur est ce qu’il te faut ou pas. Parfois, se sont les amis ou la famille qui poussent à devenir entrepreneur.</blockquote><h3 name="3e6b" id="3e6b" class="graf graf--h3 graf-after--blockquote">Peux-tu nous dire ce que tu aimes chez Cohome ?</h3><blockquote name="1180" id="1180" class="graf graf--blockquote graf-after--h3">Je trouve que c’est une nouvelle manière de concevoir le travail ainsi que les relations entre les personnes qui bossent. Cela montre que le travail et les relations professionnelles peuvent être très agréables, avec des personnes qui sont dans la même volonté de partage. Avec Cohome, nous prouvons qu’en France, il est possible de concevoir le travail différemment.</blockquote><blockquote name="c219" id="c219" class="graf graf--blockquote graf-after--blockquote">As-tu une citation qui te motive et que tu aurais envie de partager ?</blockquote><blockquote name="c0ae" id="c0ae" class="graf graf--blockquote graf-after--blockquote">J’aime beaucoup cette phrase de Gandhi : « soit le changement que tu souhaites voir dans la monde ». Si l’on veut une société plus ouverte, il faut d’abord commencer par l’être soi-même. Au quotidien, c’est une motivation très forte car il y a cette idée d’exemplarité, c’est presque performatif. Quand tu es le changement que tu veux être, les autres changent avec toi.</blockquote><p name="0552" id="0552" class="graf graf--p graf-after--blockquote">Merci Edouard pour cet échange passionnant ! Voici comment contacter Edouard si vous le souhaitez :</p><ul class="postList"><li name="ae45" id="ae45" class="graf graf--li graf-after--p"><a href="https://fr.linkedin.com/in/edouard-marchal-88527b54" data-href="https://fr.linkedin.com/in/edouard-marchal-88527b54" class="markup--anchor markup--li-anchor" rel="nofollow" target="_blank">Lien</a> vers son profil linkedin</li><li name="920c" id="920c" class="graf graf--li graf-after--li"><a href="http://twitter.com/edouard_marchal" data-href="http://twitter.com/edouard_marchal" class="markup--anchor markup--li-anchor" rel="nofollow" target="_blank">Lien</a> vers son compte Twitter</li></ul><p name="946a" id="946a" class="graf graf--p graf-after--li graf--last">A bientôt pour un nouveau témoignage et en attendant, cliquez sur le coeur pour partagez :D</p></div></div>
  446. </article>
  447. </section>
  448. <nav id="jumpto">
  449. <p>
  450. <a href="/david/blog/">Accueil du blog</a> |
  451. <a href="https://medium.com/@cohome_in/t%C3%A9moignage-de-freelance-je-pratique-le-prix-libre-ce191d87bed6">Source originale</a> |
  452. <a href="/david/stream/2019/">Accueil du flux</a>
  453. </p>
  454. </nav>
  455. <footer>
  456. <div>
  457. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  458. <p>
  459. Bonjour/Hi!
  460. 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>
  461. 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>).
  462. </p>
  463. <p>
  464. 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>.
  465. </p>
  466. <p>
  467. Voici quelques articles choisis :
  468. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  469. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  470. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  471. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  472. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  473. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  474. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  475. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  476. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  477. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  478. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  479. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  480. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  481. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  482. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  483. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  484. </p>
  485. <p>
  486. 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>.
  487. </p>
  488. <p>
  489. Je ne traque pas ta navigation mais mon
  490. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  491. conserve des logs d’accès.
  492. </p>
  493. </div>
  494. </footer>
  495. <script type="text/javascript">
  496. ;(_ => {
  497. const jumper = document.getElementById('jumper')
  498. jumper.addEventListener('click', e => {
  499. e.preventDefault()
  500. const anchor = e.target.getAttribute('href')
  501. const targetEl = document.getElementById(anchor.substring(1))
  502. targetEl.scrollIntoView({behavior: 'smooth'})
  503. })
  504. })()
  505. </script>