Emergency Status Page
Budget: $30 – $250 USD
Looking for one Main Page to be coded. Will possibly have an additional one or two pages. Mockup and a similar working version are listed below. This page includes:
1. Tabs along the top with links to other existing sites. Clicking on these tabs will then bring up these sites in the lower section of our Main Page.
2. 3 general sections of the lower page.
a. Left section has a click to show Legend and also a Status view that will pull data from another source. At the bottom of this Left section, there is a Notes tab that brings up information pulled from a yet to be determined source.
b. Center Section shows another current page (possibly https://community.zonehaven.com/?latlon=33.76759474429515,-118.34636808287712&z=12.599315235693009 This page is shown and current in Real Time
c. Right Section shows Social Media posts (might be Twitter or Facebook). At the bottom of this Right section, there is a Alerts Tab that will include a few graphics, text and a few links. The Mockup listed below currently does not include this Alerts Tab, yet the similar layout working version listed below shows this tab.
3. The tabs along the top should be text as opposed to images so they can be updated easily
a. In the coding, there should be a section defining the tabs, for example, something similar to Tab 1 Title = “Evacuation”, Tab 1 Link = “https://...). There are currently 9 tabs planned, so each time would be defined in the code so we can easily update and change them as needed.
b. The Far Right Tab will be a dropdown list or menu of links
4. The upper Right of the screen includes some link icons to Social Media and an icon to get a short code link of this Main Page.
5. The upper Right of the screen also includes a link to what is currently termed a mobile version https://community.zonehaven.com/?latlon=33.76759474429515,-118.34636808287712&z=12.599315235693009 that will then show Full Window. This link will probably change once the Main Page is completed and we can figure out how to make all of the Main Page elements into a Mobile Friendly form.
6. A language widget will have to be added near to top of the page. This is not shown in the mockup.
7. The page (or pages coded) MUST be scalable to fit different size screens.
8. The freelancer coder hired MUST communicate with clear English as there will be a good amount of back and forth communication.
9. See a rough mockup image of this new Main Page at http://maizlish.com/rpvdashboard.htm
10. See a working version of a similar layout at https://nevcounty.maps.arcgis.com/apps/MapSeries/index.html?appid=dfae8e3b36e3455bbf9dcc865349e72e
a. While on this sample site, Click the tab arrow on the Left Side to view the pop out Legend. (The QR Code and links on this sample Legend will be updated with our QR Code)
b. Click along the Tabs on this working version site to see how the Tabs bring up the linked pages in the lower section of our Main Page screen
11. All files necessary in this design will be sent from Freelancer to Client and become property of the Client.
12. All files will be delivered to Client including any layered Photoshop or other image files, html, java, css, and any and all files necessary to maintain and update the pages.
13. This is just a basic description of this Main Page. There is a possibility of an additional page or two (since we may need a submission form designed) and a possibility of adjusting the Main Page to be more Mobile Friendly.
14. Please let me know any questions you may have.
1. Tabs along the top with links to other existing sites. Clicking on these tabs will then bring up these sites in the lower section of our Main Page.
2. 3 general sections of the lower page.
a. Left section has a click to show Legend and also a Status view that will pull data from another source. At the bottom of this Left section, there is a Notes tab that brings up information pulled from a yet to be determined source.
b. Center Section shows another current page (possibly https://community.zonehaven.com/?latlon=33.76759474429515,-118.34636808287712&z=12.599315235693009 This page is shown and current in Real Time
c. Right Section shows Social Media posts (might be Twitter or Facebook). At the bottom of this Right section, there is a Alerts Tab that will include a few graphics, text and a few links. The Mockup listed below currently does not include this Alerts Tab, yet the similar layout working version listed below shows this tab.
3. The tabs along the top should be text as opposed to images so they can be updated easily
a. In the coding, there should be a section defining the tabs, for example, something similar to Tab 1 Title = “Evacuation”, Tab 1 Link = “https://...). There are currently 9 tabs planned, so each time would be defined in the code so we can easily update and change them as needed.
b. The Far Right Tab will be a dropdown list or menu of links
4. The upper Right of the screen includes some link icons to Social Media and an icon to get a short code link of this Main Page.
5. The upper Right of the screen also includes a link to what is currently termed a mobile version https://community.zonehaven.com/?latlon=33.76759474429515,-118.34636808287712&z=12.599315235693009 that will then show Full Window. This link will probably change once the Main Page is completed and we can figure out how to make all of the Main Page elements into a Mobile Friendly form.
6. A language widget will have to be added near to top of the page. This is not shown in the mockup.
7. The page (or pages coded) MUST be scalable to fit different size screens.
8. The freelancer coder hired MUST communicate with clear English as there will be a good amount of back and forth communication.
9. See a rough mockup image of this new Main Page at http://maizlish.com/rpvdashboard.htm
10. See a working version of a similar layout at https://nevcounty.maps.arcgis.com/apps/MapSeries/index.html?appid=dfae8e3b36e3455bbf9dcc865349e72e
a. While on this sample site, Click the tab arrow on the Left Side to view the pop out Legend. (The QR Code and links on this sample Legend will be updated with our QR Code)
b. Click along the Tabs on this working version site to see how the Tabs bring up the linked pages in the lower section of our Main Page screen
11. All files necessary in this design will be sent from Freelancer to Client and become property of the Client.
12. All files will be delivered to Client including any layered Photoshop or other image files, html, java, css, and any and all files necessary to maintain and update the pages.
13. This is just a basic description of this Main Page. There is a possibility of an additional page or two (since we may need a submission form designed) and a possibility of adjusting the Main Page to be more Mobile Friendly.
14. Please let me know any questions you may have.