197 lines
11 KiB
Go Template
197 lines
11 KiB
Go Template
{{define "body"}}
|
||
<main>
|
||
<article>
|
||
|
||
<div class="headline">
|
||
<figure>
|
||
<img src="/static/hire/tl.jpeg" alt="Photo of Thomas Loreille" />
|
||
</figure>
|
||
|
||
<div class="flow">
|
||
<h1 style="margin:0!important;">Let's work together!</h1>
|
||
|
||
<p>
|
||
I'm a <strong>product-focused web professional</strong> with <strong>11 years</strong> of development experience and <strong>15 years</strong> of non-profit leadership. In 2026 I moved into full-time <strong>project and product management</strong>, building on my experience coordinating teams and UI/UX background.</p>
|
||
|
||
<p>
|
||
I live in 🇫🇷 Brest with my wife. I am open to hybrid work locally or fully remote within Europe.
|
||
</p>
|
||
|
||
<p class="buttons">
|
||
<a class="button" href="mailto:pro@thomasorus.com">Contact Me</a>
|
||
<!--<a class="button" href="#">Download my CV</a>-->
|
||
<a class="button" href="https://www.linkedin.com/in/thomas-loreille/?locale=en_US">Connect on 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>Enterprise Software Development Firm</strong><br><em><a href="https://id3i.fr">ID3i</a> / 2025 ~ now <br> Employee</em></p>
|
||
<p>
|
||
Project manager, frontend developer & UI/UX coordinator on complex entreprise applications. 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>Cloud/DevOps Engineering Firm</strong><br><em><a href="https://www.iguanasolutionsusa.com">Iguana Solutions</a> / 2022 ~ 2024 <br> Employee</em></p>
|
||
|
||
<p>
|
||
Solo developer on a Single Page Application (SPA) hosted on AWS for an in-house cloud monitoring project. 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="Screen capture of the website mensfashioner"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Men’s Fashion Guide</strong><br><em><a href="https://mensfashioner.com/">Mens Fashioner</a> / 2022 ~ 2025 <br> Freelance Work</em></p>
|
||
|
||
<p>Solo frontend developer. Selection of the tech stack, webdesign, frontend development. Careful implementation of the design into tokens and reusable components, to work a full fledged wysiwyg editor. Kirby CMS, PHP, SCSS, JavaScript.</p>
|
||
</div>
|
||
</section>
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire5.png" alt="Screen capture of the website IMEC"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Literary Heritage Archive</strong><br><em><a href="https://www.imec-archives.com/">IMEC</a> / 2022 ~ 2025 <br> Freelance Work</em></p>
|
||
|
||
<p>
|
||
Web Designer and frontend developer. Cleaning and standardization of the design, templates and components. Complete rebuilt of the stylesheets. Full rework of the accessibility.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire4.png" alt="Screen capture of a live show by Gauthier Andres"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Podcast Automation Tool</strong><br><em><a href="https://www.youtube.com/@Gautoz/videos">Gautoz</a> / 2022 ~ 2023 <br>Freelance Work</em></p>
|
||
|
||
<p>Backend developer. Command line utility tool to transcode youtube
|
||
videos into MP3 and XML files understood by podcast applications. Was then fully automated to deliver podcasts automatically once a video was published. Python and Bash. <a
|
||
href="https://github.com/Thomasorus/botoz">Open sourced
|
||
</a>.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire3.png" alt="Screen capture of the website Bas Gros Poing"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Fighting Games Non-Profit Project</strong><br><em><a href="https://basgrospoing.fr/fr">Bas Gros Poing</a> / 2009 ~ 2024 <br>Non-profit Work</em></p>
|
||
|
||
<p>Founder, manager, and full-stack developer.
|
||
Coordinated a rotating team of 12 remote people for 15 years. Produced articles, podcasts and events. Developped and maintained the website from 2017 to 2024.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire2.png" alt="Photo of me"/>
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Bank-insurance Group</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>Employee</em></p>
|
||
|
||
<p>UI engineer, technical lead, project manager. Helped modernize several intricate SASS codebases to a single library of Web Components, flexible enough to support several brands and 100% WCAG compliant. SCSS, JavaScript, Angular, VueJS.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="flow">
|
||
<figure>
|
||
<img loading="lazy" src="/static/hire/hire1.png" alt="Photo of CO2 website"/>
|
||
|
||
</figure>
|
||
<div class="flow">
|
||
<p><strong>Fintech Startup</strong><br><em><a href="https://www.compteco2.com/">Compte CO2</a> / 2018 <br>Employee</em></p>
|
||
|
||
<p>
|
||
Full-stack developer. Total revamp of all styles for the main website, blog, email templates and print bank documents. NodeJS, React, JavaScript, CSS.
|
||
</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="skills">
|
||
<h2>
|
||
Skills
|
||
</h2>
|
||
|
||
<div>
|
||
<ul role="list">
|
||
<li><span>📨</span> <strong>Asynchronous team coordination</strong></li>
|
||
<li><span>✍️</span><strong>Technical writing & documentation</strong></li>
|
||
<li><span>⏳</span><strong>Planning & prioritization</strong></li>
|
||
<li><span>💣</span><strong>Risk assessment & mitigation</strong></li>
|
||
<li><span>🔬</span><strong>Scope & requirements management</strong></li>
|
||
<li><span>⚖️</span><strong>Efficient decision-making</strong></li>
|
||
<li><span>🏗️</span><strong>Product building expertise</strong></li>
|
||
<li><span>👥</span><strong>Strong interpersonal & human relation skills</strong></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="testimonials">
|
||
<h2>Testimonials</h2>
|
||
|
||
<div>
|
||
|
||
<figure><blockquote><i>“Thomas was instrumental in building the Mens Fashioner web app from the ground up. He came on during the early stages and was more than a developer, he acted as a true product partner. He consistently translated feedback from our users and team into smart, practical solutions and kept the project within budget and always moving forward. Everything was delivered on time, and his ability to think at both the micro and macro levels made him critical to the success of the product. Couldn't recommend him enough!”</i></blockquote><figcaption>
|
||
<img src="/static/hire/di.png" alt="photo of Dorian Innes">
|
||
<span>
|
||
— <a href="https://dorianinnes.com/"><b>Dorian Innes</b></a>, <br>Founder @ Mens Fashioner
|
||
</span></figcaption></figure>
|
||
|
||
|
||
<figure><blockquote cite="https://www.malt.fr/profile/thomasloreille#recommendationSection"><i>“Excellent experience with Thomas, who worked on a mobile application project as UX/UI Designer. His performance was exemplary from start to finish: he was able to establish flawless communication with the customer, instilling confidence and the design notions needed to understand the choices that had been made, while providing the developer with an impeccable mock-up, explicitly separating design tokens, components and screens. I can't recommend Thomas highly enough, and can't wait to call on his services again.”</i></blockquote><figcaption>
|
||
<img src="/static/hire/rl.png" alt="photo of 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>“A mission that exceeded our expectations. Thomas is a pleasure to work with, in terms of the quality of his communication, the quality of his code, his recommendations and his ability to adapt to any situation. He was able to deliver quality work on time, and even stepped out of his comfort zone to help us with a Python subject. A true all-terrain developer! He's an invaluable asset to any team lucky enough to work with him.”</i></blockquote><figcaption>
|
||
<img src="/static/hire/bl.jpg" alt="Photo of 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>Interested? Get in touch!</h2>
|
||
|
||
<p class="buttons">
|
||
<a class="button" href="mailto:pro@thomasorus.com">Contact Me</a>
|
||
<!--<a class="button" href="#">Download my CV</a>-->
|
||
<a class="button" href="https://www.linkedin.com/in/thomas-loreille/?locale=en_US">Connect on LinkedIn</a>
|
||
</p>
|
||
</div>
|
||
|
||
</article>
|
||
</main>
|
||
{{end}}
|