Raphael C.

Mission Context

• Development of industrial supervision interfaces for projects in the energy and nuclear sectors, with real-time data visualization.

Mission Details

Supervision Interface Development

• Design and development of web interfaces for industrial data visualization

• Implementation of complex and reusable UI components with Figma for pixel-perfect rendering

• Real-time charts and business indicators

• Management of multi-view, multi-resolution display, and application navigation. Optimization of readability in an industrial context (alerts, statuses, priorities)

• Harmonization of UI styles and behaviors

Data & Performance Management

• Integration and processing of real-time data streams (WebSockets)

• Implementation of state management solutions (Pinia / Redux)

• Optimization of rendering and caching

• Data synchronization between components

• Front-end performance optimization for constrained environments

Software Quality & Collaboration

• Implementation of unit and component tests

• Participation in acceptance testing phases, bug fixing, and continuous improvement

• Collaboration with multidisciplinary teams (UX, backend, automation engineers)

• Participation in Agile / Scrum rituals

• Demonstrations and technical exchanges with stakeholders

Standards and Regulations Used:

• Front-end development best practices (modularity, maintainability, TypeScript typing)

• Test pyramid (unit, component, basic E2E)

• UX principles applied to industrial interfaces (ergonomics, readability, alert management)

• Secure communication (authentication, role management, JWT best practices)

Mission Context

• Development of UI components for a mobile application dedicated to managing connected homes, enabling the control and monitoring of equipment (shutters, lighting, sensors…)

Mission Details

Mobile Application Development

• Development and maintenance of a React Native mobile application

• Implementation of front-end architectures

• State management and data synchronization

• Component structuring and mobile navigation

UI Integration

• Integration of Figma mockups with a focus on fidelity and user experience

• Development of reusable and mobile-optimized UI components

• Control interfaces (buttons, sliders, equipment statuses)

• Management of readability and ergonomics on mobile

Equipment & Business Logic Management

• Implementation of control logic for connected equipment

• Management of scenarios and automations (rules, states, triggers)

• Interaction with different types of devices (sensors, actuators)

• Real-time status and command synchronization

Standards and Regulations Used:

• Mobile development best practices (performance, fluidity, memory management, linter)

• Mobile UX principles (ergonomics, accessibility, clarity of interactions)

• Secure communication management (authentication, token management)

• Front-end application structuring (modularity, maintainability)

Digital Audit & Support

• Analysis of clients' digital maturity and identification of areas for improvement

• Support for digital transformation (processes, tools, organization)

• Strategic and technical recommendations

• Structuring of digital offerings for the agency

Project Management & Client Relations

• Autonomous management of web projects

• Requirements gathering and drafting of specifications/terms of reference

• Drafting of technical and functional briefs for service providers

• Monitoring of deliverables up to handover

• Presentation of deliverables and onboarding support

Web Development & Integration

• Website development (showcase, institutional, e-commerce)

• Development of POCs in JavaScript, HTML, CSS (notably for Air France)

• Integration of CMS solutions (WordPress)

• Implementation of CRM and digital marketing solutions

Performance, SEO & Security

• Technical and semantic SEO optimization

• Web performance improvement (loading times, asset optimization)

• Implementation of security best practices and GDPR compliance