Anything is possible with a dream and the Ignition community. Case in point: More than 30 engineers banded together to build an Operations Management System in Perspective for a homeless shelter in Nashville. Join Chris McLaughlin as he shares how a group of people working nights and weekends for free can leverage Ignition to create a unified platform to replace multiple other softwares and help serve people in need.

2. How to Build a Homeless Shelter
Operations Management System
in Perspective
Presented by Chris McLaughlin

3. Project Organization
UX Design
Custom Fonts
Safe CSS Editing

4. Let’s start at the end

5. • Review the existing applications
• ClientTrack (screens)
• ClientTrack (summary spreadsheet)
• Volgistics (screens)
• Volgistics (summary spreadsheet)
• Features and Screens listing
• Templates
• Database Design (Draw.io)
• Wireframes
Best Practices before Ignition Development
Project Organization

6. www.Draw.io

10. 1. Navigation
2. Color
3. Space
4. Audience and Context
Existing to Concept to Perspective
UX Design

11. Navigation

12. NavigationNavigationNavigation

13. Color

14. Color
UX Design

15. SpaceSpace

16. SpaceSpaceSpace

17. SpaceSpace
Replace this image
Space

18. Audience & Context

19. SpaceSpace
Replace this image
Audience and Context

20. SpaceSpace
Replace this image
Audience and ContextConcept

21. SpaceSpace
Replace this image
Audience and ContextConceptActual Perspective Screen

22. • Gibson (Regular, Book Italic, Book, Semibold)
• Proxima Nova Condensed (Regular, Medium, Italic, Light)
• Proxima Nova Condensed (Regular, Medium)
Room in the Inn Fonts (TTF, OTF or WOFF)
Custom Fonts
Create a custom CSS Theme Save your custom fonts

23. Custom Fonts
Select your custom Theme Select your custom Font

24. Custom Fonts

25. 1. Create another CSS theme
2. Insert the custom CSS properties
3. Apply the theme under Perspective/Session Props/theme
Custom CSS Theme
Safe CSS Editing