190 lines
12 KiB
Go Template
190 lines
12 KiB
Go Template
```html
|
||
{{define "body"}}
|
||
<main>
|
||
<article>
|
||
|
||
<div class="headline">
|
||
<figure>
|
||
<img src="/static/hire/tl.jpeg" alt="Photo de Thomas Loreille" />
|
||
</figure>
|
||
|
||
<div class="flow">
|
||
<h1 style="margin:0!important;">Travaillons ensemble !</h1>
|
||
|
||
<p> Je suis un <strong>professionnel du web</strong> avec <strong>11 ans</strong> d’expérience en développement et <strong>15 ans</strong> d’expérience dans l'associatif. En 2026, je suis devenu <strong>gestionnaire de projets</strong> et <strong>responsable produit</strong>, en m’appuyant sur mon expérience dans la coordination d’équipes et mes compétences UI/UX. </p>
|
||
|
||
<p> Je vis à 🇫🇷 Brest avec ma femme. Je suis ouvert au travail hybride en local ou au télétravail complet partout en Europe. </p>
|
||
|
||
<p class="buttons">
|
||
<a class="button" href="mailto:pro@thomasorus.com">Me contacter</a>
|
||
<!--<a class="button" href="#">Download my CV</a>-->
|
||
<a class="button" href="https://www.linkedin.com/in/thomas-loreille/">LinkedIn</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="hire-projects">
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire8.png" alt="Photo of me"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Société de développement de logiciels d’entreprise</strong><br><em><a href="https://id3i.fr">ID3i</a> / 2025 ~ aujourd’hui <br> Employé</em></p>
|
||
<p>
|
||
Chef de projet, responsabe produit, développeur frontend et coordinateur UI/UX sur des applications d’entreprise complexes. VueJS, TypeScript, Quasar, ASP.Net Core.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire6.png" alt="Photo of me"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Société d’ingénierie Cloud/DevOps</strong><br><em><a href="https://www.iguanasolutionsusa.com">Iguana Solutions</a> / 2022 ~ 2024 <br> Employé</em></p>
|
||
|
||
<p>
|
||
Développeur solo sur une Single Page Application (SPA) hébergée sur AWS pour un projet interne de supervision cloud. Svelte + Sveltekit, TypeScript, Tailwind CSS, Cloudformation, Cognito, Amplify, API Gateway, Lambda, etc.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire7.png" alt="Capture d’écran du site Mens Fashioner"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Guide de mode masculine</strong><br><em><a href="https://mensfashioner.com/">Mens Fashioner</a> / 2022 ~ 2025 <br> Travail freelance</em></p>
|
||
|
||
<p>Développeur frontend solo. Choix de la stack technique, webdesign, développement frontend. Implémentation soignée du design sous forme de tokens et composants réutilisables afin d’alimenter un éditeur WYSIWYG complet. Kirby CMS, PHP, SCSS, JavaScript.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire5.png" alt="Capture d’écran du site IMEC"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Archives du patrimoine littéraire</strong><br><em><a href="https://www.imec-archives.com/">IMEC</a> / 2022 ~ 2025 <br> Travail freelance</em></p>
|
||
|
||
<p>
|
||
Web designer et développeur frontend. Nettoyage et standardisation du design, des templates et des composants. Refonte complète des feuilles de style. Reprise intégrale de l’accessibilité.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire4.png" alt="Capture d’écran d’un live de Gauthier Andres"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Outil d’automatisation de podcast</strong><br><em><a href="https://www.youtube.com/@Gautoz/videos">Gautoz</a> / 2022 ~ 2023 <br>Travail freelance</em></p>
|
||
|
||
<p>Développeur backend. Outil en ligne de commande permettant de transcoder des vidéos YouTube en fichiers MP3 et XML compatibles avec les applications de podcast. Le système a ensuite été entièrement automatisé afin de publier les podcasts automatiquement dès la mise en ligne d’une vidéo. Python et Bash. <a
|
||
href="https://github.com/Thomasorus/botoz">Code source ouvert
|
||
</a>.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire3.png" alt="Capture d’écran du site Bas Gros Poing"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Projet associatif autour des jeux de combat</strong><br><em><a href="https://basgrospoing.fr/fr">Bas Gros Poing</a> / 2009 ~ 2024 <br>Travail associatif</em></p>
|
||
|
||
<p>Fondateur, responsable et développeur full-stack.
|
||
Coordination pendant 15 ans d’une équipe tournante de 12 personnes en télétravail. Production d’articles, de podcasts et d’événements. Développement et maintenance du site web de 2017 à 2024.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire2.png" alt="Photo de moi"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Groupe bancassurance</strong><br><em><a href="https://www.cm-arkea.com/arkea/banque/assurances/j_6/fr/accueil">Crédit Mutuel Arkéa</a> / 2018 ~ 2020 <br>Employé</em></p>
|
||
|
||
<p>Ingénieur UI, lead technique, chef de projet. Participation à la modernisation de plusieurs bases de code SASS complexes vers une bibliothèque unique de Web Components, suffisamment flexible pour prendre en charge plusieurs marques et entièrement conforme WCAG. SCSS, JavaScript, Angular, VueJS.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire1.png" alt="Photo du site CO2"/>
|
||
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Startup fintech</strong><br><em><a href="https://www.compteco2.com/">Compte CO2</a> / 2018 <br>Employé</em></p>
|
||
|
||
<p>
|
||
Développeur full-stack. Refonte complète des styles du site principal, du blog, des templates d’emails et des documents bancaires imprimés. NodeJS, React, JavaScript, CSS.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="skills">
|
||
<h2>
|
||
Compétences
|
||
</h2>
|
||
|
||
<div>
|
||
<ul role="list">
|
||
<li><span>📨</span> <strong>Coordination d’équipe en mode asynchrone</strong></li>
|
||
<li><span>✍️</span><strong>Rédaction technique & documentation</strong></li>
|
||
<li><span>⏳</span><strong>Planification & priorisation</strong></li>
|
||
<li><span>💣</span><strong>Évaluation & réduction des risques</strong></li>
|
||
<li><span>🔬</span><strong>Gestion du périmètre & des besoins</strong></li>
|
||
<li><span>⚖️</span><strong>Prise de décision efficace</strong></li>
|
||
<li><span>🏗️</span><strong>Expertise en conception de produits</strong></li>
|
||
<li><span>👥</span><strong>Excellentes compétences relationnelles et humaines</strong></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonials">
|
||
<h2>Témoignages</h2>
|
||
|
||
<div>
|
||
|
||
<figure><blockquote><i>« Thomas a joué un rôle essentiel dans la création de l’application web Mens Fashioner depuis ses débuts. Il est intervenu dès les premières phases du projet et a été bien plus qu’un développeur : un véritable partenaire produit. Il a constamment su transformer les retours utilisateurs et les besoins de l’équipe en solutions intelligentes et concrètes, tout en maintenant le projet dans le budget et en avançant sans interruption. Tout a été livré dans les délais, et sa capacité à réfléchir aussi bien au niveau micro que macro a été déterminante pour le succès du produit. Je ne peux que le recommander ! »</i></blockquote><figcaption>
|
||
<img src="/static/hire/di.png" alt="photo de Dorian Innes">
|
||
<span>
|
||
— <a href="https://dorianinnes.com/"><b>Dorian Innes</b></a>, <br>Fondateur @ Mens Fashioner
|
||
</span></figcaption></figure>
|
||
|
||
<figure><blockquote cite="https://www.malt.fr/profile/thomasloreille#recommendationSection"><i>« Excellente expérience avec Thomas, qui est intervenu sur un projet d’application mobile en tant que UX/UI Designer. Sa prestation a été exemplaire du début à la fin : il a su instaurer une communication irréprochable avec le client, inspirant confiance et apportant les notions de design nécessaires à la compréhension des choix réalisés, tout en fournissant au développeur une maquette impeccable, séparant clairement design tokens, composants et écrans. Je recommande Thomas sans hésitation et espère pouvoir refaire appel à lui très bientôt. »</i></blockquote><figcaption>
|
||
<img src="/static/hire/rl.png" alt="photo de Romain Leneveu">
|
||
<span>
|
||
— <a href="https://www.linkedin.com/in/romain-l-9b9b8a195/"><b>Romain Leneveu</b></a>, <br>CEO @ B.O. Palace
|
||
</span></figcaption></figure>
|
||
|
||
<figure><blockquote cite="https://www.malt.fr/profile/thomasloreille#recommendationSection"><i>« Une mission qui a dépassé toutes nos attentes. Thomas est un vrai plaisir à faire travailler, autant pour la qualité de sa communication que pour celle de son code, de ses recommandations et de sa capacité d’adaptation à toutes les situations. Il a su livrer un travail de qualité dans les délais, et a même quitté sa zone de confort pour nous aider sur un sujet Python. Un véritable développeur tout-terrain ! Il représente un atout précieux pour toute équipe ayant la chance de collaborer avec lui. »</i></blockquote><figcaption>
|
||
<img src="/static/hire/bl.jpg" alt="Photo de Baptiste Leguey">
|
||
<span>
|
||
— <a href="https://www.linkedin.com/in/baptiste-leguey-98384158/"><b>Baptiste Leguey</b></a>, <br> CTO @ StockPro
|
||
</span></figcaption></figure>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="interested">
|
||
<h2>Intéressé ? Prenons contact !</h2>
|
||
|
||
<p class="buttons">
|
||
<a class="button" href="mailto:pro@thomasorus.com">Me contacter</a>
|
||
<!--<a class="button" href="#">Télécharger mon CV</a>-->
|
||
<a class="button" href="https://www.linkedin.com/in/thomas-loreille/">Se connecter sur LinkedIn</a>
|
||
</p>
|
||
</div>
|
||
|
||
</article>
|
||
</main>
|
||
{{end}}
|
||
```
|