How to reduce surge of uninjured citizens in hospitals during hurricanes.
- Brooke Sachs
- Jon Loeb
- Marina Leao Lucena
- Nishchala Singhal
- Design Lead
- Asst. Project Management
- UX Analysis
- User testing
- Visual Design
Hospitals have an important role to play in a community, especially during disasters where stressed-out citizens choose to seek refuge inside the hospital’s facilities. But surges of people sheltering at hospitals can compromise operations and quality of patient care.
How might we design a system that help general citizens be better prepared so they don't seek refuge in hospitals?
Create a solution which makes key hospital data (capacity, staffing, resources) more transparent and enable affected citizens to make a more rational decision about where to shelter when they cannot do so safely inside their own homes.
WHO IS TELETRACKING?
I wanted people to see the house go into the “exploded view” when they clicked on the roof themselves. A lot of people found that very fascinating. Also being able to “select the rooms” added a playfulness to the interaction.
The entire project has been implemented using HTML, CSS and Jquery. I used the anime.js library to animate the exploded view and css animations for fading in the modals and the entire house when it loads for the first time.
The entire artwork for the project has been created by me using Sketch. I wanted the website to have a sad feel and hence the choice of dark and muted color palette.
The main challenges I faced during the implementation of this project were
Adding a zoom effect
I wanted the entire page to zoom -in when an element is clicked on, I tried implementing this using the zoomooz library, unfortunately the library has bugs ( mentioned in it’s documentation) that get triggered if the elements it is being added on has margins.
Selecting the rooms
WHY I WANTED TO DO THIS
- Even though this website was only my first big coding project, I feel I now understand the work flow used by developers. I consider this will be extremely valuable when designs have to be handed off for development in a job.
- I also feel I now understand some of the basic terminology and concepts to have a conversation with developers incase the design has some technical problems that need changes.