Développeur front-end | design | gestion de projet
Matthieu Schmid
Spécialiste en technologies web, mon parcours a débuté dans les années 2010, durant mon adolescence, où je me suis formé à des outils comme Dreamweaver, Photoshop et Illustrator. Cette première immersion dans le monde du développement web a naturellement évolué vers une expertise approfondie en WordPress, que je pratique depuis de nombreuses années. Fort de cette expérience, j’ai réalisé une multitude de sites web en utilisant notamment le builder Divi. Ce bagage solide en WordPress a constitué le tremplin vers des technologies front-end plus modernes.
Plus récemment, mon expertise s’est diversifiée pour inclure des technologies front-end comme HTML, CSS, ainsi que des frameworks et bibliothèques tels que React et Blazor. Je me suis également initié à des outils de nouvelle génération comme Next.js et Astro. En matière de design et d’expérience utilisateur, je me suis perfectionné dans l’utilisation de Tailwind et Alpine.js.
Dans le domaine du back-end, je me suis familiarisé avec des solutions de gestion de contenu sans tête comme Strapi. Pour le contrôle de version, je travaille habituellement avec GitLab. J’ai également de l’expérience en déploiement et gestion d’infrastructure, notamment avec Docker-Compose, Caddy et Vercel. Figma est mon outil de choix pour la conception d’interfaces utilisateur.
Je suis particulièrement enthousiaste à l’égard des nouvelles technologies, notamment l’intelligence artificielle, que j’utilise quotidiennement. Cette passion pour l’innovation alimente mon désir constant d’apprendre et de me perfectionner.
Doté d’un tempérament agréable et ouvert d’esprit, je valorise le travail en équipe comme vecteur d’innovation et de qualité. Ma polyvalence me permet de gérer des projets web de bout en bout, de l’analyse des besoins des utilisateurs à la maintenance post-déploiement. Lorsque je rencontre des domaines que je ne maîtrise pas encore, je suis capable de me former rapidement ou de m’entourer de spécialistes pour assurer la réussite du projet.
Mes expériences
Ark Group Switzerland Sàrl
St-Légier
Co-fondateur
50%
Web | Design | Video | Marketing | Gestion de projet | Administratif
01.2019 – Aujourd’hui
Fédération Romande des Eglises Evangélique
St-Prex
Coordinateur jeunesse
50%
Formation | Événementiel | Accompagnement
01.2014 – 05.2020
Forum Emmaüs
St-Légier
Responsable de projet IT & communication
50%
Design | Informatique | Maquettiste | Gestion du parc informatique | Stratégie de communication
09.2015 – 12.2018
Église des Écluses
Bienne
Animateur jeunesse
50%
Enseignement | Animation | Gestion de projet | Accompagnement
10.2010 – 09.2012
Pizza’Fun
Fleurier
Chauffeur-livreur
Cuisine | Livraison | Entretien
01.2009 – 05.2010
Mimavision – MaxTV
Yverdon-les-Bains
Stagiaire médiamaticien
Montage vidéo | Maquettiste | Design
09.2009 – 12.2009
Un cocktail unique :
Philosophie, ethique, innovation, communication et gestion de projet
Mes compétences
- Développement web
- design
- Perso
Développement web
HTML | CSS | JS
React | Blazor | Next.js | Astro
Bootstrap | Tailwind | Alpine.sj
WordPress | Odoo | Strapi
GitLab
ChatGPT | DALL-E | Midjourney | Github Copilot
Suite Jetbrains | VSC
Nginx | Caddy | Docker
Infomaniak | Vercel | Amazon S3
Design
Figma
Photoshop
Illustrator
Indesign
Perso
Français | Anglais
Efficace
A l’écoute
Force de proposition
Adaptabilité
Travail en équipe
Orienté « big picture »
Mes formations
Formation au web design
Lab multimédia
Lausanne
2021
Bachelor en théologie
IBME
St-Légier
2011-2015
Certificat leadership
Factory
Bienne
2010-2011
Maturité technique
CPNL
Neuchâtel
2007-2008
CFC Médiamaticien
CIFOM-ET
Le Locle
2004-2007
École secondaire
Collège Jehan-Droz
Le Locle
2001-2004
École primaire
CVT
Fleurier
1995-2001
J’ai travaillé avec
Mon portfolio
2023
Développement Front-End – Plateforme Swiss Live Event
Attentes du Client
Notre client, Ark Group Switzerland Sàrl, envisageait une plateforme de streaming haute performance adaptée à un public exigeant. L’accent du client était mis sur la performance, la personnalisation, la sécurité et la scalabilité. Ils voulaient une plateforme qui pourrait être louée pour des événements, offrant une portée mondiale tout en maintenant des mesures de sécurité et de performance de premier ordre.
Description du Projet
La plateforme de streaming SwissLiveEvent est un projet ambitieux qui est en développement depuis plusieurs mois. Elle vise à établir une nouvelle norme dans le streaming en direct, offrant une multitude de fonctionnalités et de technologies qui répondent à un public à la recherche de plus que de simples capacités de streaming. La plateforme n’est accessible que sur demande de démo, ce qui en fait une offre exclusive.
Stack Technologique
Blazor Server pour le développement de l’UI
FFmpeg pour le traitement vidéo
Cloudflare pour CDN et sécurité
AWS Zurich pour le cloud computing et la scalabilité
MongoDB pour la gestion de la base de données
Bootstrap pour le design réactif
Nos Tâches
Développement d’une infrastructure back-end haute performance.
Conception UI/UX axée sur la réactivité et l’accessibilité.
Intégration de FFmpeg pour le streaming HLS multi-débit.
Mise en œuvre de MongoDB pour une gestion sécurisée et efficace des données.
Développement du modèle de coûts et de tarification pour la location de la plateforme.
Configuration de l’infrastructure mondiale en utilisant AWS et Cloudflare.
Défis & Solutions
Scalabilité : En utilisant AWS Zurich, nous avons construit une architecture évolutive capable de gérer un public mondial.
Infrastructure Globale : Avec Cloudflare, nous avons réussi à distribuer le contenu efficacement à l’échelle mondiale.
Gestion des Coûts : Le développement d’un modèle de tarification flexible pour les clients souhaitant louer la plateforme pour leurs événements a été une tâche complexe, résolue grâce à une planification et une modélisation méticuleuses.
Haute Performance : En exploitant FFmpeg, nous avons atteint un streaming vidéo haute performance avec support multi-débit.
Sécurité : MongoDB a été configuré pour gérer les connexions sécurisées pour les utilisateurs, les intervenants et les modérateurs.
Interface de Modération : Une interface de modération personnalisée permet une gestion de contenu en temps réel.
Pistes Audio Multiples : La plateforme prend en charge plusieurs pistes audio, offrant une expérience plus inclusive.
2023
Développement – Swiss Live Event
Attentes du Client
Ark Group Switzerland Sàrl visait à créer un site vitrine pour SwissLiveEvent qui communiquerait efficacement les capacités et les fonctionnalités de la plateforme. Le client souhaitait un site web visuellement attrayant, informatif et facile à naviguer qui servirait de prélude à la plateforme de streaming en cours de développement.
Description du Projet
Le site vitrine SwissLiveEvent.ch est un portail frontal développé sur Odoo 16 Enterprise. Il sert de premier point de contact pour les clients et utilisateurs potentiels, offrant des aperçus des fonctionnalités, technologies et avantages de la plateforme de streaming à venir.
Nos Tâches
Conception et développement d’une UI/UX visuellement attrayante.
Création de contenu pour communiquer efficacement les fonctionnalités de la plateforme.
Optimisation SEO pour une meilleure visibilité.
Intégration d’un formulaire de contact pour la génération de leads.
Développement d’un design réactif pour garantir la compatibilité multiplateforme.
Défis & Solutions
Contrainte de Temps : Le client avait besoin que le site vitrine soit opérationnel rapidement. L’utilisation d’Odoo 16 Enterprise a permis un développement et un déploiement rapides.
Clarté et Focus : Le défi était de s’assurer que le site web transmettait clairement les capacités de la plateforme de streaming à venir sans créer de confusion avec le site vitrine. Nous avons réussi cela grâce à une segmentation claire du contenu et une navigation intuitive.
Génération de Leads : Pour capter l’intérêt potentiel, nous avons intégré une fonctionnalité ‘Demander une démo gratuite’, permettant aux visiteurs d’avoir un aperçu de ce que la plateforme réelle offrira.
Réactivité Mobile : Assurer que le site web était bien présenté et fonctionnait correctement sur divers appareils était crucial. Nous avons utilisé des techniques de design réactif pour y parvenir.
2023
Développement – Ark Studio
Attentes du Client :
L’objectif principal de notre client était de développer et de lancer rapidement un site web réactif et riche en fonctionnalités sur la plateforme Odoo pour présenter leurs services et leurs capacités. Le temps était essentiel, et le client nécessitait un site robuste qui pourrait être développé dans un délai serré.
Notre Contribution :
Analyse des Besoins : Réalisé une évaluation complète pour déterminer les fonctionnalités et le contenu nécessaires pour le site.
Sélection de la Plateforme : Choisi Odoo pour un développement rapide et efficace.
Configuration Initiale : Mis en place la configuration de base d’Odoo et initialisé le site.
Développement de Modules : Créé des modules personnalisés adaptés aux besoins spécifiques du site.
Conception UI/UX :
Personnalisé l’interface utilisateur pour une expérience utilisateur optimale.
Tests et Débogage :
Assuré la fonctionnalité et la performance du site grâce à des tests rigoureux.
Lancement :
Lancé avec succès le site et surveillé les premières mesures de performance.
Défis :
Développement rapide sans compromis sur la qualité ou la fonctionnalité.
Développement de modules personnalisés pour des cas d’utilisation spécifiques.
Garantir la performance et la sécurité du site dans un court laps de temps.
2022
Développement front-end – Malley-Centre
Attentes du Client
Pour le projet Malley-Centre.ch, j’ai collaboré avec une agence de design qui a fourni la direction créative. Le client souhaitait un site web qui servirait de guide complet pour le Centre Malley, enrichi de cartes interactives pour améliorer l’engagement des utilisateurs et fournir des informations détaillées.
Description du Projet
Malley-Centre.ch est un site web WordPress développé en utilisant le thème Divi. Le projet a été un effort collaboratif avec une agence de design, et il a impliqué la création d’un site web qui est non seulement esthétiquement plaisant, mais qui offre également une gamme de fonctionnalités, y compris des cartes interactives pour diverses sections du Centre Malley.
Stack Technologique
WordPress Thème Divi Nos Tâches Développement collaboratif basé sur les designs fournis par l’agence. Mise en œuvre de cartes interactives pour différentes zones au sein du Centre Malley. Optimisation SEO pour améliorer la visibilité du site. Garantir que le site web est réactif et compatible sur divers appareils.
Défis & Solutions
Cartes Interactives : L’un des principaux défis était l’intégration de cartes interactives. Ces cartes devaient être à la fois conviviales et informatives. Un codage personnalisé et des plugins ont été utilisés pour atteindre cette fonctionnalité.
Collaboration de Design : Travailler en étroite collaboration avec une agence de design nécessitait une communication constante pour garantir que le produit final correspondait aux designs initiaux. Des mises à jour régulières et des révisions faisaient partie du processus.
Performance et Réactivité : Étant donné la complexité des cartes interactives, optimiser le site web pour la performance et la réactivité était crucial. En utilisant les fonctionnalités de Divi, nous avons pu maintenir une expérience utilisateur fluide.
2022
Développement front-end – Fabrica Collective
Attentes du Client
Fabrica Collective, une agence de design, est venue vers nous avec une vision claire pour leur site web. Ils ont fourni les maquettes et cherchaient un développeur capable de donner vie à leur design tout en garantissant une expérience utilisateur fluide et réactive.
Description du Projet
Fabrica-Collective.ch est un site web WordPress développé en utilisant le thème Divi. Le projet a nécessité une collaboration étroite avec le client, qui a fourni les maquettes de design. Notre rôle était de traduire ces maquettes en un site web entièrement fonctionnel et réactif, reflétant l’éthos créatif de l’agence.
Stack Technologique
WordPress Thème Divi Nos Tâches Développement du site web basé sur les maquettes fournies par le client. Mise en œuvre d’un design réactif pour assurer la compatibilité multiplateforme. Optimisation SEO pour une meilleure visibilité en ligne. Optimisation des performances pour garantir des temps de chargement rapides et une expérience utilisateur fluide.
Défis & Solutions Fidélité au Design :
L’un des défis principaux était de s’assurer que le site web ressemble et fonctionne exactement comme le stipulaient les maquettes du client. Une attention particulière aux détails et des consultations fréquentes avec le client nous ont aidés à atteindre cet objectif.
Réactivité : Garantir que le design du site web était entièrement réactif sur divers appareils était crucial. En utilisant les fonctionnalités de design réactif intégrées à Divi, nous avons efficacement satisfait cette exigence.
Performance : Étant donné la nature riche en design du site web, l’optimisation des performances était une priorité. Nous avons employé diverses techniques d’optimisation pour garantir des temps de chargement rapides.
2022
Site E-commerce – Power-Tools.ch
Attentes du Client
La création et le fonctionnement continus du site Power-Tools.ch ont été une étape clé pour notre entreprise. Initialement développé sur WordPress avec le plugin WooCommerce, il est rapidement devenu évident qu’une solution plus robuste était nécessaire pour gérer efficacement notre inventaire étendu et offrir une expérience utilisateur optimale.
Description du Projet
Power-Tools.ch est une plateforme de commerce électronique qui a subi plusieurs phases de développement. Elle a commencé sur WordPress avec WooCommerce, est passée à Odoo 14 Community Edition, puis a finalement migré vers Odoo 16 Enterprise Edition. Chaque phase a été cruciale pour répondre aux demandes croissantes de notre gestion d’inventaire et aux exigences de l’expérience utilisateur.
Stack Technologique
WordPress avec WooCommerce pour le développement initial
Odoo 14 Community Edition pour des opérations centralisées
Odoo 16 Enterprise Edition pour des fonctionnalités avancées et une intégration étroite
Nos Tâches
Gestion de l’inventaire et listing des produits.
Optimisation de l’expérience utilisateur.
Stratégie de communication et de promotion.
Développement de modules personnalisés.
Gestion des versions et installation de Docker.
Configuration du reverse proxy et mise en place de sauvegardes incrémentales.
Défis & Solutions
Limitations de la Plateforme : Au départ, WordPress avec WooCommerce n’était pas suffisant pour nos besoins en gestion d’inventaire. La transition vers Odoo 14 Community Edition a résolu ce problème.
Fonctionnalités Avancées : Notre ambition d’offrir des fonctionnalités avancées nous a conduits à migrer vers Odoo 16 Enterprise Edition, malgré les complexités impliquées.
Expertise Technique : L’expérience de la migration a renforcé notre expertise autodidacte en développement Odoo, y compris la gestion des versions, les installations Docker et les techniques de débogage.
Personnalisation : Nous avons développé des modules personnalisés pour répondre à des besoins opérationnels spécifiques, mettant en avant notre capacité à offrir des solutions sur mesure.
2016-2021
Créations visuelles
Découvrez les différentes créations visuelles sur lesquelles j’ai travaillé
2019-2021
Production vidéo
Découvrez les vidéos sur lesquelles j’ai travaillé
