Material Design, Interactive, Map-Based Website

Hello, this site will be a map-based interactive web app with one primary purpose: Check the status of something specific in any given country or U.S. state.

Here's a bit of a walkthrough of how it should work:

Home page has a button, when clicked the map starts working.

The map should be animated when moving to different locations, it should also be pannable and zoomable.

When you hover over countries a tooltip with the name of the country should pop up.

When clicking a country, a detail window will pop up with different information, such as Country Name, Flag, some text and a table (or several boxes) separated by color.

There should be search functionality for searching Countries or States, the map will move to the (only) result and open the detail window for that country.

Countries on the map will be color coded using 4 colors, the legend should be clickable to turn on or off (or highlight) the selected "color filter".

The map part is the most important feature in the website. Possibly in the future some other things will be added.

Something very important is the quickness of the map when it's working, the movements should seem very fluid, like the below example. It shouldn't be laggy or jittery.

The design for the page should be 100% material design, since I plan to port the website to mobile apps later on and would like to maintain that aesthetic.

Due to privacy, the details of the website and the information it gives its users will be shared in the future with the freelancer that gets the job.

Please take a look a this map and how it behaves:

[login to view URL]

If you feel inclined to investigate, here's some code for the map functionality:

[login to view URL]

[login to view URL]

Finally, check the screenshot for a crude mockup of my basic idea for design and how it's supposed to work.

Kemahiran: Reka Bentuk Grafik, HTML, HTML5, Javascript, Reka Bentuk Laman Web

Lihat lagi: website java html add interactive map, good text based website design, website design template map nautical, how to make an interactive map for a website, interactive map website template, web mapping examples, websites that use google maps, interactive maps for websites free, best interactive maps online, cool map websites, best interactive maps 2017, design interactive map website, website design interactive product design, interactive map flash database web design, google map locator website design, subscription based website design, need someone design flash based website, design interactive dating website, design develop b2c commerce website based php, cakephp based website design

Tentang Majikan:
( 0 ulasan ) Santo Domingo, Dominican Republic

ID Projek: #18135521

13 pekerja bebas membida secara purata $588 untuk pekerjaan ini


Hello. I am a GIS(Geographical Information System) expert and Web&Mobile(iOS&Android) developer. Since 10 years before I have been developing GIS applications. I graduated GIS special education course and I have r Lagi

$800 USD dalam 10 hari
(18 Ulasan)

Hey, I have read your description and understand that you need to create a map-based interactive web app with all the required features and the map should be animated when moving to different locations. Also, It s Lagi

$900 USD dalam 10 hari
(49 Ulasan)

Hi, Thanks for your opportunity. I'm a senior developer which has rich experience in development of similar with your job. I'm scrupulous, nimble and responsible. I'm very interested in your job. If you want me, I wou Lagi

$555 USD dalam 10 hari
(49 Ulasan)

Hi, Yes, I have extensive experience in website designing & development by using material design and Map based websites. I have gone through mentioned links of Maps and attached image sample. It would be Lagi

$726 USD dalam 14 hari
(19 Ulasan)

Hi there, Greetings from TechPlus! I've reviewed requirements & ready to build website. 5+ Years Expertise in : CMS (Wordpress, Magento, Shopify, OpenCart, Joomla, Drupal, Prestashop) PHP Frameworks (Laravel Lagi

$500 USD dalam 10 hari
(61 Ulasan)

Hello. I have good skills in Graphic Design, HTML, HTML5, Javascript, Website Design. I'm interest to your project. Contact me please. Thank you.

$500 USD dalam 10 hari
(59 Ulasan)

Hello, I would be happy to work on you site! I'm a CTO freelancing on the side. I can design your site and develop a smooth, fluid-native like experience for the users. I can port the application into a Progressive Lagi

$833 USD dalam 10 hari
(1 Ulasan)

I’m React JS developer with vast experience in Redux, Flux, Node Js,Express Js, MongoDB,MySQL Bootstrap, Web Pack..I have good skills in JavaScript, JQuery, Html5, CSS, Bootstrap, BluePrintJs, Typescript, React, Micros Lagi

$444 USD dalam 5 hari
(7 Ulasan)

Hello, Please share your requirement or Scope of website. I have 7 year experience in website design and development. Please have a glance at my previous work:- [login to view URL] [login to view URL] [login to view URL] Lagi

$493 USD dalam 7 hari
(2 Ulasan)

**BEST PROPOSAL FOR YOU*** WHY ME: I Design With the User Not For The User. !!! Hi There!. I'm a professional creative graphic designer!! I'll Perfectly design a high-end UI /UX Design for you. I'm Expert in moder Lagi

$500 USD dalam 10 hari
(3 Ulasan)

I am Rayyan, a web developer, I have over 6 years of experience making responsive, dynamic, and modular websites. I also have experience working remotely and have also worked on a SaaS platform. At my previous role Lagi

$277 USD dalam 10 hari
(1 Ulasan)

html5, css, java script, bootstrap, js Adobe Photoshop Adobe Illustrator Logo Design Responsive Web Design Animation Branding Poster Design Book Cover Design Business Card Design Label and Package Design

$555 USD dalam 10 hari
(0 Ulasan)

mage. Expert coder in - Maps API's like Leaflet/Google/ArcGIS/MapBox(GL)/Bing/SVG & Canvas - SVG/Canvas/WebGL - Angular (1-6)/React (TS & non TS)/Vue/jQuer/JS - Node/GIT - All projections and conversion project Lagi

$555 USD dalam 4 hari
(0 Ulasan)