--- title: dfuse API Portal - mockups (UI/UX) and integration in React - Avion Rouge Communications description: Model design development and integration of design models in React image: https://avionrouge.com/hubfs/Imported_Blog_Media/dfuse-portal-01-1.jpg --- [![avion\_rouge\_logo\_w](https://avionrouge.com/hubfs/logo_avion_rouge/avion_rouge_logo_w.svg "avion_rouge_logo_w")](https://avionrouge.com/en/?hsLang=en) [![avion\_rouge\_logo\_w](https://avionrouge.com/hubfs/logo_avion_rouge/avion_rouge_logo_w.svg "avion_rouge_logo_w")](https://avionrouge.com/en/?hsLang=en) - [Cockpit](https://avionrouge.com/en/) - [Services on board](https://avionrouge.com/en/services-on-board) - [Arrivals terminal](https://avionrouge.com/en/portfolio) - [Crew](https://avionrouge.com/en/crew) En - English - [Français](https://avionrouge.com/fr/portfolio/portail-dfuse-maquettes-design-ui-ux-et-integration-dans-react) Free consultation Free consultation Free consultation - [Cockpit](https://avionrouge.com/en/) - [Services on board](https://avionrouge.com/en/services-on-board) - [Arrivals terminal](https://avionrouge.com/en/portfolio) - [Crew](https://avionrouge.com/en/crew) Free consultation Arrivals Terminal | Portfolio # dfuse API Portal – mockups (UI/UX) and integration in React by [**Avion Rouge Communications**](https://avionrouge.com/en/portfolio/author/avion-rouge-communications) on Sep 23, 2020, 12:00:00 AM ![\dfuse API Portal – mockups (UI/UX) and integration in React\](https://avionrouge.com/hubfs/Imported_Blog_Media/dfuse-portal-01-1.jpg) ### Responsible for building the design of the dfuse API portal (Project carried out as an employee at dfuse) #### Project detail - Model design development - Integration of design models in React   - ![dfuse-portal-01](https://avionrouge.com/hs-fs/hubfs/Blog_Media/dfuse-portal-01.jpg?width=1800&height=1420&name=dfuse-portal-01.jpg) - ![dfuse-portal-03](https://avionrouge.com/hs-fs/hubfs/Blog_Media/dfuse-portal-03.jpg?width=1800&height=1325&name=dfuse-portal-03.jpg) - ![dfuse-portal-04-1500x1183](https://avionrouge.com/hs-fs/hubfs/Blog_Media/dfuse-portal-04-1500x1183.jpg?width=1500&height=1183&name=dfuse-portal-04-1500x1183.jpg) - ![dfuse-portal-06-1500x1183](https://avionrouge.com/hs-fs/hubfs/Blog_Media/dfuse-portal-06-1500x1183.jpg?width=1500&height=1183&name=dfuse-portal-06-1500x1183.jpg) - ![dfuse-portal-07](https://avionrouge.com/hs-fs/hubfs/Blog_Media/dfuse-portal-07.jpg?width=1800&height=1420&name=dfuse-portal-07.jpg) Skill Routes: [User interfaces](https://avionrouge.com/en/portfolio/tag/user-interfaces) [User-centric design](https://avionrouge.com/en/portfolio/tag/user-centric-design) [Website](https://avionrouge.com/en/portfolio/tag/website) ![Jean-Christophe Charlier](https://avionrouge.com/hs-fs/hubfs/Jean-Christophe.png?width=200&height=200&name=Jean-Christophe.png) Schedule a demo of the HUbSpot CMS Website integration and use Book a demo Previous flight [← Interactive 3D animation builed in html5 & js for dfuse](https://avionrouge.com/en/portfolio/interactive-3d-animation-builed-in-html5-js-for-dfuse?hsLang=en) Next flight [dfuse website – design and integration in Hubspot CRM →](https://avionrouge.com/en/portfolio/dfuse-website-design-and-integration-in-hubspot-crm?hsLang=en) ## You may also like These Aventures [Website of the Faculty of Dentistry of the Université de Montréal](https://avionrouge.com/en/portfolio/website-of-the-faculty-of-dentistry-of-the-universite-de-montreal?hsLang=en) ![](https://avionrouge.com/hubfs/Imported_Blog_Media/fmd-udem-1-1.jpg) [Artistic direction](https://avionrouge.com/en/portfolio/tag/artistic-direction) ### Website of the Faculty of Dentistry of the Université de Montréal Graphic design of the Web site of the Faculty of Dentistry of the University of Montreal Design of t … May 2, 2012, 12:00:00 AM [Design of a user interface for Seevibes](https://avionrouge.com/en/portfolio/design-of-a-user-interface-for-seevibes?hsLang=en) ![](https://avionrouge.com/hubfs/Imported_Blog_Media/seevibes-affinity-dash-scaled.jpg) [User interfaces](https://avionrouge.com/en/portfolio/tag/user-interfaces) ### Design of a user interface for Seevibes Development of the graphic design of a user interface for one of Seevibes’ products Nov 20, 2015, 12:00:00 AM [dfuse website – design and integration in Hubspot CRM](https://avionrouge.com/en/portfolio/dfuse-website-design-and-integration-in-hubspot-crm?hsLang=en) ![](https://avionrouge.com/hubfs/Imported_Blog_Media/dfuse-home-scaled.jpg) [User interfaces](https://avionrouge.com/en/portfolio/tag/user-interfaces) ### dfuse website – design and integration in Hubspot CRM Responsible for designing the graphic design of the website and integrating it into the Hubspot CRM … Sep 27, 2020, 12:00:00 AM ### Get Email Notifications ![avion\_rouge\_logo\_w](https://avionrouge.com/hubfs/logo_avion_rouge/avion_rouge_logo_w.svg) Give Wings to Your Communications - [Cockpit](https://www.avionrouge.com/en?hsLang=en) - [Services on board](https://www.avionrouge.com/en/services-on-board?hsLang=en) - [Arrivals terminal](https://www.avionrouge.com/en/portfolio?hsLang=en) - [Crew](https://www.avionrouge.com/en/crew?hsLang=en) [+1 514-998-3748](tel:+15149983748) [info@avionrouge.com](mailto:info@avionrouge.com) English - English - [Français](https://avionrouge.com/fr/portfolio/portail-dfuse-maquettes-design-ui-ux-et-integration-dans-react) - Terms - Privacy - Sitemap © 1995-2026, Avion Rouge Communications Inc. All rights reserved. ## Planifiez une consultation We promise we won't spam your inbox with unnecessary emails. Privacy Policy ## Plan a consultation We promise we won't spam your inbox with unnecessary emails. Privacy Policy ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Avion Rouge Communications", "url" : "https://avionrouge.com/en/portfolio/author/avion-rouge-communications" }, "dateModified" : "2024-12-01T03:26:53.152Z", "datePublished" : "2020-09-23T04:00:00.000Z", "headline" : "dfuse API Portal - mockups (UI/UX) and integration in React - Avion Rouge Communications", "image" : [ "https://avionrouge.com/hubfs/Imported_Blog_Media/dfuse-portal-01-1.jpg" ], "mainEntityOfPage" : { "@id" : "https://avionrouge.com/en/portfolio/dfuse-api-portal-mockups-ui-ux-and-integration-in-react", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://avionrouge.com/hubfs/logo_avion_rouge/avion_rouge_logo_co25.svg" }, "name" : "Avion Rouge" } } ```