This component is used to display information in a card format. All elements within the card data are optional and fully customisable. The component was built from a design using React, SASS and Typescript and is fully responsive.

See GitHub link above and it also has Storybook documentation which is available from the button below.

Videos I created which were used to demonstrate how features I had been working on worked within the software.

These videos were also used as part of the PR process to show stakeholders and testers the progress of the project.

Some example design mock ups for mobile device web applications. Shows display and functionality at different viewport sizes.

Another template design I created for an eLearning Portal. This shows a concept for a slide in menu on the left hand side.

An example wireframe for a website home page. Created using Balsamiq Mockups.

I have more recently worked with Figma, taking designs from wireframe to prototype.

User Interface designs for an Apple iPad showing the UX process between different screens.

I designed this system integration to show how different systems integrated with each other and the User journey between each of them.

Some UI design work I did for a stand alone audio recording device application. This prototype was fully interactive and the user could intercat with the buttons on the design.