entre-quote.com/CV.html at master · newick/entre-quote.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Érick Gardin - CV</title>
    <link rel="stylesheet" href="css/cv.css" />
  </head>

  <body>
    <header>
      <div class="container">
        <h1>Érick Gardin</h1>

        <div>
          <h2>Intégrateur Web</h2>
          <ul>
            <li>
              <a href="mailto:erick@entre-quote.com">erick@entre-quote.com</a>
            </li>
            <li><a href="tel:+33678337412">06 78 33 74 12</a></li>
          </ul>
        </div>

        <blockquote>
          Je code les briques de l’expérience visuelle pour qu'elle soit la plus
          agréable et accessible possible.
        </blockquote>
      </div>
    </header>

    <main class="container">
      <section>
        <h2>Expériences</h2>

        <article>
          <h3>Intégrateur web indépendant</h3>

          <div>Depuis 2011</div>

          <div class="not-printable">
            <h4>Comment je le fais ?</h4>
            <p>
              Au minimum avec de l’<strong>HTML</strong> et du
              <strong>CSS</strong>. Si vraiment on ne peut pas faire sans, un
              peu de Javascript. <br />

              J'ai une sensibilité forte pour l'<strong>UX</strong> ainsi que
              l'<strong>accessibilité</strong>.<br />

              À cela s’ajoute, ou pas, de l’outillage tel qu’un préprocesseur
              (Sass), du <strong>versionnement</strong> de code par Git et
              autres suivant le besoin du projet. <br />

              Je suis partisan du
              <strong>découpage en composants</strong> suivant la méthodologie «
              atomic design » pour une meilleure maintenabilité et
              réutilisabilité.
            </p>

            <h4>Sur quelle technologie ?</h4>

            <p>
              Je m'adapte au contexte du projet, l'idée étant d'échanger avec
              les développeurs. J'ai donc participé à des projets en :
            </p>

            <ul>
              <li>PHP : Drupal, Kirby CMS, Grav CMS, WordPress, …</li>
              <li>JavaScript : React, VueJS, Svelte,</li>
              <li>Ruby on Rails et Python, il y a longtemps</li>
            </ul>

            <h4>Avec qui je l’ai déjà fait ?</h4>
            <ul>
              <li>
                des intermédiaires : Plume, Scopyleft, Happyculture, WCBH, DTC
                Innovation, Wonderful, Gradientz, Soon, …
              </li>

              <li>
                des clients directs : des projets BetaGouv ou ANCT, Le Même en
                Mieux, Mediapart, des ESAT, Human Coders, …
              </li>
            </ul>

            <h4>Ce que je ne fais pas ?</h4>
            <ul>
              <li>
                des prestations pour des clients qui ne correspondent pas à mes
                valeurs
              </li>
              <li>des emailings</li>
              <li>du référencement</li>
            </ul>
          </div>

          <div class="printable">
            <p>
              Je code les composants HTML / CSS nécessaires à l'affichage du
              contenu, je prends soin de respecter les bonnes pratiques et les
              règles d'accessibilité. Si l'expérience le demande je rajoute du
              JS.
            </p>
            <p>
              <strong>Types de projets :</strong> site vitrine, design system,
              extension navigateur, thème, extranet, intranet,…
            </p>
            <p>
              <strong>Technologies :</strong> HTML, CSS, JS (natif, jQuery),
              Sass, Git, Storybook, PHP (Drupal, Kirby CMS,…), React
              (styled-components),…
            </p>

            <p>
              <strong>Clients</strong> : Plume, BetaGouv, ANCT, Scopyleft,
              Happyculture, WCBH, DTC Innovation, Wonderful, …
            </p>

            <p>
              <strong>Références</strong> : Unaforis, Lab110bis, Gironde
              Numérique, World Bank, Babyzen, Mediapart, DisMoi, des ESAT, Human
              Coders, …
            </p>
          </div>
        </article>

        <article class="not-printable">
          <h3>DisMoi</h3>

          <div>2020 - 2023</div>

          <div>
            <h4>Développeur d'expériences utilisateur - Associé</h4>

            <p>
              Participation à la conception des interfaces utilisateurs et leurs
              tests, intégration des éléments graphiques HTML/CSS/JS avec
              styled-components, mise à jour du design system via storybook
            </p>
          </div>

          <div>2018 - 2020</div>

          <div>
            <h4>Intégrateur Web</h4>

            <p>
              Intégration HTML/CSS avec styled-components, mise en place et
              maintenance d'un guide de styles storybook
            </p>
          </div>
        </article>

        <article>
          <h3>KFH Communication - Montpellier</h3>

          <div>2009 - 2011</div>
          <div>
            <h4>Développeur multimédia</h4>
          </div>
        </article>

        <article>
          <h3>Centre de Soins Jacques Weinman - Besançon</h3>

          <div>2006</div>
          <div>
            <h4>Design et création du site web</h4>
          </div>
        </article>

        <article>
          <h3>Prodiris - Toulouse</h3>

          <div>2006</div>
          <div>
            <h4>Stagiaire Développeur multimédia</h4>
          </div>
        </article>
      </section>

      <section class="schools">
        <h2>Formation académique</h2>

        <article>
          <h3>Master Creative Digital Media</h3>
          <div><span class="not-printable">2007 - </span>2008</div>
          <div>
            Teesside University<span class="not-printable">
              - Teeside, Angleterre</span>
          </div>
        </article>

        <article>
          <h3>
            Licence Produits et Services Multimédias
          </h3>
          <div><span class="not-printable">2006 - </span>2007</div>
          <div>Université de Franche-Comté<span class="not-printable">
            - Montbéliard</span
          ></div>
        </article>
        <article>
          <h3>
            DUT Services et Réseaux de Communication
          </h3>
          <div><span class="not-printable">2004 - </span>2006</div>
          <div>IUT Belfort-Montbeliard<span class="not-printable">
            - Montbéliard</span
          ></div>
        </article>
      </section>

      <section>
        <h2>Centres d'intérêts</h2>

        <article>
          <div>Un Web meilleur</div>
          <div>
            <ul>
              <li>
                Participant depuis l'origine au projet scribouilli.org
              </li>
              <li>Organisateur de 2 éditions de Sud Web</li>
              <li>
                Participant et orateur à plusieurs conférences (Sud Web, Paris
                Web, Blend Web Mix)
              </li>
            </ul>
          </div>
        </article>

        <article>
          <div>Liens sociaux</div>

          <div>
            <ul>
              <li>
                Co-organisateur d'événements festifs et familiaux depuis 2022
              </li>
              <li>
                Participant actif au fonctionnement d'une épicerie autogérée
                depuis 2021
              </li>
              <li>
                Co-créateur et co-gestionnaire d'un tiers-lieux de 2012 à 2018
              </li>
            </ul>
          </div>
        </article>

        <article>
          <div>Nature</div>

          <div>
            <ul>
              <li>Créer et ne pas faire mourir un potager</li>
              <li>Plusieurs randonnées en autonomie</li>
            </ul>
          </div>
        </article>
      </section>
    </main>
  </body>
</html>