Freelancer profile translated to English.
Back to original languageAbout Yohan
Production-ready Design— Structured mockups for easy integration
Design Systems— Components for developers who work 2x faster
Product Vision— I align your business and marketing needs
Bilingual— TOEIC (895) / TOEFL (C1-C2) pardon my accent
Does your product lack visual consistency or are your users getting lost?
I step in to structure your identity or create it from scratch. Good design is aguarantee of authority and trustwith your current and future clients. I design intuitive, aesthetic, accessible interfaces ready for easy development.
How can I help you?
I — PRODUCT DESIGN UX/UI
I transform your interfaces to boost engagement and conversions. My designs areWCAGaccessible (boosts your SEO) and facilitate the work of your developers.
II — DESIGN SYSTEM
I structure or build your component library on Figma. An essential investment to ensure product scalability and lighten the workload of developers.
III — VISUAL IDENTITY & BRANDING
Stand out with a strong brand image. I design your logo and its graphic charter to ensure consistency across all your media and attract your ideal clients.
IV — YOUR TURNKEY SHOWCASE WEBSITE (Framer)
I design and deploy your website directly on Framer. The ideal solution for startups & small businesses that want a "custom" design without going through a developer.
My approach
Understanding: Asking questions
Proposal: Custom approach with pricing options
Design: Agile design and rapid iterations
Follow-up: Responsive and synchronous according to your preferences
Have a project in mind or just need an opinion to unblock your product?
I would be delighted to discuss with you and offer concrete solutions to bring your vision to life.
French
Native or bilingual
English
Native or bilingual
Can work on-site
Lyon (up to 50km), Genève (up to 50km), Paris (up to 50km), Marseille (up to 50km), Toulouse (up to 50km)
Experience
- BlastrLead Product Designer & Co-founder — Audio Software StartupSOFTWARE PUBLISHINGJuly 2021 - Today (5 years and 1 month)Lyon, FranceMission ObjectiveTransform an idea into a market-ready finished product. Working alongside a developer, I was responsible for **100% of the design (UX/UI/Branding) and visual marketing strategy**.Achievements
- **Product Design (0 to 1)**: Complete creation of the user experience, from initial research to the final software interface. Guided product vision to align technical capabilities with market needs.
- **UX Onboarding & Simplification**: Design of a "Plug & Play" setup flow. I reduced the complexity of audio configuration to offer a seamless onboarding experience, ensuring immediate and friction-free software use.
- **Software Interface & Design System**: Creation of a modern and high-performing UI for Desktop & Overlay. Built a robust Figma library, designed for internationalization (25 languages) and scalability.
- Branding & Motion Design**: Creation of the complete visual identity and **full production of the motion design trailer videofor the Steam page, maximizing marketing impact before launch.
- Product Growth & Community Loop**: Active community management (Discord) as the primary point of contact. Resolved technical issues and **directly analyzed user feedbackto feed the product roadmap and prioritize iterations.
- **Tech Collaboration & Handoff**: Implemented a continuous delivery process with the developer, ensuring absolute and optimal visual fidelity.
**Stack (Tools)**:Figma, PostHog, Adobe After Effects, Adobe Illustrator, Framer, Valve Steamworks, Discord (Community Management). - Auto-entrepreneurProduct Designer UI/UX — Strategy, Design & ProductionINTERNET OF THINGS (IOT)March 2020 - Today (6 years and 5 months)Lyon, FranceObjective of my missionAssist companies in the creation and evolution of their products. Transforming complex business needs into simple, aesthetic, and high-performing interfaces.Achievements
- **UX Design**: Analysis of friction points and optimization of user journeys through ergonomic audits and navigation tests. The goal is to reduce user effort to maximize engagement.
- **UI Design**: Creation of high-fidelity interfaces focused on conversion. Work on visual hierarchy and creation of interactive prototypes to validate the experience before development.
- **Design System**: Implementation of a component library based on the Atomic Design methodology. This structure ensures total visual consistency and significantly speeds up the work of technical teams.
- **Accessibility (WCAG)**: Optimization of interfaces to ensure inclusive design. Strict adherence to contrast and navigation standards to make the product accessible to the widest audience.
- **Branding & Visual Identity**: Creation of graphic charters and logos to enhance brand credibility and ensure a consistent image across all your media.
- **Motion Design, Video**: Production of dynamic content (interface animations, promotional videos) to facilitate product understanding and boost engagement across all your marketing channels.
- **Collaboration & Technical Handoff**: Figma mockups incorporating best practices for developers (Auto-layout, naming conventions, variables). My knowledge of technical constraints ensures faithful integration and a drastic reduction in back-and-forth time.
Stack (Tools)Figma, Adobe Photoshop, Adobe Illustrator, Adobe Premiere Pro, Adobe After Effects, Framer, Spline - Chance Education
On Malt
UI Designer & Design System — Product Redesign & RolloutEDUCATION AND E-LEARNINGJanuary 2026 - February 2026Mission ObjectiveRoll out a new graphic charter into a digital product and reorganize an existing design system. The challenge was to cleanly separate the old artistic direction from the new—as they had been mixed—while ensuring adoption of the changes by the design and development teams of a scale-up with 75 employees.Achievements- Design System & Tokens**: Structuring a complete library of **332 color tokens(colors, spacing, rounding, typography) with auto-layout and Figma variants, ensuring total consistency between the component library and the development library.
- **Migration & Normalization**: Separation and redesign of the old library to isolate the new artistic direction, accompanied by technical documentation co-built with developers to ensure seamless integration.
- **Accessibility (WCAG)**: Bringing contrast compliance to all critical color tokens (text, interactive components), ensuring readability on all media—desktop, tablet, and mobile.
- **UI & High-Fidelity Mockups**: Design of responsive desktop and mobile interfaces, presenting proposals to stakeholders and developers, translating complex UI ideas into developable solutions based on a systemic design logic.
- **Branding & Brand Guide**: Creation of a detailed brand guide (do's/don'ts, visual documentation) to frame the use of the new graphic charter across the entire company.
- Motion Design**: Integration of Lottie Files animations using **Jitteron the website, in collaboration with an SEO expert and a developer, with partial delegation of illustrations to an intern.
Stack (Tools)Figma (Design System, Tokens, Prototyping), Jitter (Motion Design / Lottie Files)
Reviews
Recommendations
These freelancer profiles also match your criteria
Agatha Frydrych
Backend Java Software Engineer
4.7
(3)
2
Baptiste Duhen
Fullstack developer
4.6
(4)
5
Amed Hamou
Senior Lead Developer
4
(2)
7
Audrey Champion
Web developer
4.3
(3)
4
Education
- UI Design courseShift Nudge2023"La formation de référence des meilleures équipes de design au monde. Figma, Google, Microsoft, Pentagram et bien d'autres leaders, ainsi que des milliers de designers, s'appuient sur Shift Nudge pour leur formation professionnelle en design d'interface." Focus : Standard visuel de haut niveau & Polyvalence User Interface Design : Perfectionnement de la hiérarchie visuelle et de la typographie via la méthodologie utilisée par les équipes de Figma et Google. Maquette figma : Conception d’interfaces complexes (IoT, Luxe, Gaming, E-commerce) avec une exigence "Pixel-Perfect". Responsive design : Création de systèmes visuels adaptatifs garantissant une expérience fluide sur tous les supports. Branding & Identity : Application et déclinaison de chartes graphiques sophistiquées sur des projets digitaux variés. Compétences clés : UI Design, Figma, Maquette figma, Mobile Design, Responsive design, Branding & Identity.
- UI DesignDribbble2022Formation en ligne en anglais. Cession de mentoring hebdomadaire avec un professionnel senior en activité. Focus : Interfaces complexes & Systèmes évolutifs Logiciel en tant que Service (SaaS) : Conception d’interfaces pour des applications Web3/Crypto, gérant des flux de données complexes. Design Systems : Création de bibliothèques de composants réutilisables (Atomic Design) pour assurer la cohérence et la scalabilité du produit. UI Web Design : Travail sur la précision visuelle et l'esthétique moderne pour des produits à forte composante technique. Compétences clés : UI Web Design, Création design system, Logiciel en tant que Service (SaaS), UI Designer SaaS.
Certifications
- TOEICTOEIC2018
- Web and Mobile Web DeveloperProfessional Title2019