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

2.
Project Organization
UX Design
Custom Fonts
Safe CSS Editing

3.
Let’s start at the end

4.
• 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

5.
www.Draw.io

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

7.
Navigation

8.
NavigationNavigationNavigation

9.
Color

10.
Color
UX Design

11.
SpaceSpace

12.
SpaceSpaceSpace

13.
SpaceSpace
Replace this image
Space

14.
Audience & Context

15.
SpaceSpace
Replace this image
Audience and Context

16.
SpaceSpace
Replace this image
Audience and ContextConcept

17.
SpaceSpace
Replace this image
Audience and ContextConceptActual Perspective Screen

18.
• 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

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

20.
Custom Fonts

21.
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