top of page

Work Bench Built on React framework with hybrid Material UI integration on Adobe XD Wireframes and Prototyping

I designed built this workbench after interviewing stakeholders, adjusters and underwriting, who were all the users of this app.

 

Our hypothesis from research was to allow users to add and save information in order for them to process catastrophe sites while in the field. This app was designed to to be a one place for all or dashboard to retrieve information from data and add to the existing data in the files. There was no dashboard before this one.

Our goal was to design according to findings and the my role as UI designer was to gather requirements based on our initial hypothesis, and to design a mood-board, design a style guide (using branding), wireframe and to what was based in our hypothesis in the UI on VUE.js utilizing the Material UI.

 

Many features of this app were built with JS framework abilities in mind. Drag and Drop, Drop-down, grayed out inputs, and to add smart calendars through out, and to code auto sort etc. Many features were using the back end data sent to respond to the call on the front end. Also the biggest desire from the stakeholders was to design with Material UI.

 This was designed and prototyped in Adobe XD and converted to the front end code so that the Front End dev could to add the look and feel to the REACT front end.

styleguide – Version with XMODSlarger_Re
Adjuster-Underwriting_Page_2.jpg
Adjuster-Underwriting_Page_4.jpg
Adjuster-Underwriting_Page_1.jpg
Adjuster-Underwriting_Page_3.jpg

Toyota Pitch
with Webflow

MaaS-Dashboard-Toyota _Page_1.jpg
MaaS-Dashboard-Toyota _Page_4.jpg
MaaS-Dashboard-Toyota _Page_2.jpg
MaaS-Dashboard-Toyota _Page_3.jpg
CONTACT

Resume

Follow Me

Contact me here: laineygarretson@yahoo.com
  • LinkedIn Social Icon

© 2022 copyright laineysresume.com  all rights reserved.

Available for Remote only due to family caregiving.

bottom of page