Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Garofalo UX - Portfolio 2018

131 views

Published on

Garofalo UX, a professional service from Garofalo Enterprises, Inc., is a user experience (ux) strategy and creative problem-solving consulting agency that works with organizations to create engaging and innovative experiences

Published in: Design
  • Be the first to comment

Garofalo UX - Portfolio 2018

  1. 1. User Experience Strategy & Creative Problem-Solving © 2018 Garofalo UX. Garofalo Enterprises, Inc. 1
  2. 2. About © 2018 Garofalo UX. Garofalo Enterprises, Inc. 2
  3. 3. About © 2018 Garofalo UX. Garofalo Enterprises, Inc. 3 Garofalo UX is a user experience (ux) strategy and creative problem-solving consulting agency, based in San Diego, California.
  4. 4. About ▪ Worked in the web and interactive industry since 1999. ▪ Employment experience with various companies, such as Esri, The Walt Disney Company, Bank of America, Cyber View, and Garmin ▪ Past involvement with design and user experience efforts on projects for Fortune 100 companies, US Federal agencies, and with budgets of over $12 million. ▪ Managed a 35+ person department of User Experience Architects, User Interface Designers, Icon Designers, and Usability Research experts, at a billion-dollar software company. ▪ Received a Master of Science from Purdue University in Computer Graphics Technology. ▪ Related to Agile / Scrum methodologies: Certified Scrum Master (CSM) and Certified Scrum Product Owner (CSPO) ▪ Provisional U.S. Patent (#62/327,354) filed in April 2010 for a multi-touch hardware device developed related to his graduate research. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 4 Frank Garofalo, Principal Consultant
  5. 5. Areas of Focus © 2018 Garofalo UX. Garofalo Enterprises, Inc. 5 User Experience Strategy Brainstorm Facilitation Creative Problem Solving User Experience Research Design Thinking
  6. 6. Our Advantage ▪ Business (Fortune 100, Enterprise, Banking, Financial, Manufacturing, Recruiting/Head Hunting, Real Estate, Wineries, Small Business, Start Ups) ▪ Education (Higher Education) ▪ Government (Federal, State, Local, Facilities, Public Works) ▪ Health and Human Services (Public Health, Human Services) ▪ Natural Resources (Agriculture, Water) ▪ Public Safety (Emergency/Disaster Management, Homeland/National Security, Law Enforcement, Wildland Fire Management) ▪ Transportation (Railways, Ports and Maritime, Public Transit) ▪ Utilities and Communications (Electric, Gas, Water, Wastewater) © 2018 Garofalo UX. Garofalo Enterprises, Inc. 6 Professional experience with the following industries...
  7. 7. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 7
  8. 8. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 8 Useful
  9. 9. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 9 Useful Usable
  10. 10. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 10 DelightfulUseful Usable
  11. 11. Here's what our clients are saying... © 2018 Garofalo UX. Garofalo Enterprises, Inc. 11 Two things: 1) getting defined designs completed quickly, and 2) thoughtful and probing discussions about the not so defined areas. Very good design. Fast Results that made sense. Easy to implement. If changes were needed, they were made immediately.
  12. 12. Projects © 2018 Garofalo UX. Garofalo Enterprises, Inc. 12
  13. 13. Some Companies We’ve Worked With © 2018 Garofalo UX. Garofalo Enterprises, Inc. 13
  14. 14. ResLife Portal - 2016 Product Design Update © 2018 Garofalo UX. Garofalo Enterprises, Inc. 14 Existing web-based system for student housing at colleges and universities. The interface wasn't mobile- friendly, with a responsive / adaptive layout for various screen sizes.
  15. 15. ResLife Portal - 2016 Product Design Update © 2018 Garofalo UX. Garofalo Enterprises, Inc. 15 Challenge: Convert the core features of the system to a mobile-friendly layout. Use this as an opportunity to reevaluate workflows to further improve
  16. 16. ResLife Portal - 2016 Product Design Update © 2018 Garofalo UX. Garofalo Enterprises, Inc. 16 Solution ▪ Created a new dashboard and navigation menu experience, to optimize for computers, tablets, and smartphones. ▪ Dashboard includes new overview summaries and visualizations, as well as shortcuts to deeper content. Goal: to provide useful information quickly. Deliverables ▪ UX Strategy ▪ UX Design ▪ Interaction Design ▪ Information Architecture ▪ Workflow Diagramming ▪ Rapid Prototyping (HTML/CSS/jQuery) ▪ Production Front-end Development
  17. 17. Aqua Quote – Product Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 17 A dual-marketplace system for buyers to post request-for-quotes on specific products and part numbers, as well as for suppliers to respond with their quotes. The Client desired a modern system with a user-friendly workflow to simplify a tedious paperwork process.
  18. 18. Aqua Quote – Product Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 19 Challenge: The system needed to replicate a series of existing manual, paperwork processes, and the design needed to identify opportunities to increase the efficiency of the processes.
  19. 19. Aqua Quote – Product Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 20 Solution ▪ Helped the client to transform business requirements into workflow diagrams ▪ Drafted wireframes to iterate through various concepts, while crafting the interaction design and information architecture ▪ Strategized system capabilities for an initial product release and incorporating concepts for the future product roadmap. ▪ Facilitated the creation of user stories for the development team to compliment the wireframe documents, following the SCRUM methodology. ▪ Created a rapid-prototype of HTML & CSS to serve as a proof-of-concept. Deliverables ▪ Ideation & Brainstorming ▪ User Experience (UX) Strategy ▪ UX Design & Product Design ▪ Workflow Diagramming ▪ Wireframing and Interaction Design ▪ Information Architecture ▪ UX & Agile/Scrum Methodology ▪ Rapid-Prototyping (HTML, CSS)
  20. 20. Corrective Action Sys - Product Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 21 A quality assurance system to track manufacturing issues and defects. The system was originally built 9+ years prior to the project. Client was wanting a modern look and to have a mobile-friendly layout.
  21. 21. Corrective Action Sys - Product Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 22 Challenge: A rigid workflow for the system needed to be maintained and followed to mirror the standard auditing process; yet blended with the latest information architecture design styles, while working on a tight project budget.
  22. 22. Corrective Action Sys - Product Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 23 Solution ▪ Updated way information was displayed for each corrective action record to increase readability and clarity. ▪ Updated form field validation to increase data accuracy at point of entry. ▪ Updated layout to be mobile-friendly. ▪ To be cost-effective, able to reuse some CSS from ResLife Portal project. Deliverables ▪ UX Design ▪ Interaction Design ▪ Information Architecture ▪ Production Front-end Development
  23. 23. ResLife Portal - Summer 2017 Customer-Requested Enhancements © 2018 Garofalo UX. Garofalo Enterprises, Inc. 24 Based upon feedback received from prospective customers considering to purchase a paid subscription, their operations model had changed from being community / social oriented to being educational/curriculum oriented. The system had been primarily focused on a community / social model
  24. 24. ResLife Portal - Summer 2017 Customer-Requested Enhancements © 2018 Garofalo UX. Garofalo Enterprises, Inc. 25 Challenge: Introduce new capabilities to support customers using the newer educational / curriculum model, as well as customers still using the community / social model.
  25. 25. ResLife Portal - Summer 2017 Customer-Requested Enhancements © 2018 Garofalo UX. Garofalo Enterprises, Inc. 26 Solution ▪ From comparing workflows and example documents (forms & reports) provided by potential customers, identified that the two models were similar but used different terminology. Added configuration options. ▪ Although, two key differences were discovered, decided to design as add-on extensions to work in conjunction with existing functionality. Deliverables ▪ User Research (Informal Interviews) ▪ Workflow Comparison ▪ Wireframing ▪ Information Architecture ▪ Interaction Design ▪ Rapid Prototyping (HTML/CSS/jQuery) ▪ Production Front-end Development
  26. 26. Conservation App – Usability Research © 2018 Garofalo UX. Garofalo Enterprises, Inc. 27 Two existing web-based systems to help state and local conservation and environment researchers track geographic areas where studies had been conducted and how those ecosystems were evolving.
  27. 27. Conservation App – Usability Research © 2018 Garofalo UX. Garofalo Enterprises, Inc. 28 Challenge: Feedback had been received from the conservationists and researchers, that the two systems were cumbersome to use and not time efficient. Usability Research was requested by the stakeholders to identify issues and propose options to remedy the issues.
  28. 28. Conservation App – Usability Research © 2018 Garofalo UX. Garofalo Enterprises, Inc. 29 Solution ▪ Created a research study plan to identify usability and accessibility issues, including scenario-based observational studies with seven conservationists. Deliverables ▪ UX Research Plan ▪ Heuristic Evaluation ▪ Usability Study (Observational Facilitator)
  29. 29. Task Time Tracker - Proof-of-Concept © 2018 Garofalo UX. Garofalo Enterprises, Inc. 30 Two existing web-based systems to help state and local conservation and environment researchers track geographic areas where studies had been conducted and how those ecosystems were evolving.
  30. 30. Task Time Tracker - Proof-of-Concept © 2018 Garofalo UX. Garofalo Enterprises, Inc. 31 Challenge: Feedback had been received from the conservationists and researchers, that the two systems were cumbersome to use and not time efficient. Usability Research was requested by the stakeholders to identify issues and propose options to remedy the issues.
  31. 31. Task Time Tracker - Proof-of-Concept © 2018 Garofalo UX. Garofalo Enterprises, Inc. 32 Solution ▪ Created a proof-of-concept prototype, with a dynamic grid to track time trends for each team member. ▪ Provided a daily time view and weekly time view, to adapt to different time tracking formats ▪ Paired time tracking with ability to enter travel mileage Deliverables ▪ UX Design ▪ Interaction Design ▪ Information Architecture ▪ UI / Graphic Design ▪ Rapid Prototyping (HTML, CSS, jQuery)
  32. 32. Career Solutions Co. - Branding, Logo & Web Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 33
  33. 33. Remington Seeds - Web Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 34
  34. 34. Block P - Branding, Logo & Web Design © 2018 Garofalo UX. Garofalo Enterprises, Inc. 35
  35. 35. Contact © 2018 Garofalo UX. Garofalo Enterprises, Inc. 37
  36. 36. Contact Details www.garofaloux.com @garofaloux frank.garofalo@garofaloux.com © 2018 Garofalo UX. Garofalo Enterprises, Inc. 38
  37. 37. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 39
  38. 38. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 40 Have delightful experiences.
  39. 39. garofaloux.com © 2018 Garofalo UX. Garofalo Enterprises, Inc. 41
  40. 40. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 42 User Experience (UX) ISO 9241-210
  41. 41. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 43 User Experience (UX) ISO 9241-210 is a person's perceptions and responses that result from the use or anticipated use of a product, system or service.
  42. 42. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 44
  43. 43. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 45
  44. 44. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 46 Fortune 100 companies EPA USDA Utility companies Dept. of Homeland Security Bill & Melinda Gates Foundation tech startups
  45. 45. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 47
  46. 46. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 48
  47. 47. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 49 approx. 3.5 years
  48. 48. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 50
  49. 49. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 51
  50. 50. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 52
  51. 51. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 53
  52. 52. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 54 Have delightful experiences.
  53. 53. garofaloux.com © 2018 Garofalo UX. Garofalo Enterprises, Inc. 55

×