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.

Evner: Grafisk Design, HTML, HMLT5, Javascript, Web Design

Se mere: 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

Om arbejdsgiveren:
( 0 bedømmelser ) Santo Domingo, Dominican Republic

Projekt ID: #18135521

13 freelancere byder i gennemsnit $588 på dette job


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 Flere

$800 USD in 10 dage
(18 bedømmelser)

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 Flere

$900 USD in 10 dage
(49 bedømmelser)

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 Flere

$555 USD in 10 dage
(49 bedømmelser)

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 Flere

$726 USD in 14 dage
(19 bedømmelser)

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 Flere

$500 USD in 10 dage
(61 bedømmelser)

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 in 10 dage
(59 bedømmelser)

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 Flere

$833 USD in 10 dage
(1 bedømmelse)

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 Flere

$444 USD in 5 dage
(7 bedømmelser)

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] Flere

$493 USD in 7 dage
(2 bedømmelser)

**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 Flere

$500 USD in 10 dage
(3 bedømmelser)

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 Flere

$277 USD in 10 dage
(1 bedømmelse)

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 in 10 dage
(0 bedømmelser)

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 Flere

$555 USD in 4 dage
(0 bedømmelser)