I created interactive prototypes for the Credas portal including the basic components of a design system such as button styles, iconography, and other components.
Using Adobe XD, I created designs for various user journeys such as user registration and management, onboarding, dashboards, user tables with filtering and sorting, form builder, data capture, and many others.
Working in tandem with the Product Manager we created and refined various complex user journeys. Throughout the process, I added completed components to create a style guide meaning the future journeys were easier to design in a consistent manner.
User Roles
Prototype showing UI design for user role management.
API & Dev Tools
Prototype showing UI design for the API & Dev Tools section of the portal
User Profile
User profile view design with eacy access for key information.
Notifications
The notifications section is a unified inbox showing alerts and messages.
User Table
The user table has been designed to allow quick access to the key information for each user. Filters, sorting, and the option to switch to card view ensure ease of use.
Custom Forms
Custom forms that have been created can easily be turned off using these toggle cards.
Form Builder
A drag and drop interface allows users to quickly and easily create custom forms.
Dashboard
A filterbale dashboard allows users to quickly access the information that’s important to them and export as custom reports.