Mpds WebF3M2019 - 2020

MPDS Web allows user to easily manage and access the status of all the processes of each patient and it is connected to Mpds Wounds. As a sequel for the mobile app, Mpds Web was born to be a "plus extension" of patient's management. Created for the web, React.JS was my main tool to replicate what the prototype brought. The journey beginned in 2018.

To the Moon Illustration
To the Moon Illustration

Illustration used in the authentication email

UI oriented, I took advantage of the top libraries in the "Web Dev Scene" to build all the prototype components and to make sure the responsive aspect of the app perform in all the major devices. Thinking of cross-browser support and scability, the UI tests were also a weighty objective.

Site UI
Site UI

First concept

It was a great experience for the "Dev" Team to bring to life a brotherhood of apps, both developed in such different tech environments. Later, I was back to collaborate with the Marketing team to define and design the identity of the product: now limited to logo, illustrations and landing page.

See the official website
Languages and tools I use for web/mobile developmentHTMLCSSJSReact.jsSASSBootstrapMUI5GITStorybookChromaticIcomoon
Tools I use to designFigmaUXPinAdobe IllustratorAdobe PhotoShopAdobe After EffectsAffinity Design (desktop & tablet)Affinity PhotoLottieMiroFigjam
Download my CV, here.

This website was designed and developed by Pedro Baltazar