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

1. User Experience Strategy
& Creative Problem-Solving
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 1

2. About
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 2

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. 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. Areas
of Focus
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 5
User Experience
Strategy
Brainstorm
Facilitation
Creative
Problem Solving
User Experience
Research
Design
Thinking

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. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 7

8. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 8
Useful

9. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 9
Useful Usable

10. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 10
DelightfulUseful Usable

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. Projects
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 12

13. Some
Companies
We’ve
Worked
With
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 13

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Career Solutions Co. - Branding, Logo & Web Design
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 33

33. Remington Seeds - Web Design
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 34

34. Block P - Branding, Logo & Web Design
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 35

35. Contact
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 37

36. Contact
Details
www.garofaloux.com
@garofaloux
frank.garofalo@garofaloux.com
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 38

37. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 39

38. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 40
Have delightful experiences.

39. garofaloux.com
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 41

40. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 42
User Experience (UX)
ISO 9241-210

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. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 44

43. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 45

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. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 47

46. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 48

47. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 49
approx. 3.5 years

48. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 50

49. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 51

50. UXSubscription.com | @UXSubscription © 2017 Garofalo UX 52

51. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 53

52. © 2018 Garofalo UX. Garofalo Enterprises, Inc. 54
Have delightful experiences.

53. garofaloux.com
© 2018 Garofalo UX. Garofalo Enterprises, Inc. 55