First American
Hi-level information architecture illustrating the product structure.
Flow shows a field techs actionable outcome.
Looking at ways we could recreate and evolve the product design, I started my discovery process by referencing the existing information architecture and its workflow, always keeping in mind the user. Analyzing the application's inputs, functionality, and intended outcomes, provided me with a better understanding and context of the portal's operations.
Small sampling of the design system library created for First American.
Leveraging research, I defined opportunities to bring more attention to crucial functionality and began building a robust design system from the ground up. Setting this foundation early on helped ensure the project's consistent use of design language when sharing files.
Creating page layouts inspired by modular design concepts, we liked its ability to scale and communicate content. Approaching each page with a less is more mentality reduced the visual design noise and helped prioritize tasks.
The Action Panel populates dynamic information and enables user access to appointment details, update job status, and rescheduling appointments.
Work Orders managed most of the tasks field technicians require post appointment, the actions menu was designed to activate the action panel.
Nearing the project’s completion, we created prototypes for user testing to analyze and refine our solutions by helping identify functionality contractors find helpful. Developing multiple flows, we were able to gain valuable insights that helped inform our designs and guide the project to its successful completion.
The applications invoicing input fields dynamically populates based on a technician or business owners choices.
Time sensitive alerts and offers are displayed at the top of the screen for quick accessibility. Ensuring the same functionality on mobile as found with desktop, we extended the action menu to use the native device actions panel for improved usability.
Desktop
Action panel
Sub-page navigation
Desktop
Dashboard
Sr. Designer
Product design
Sketch / InVision / Principle
First American Home Warranty is a leader in home insurance, providing home homeowners coverage when repairing, or replacing home systems and appliances. Designing a new contractor portal that was responsive and scalable, they needed a unique design that met their field technicians' needs and streamlined their workflow while adhering to an aggressive timeline.
The Dashboard was designed to be scalable and give quick and easy access to all essential tasks.
Desktop
Work order
Desktop
Invoicing
Mobile
Menu
NEXT PROJECT
Desktop
