Yep. That’s what I am doing now. I have already developed a plugin to parse JATS XML and display it on article detail page (just below the abstract). There was not any serious problems in integration with OJS3. And you can create exactly the same design like on your link (really great look! 
).
I am just on stage of front-end developing now. Plugin is here: GitHub - Vitaliy-1/JATSParserPlugin: OJS3 Plugin for parsing JATS XML and displaying it on article detail page
You can find more info about it in this topic: Plugin for displaying JATS XML on article detail page under abstract for OJS3+
I am planning to finish the design on the next 2-3 weeks, and will be able to show a link to how it all looks like. It mostly the same like in your journal - tabs for article, metrics, info, links to PDF, XML etc
If you are interested in publishing XML with automatic conversion to HTML on article detail page you can use this plugin. It needs only front-end design.