Closed

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.

Skills: Graphic Design, HTML, HTML5, Javascript, Website Design

See more: 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

About the Employer:
( 0 reviews ) Santo Domingo, Dominican Republic

Project ID: #18135521

15 freelancers are bidding on average $577 for this job

ZhenExpert

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 More

$555 USD in 10 days
(41 Reviews)
6.8
visionvivante

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 More

$900 USD in 10 days
(45 Reviews)
6.8
ifriends710

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 More

$800 USD in 10 days
(18 Reviews)
6.8
jatinsehgal19

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 More

$726 USD in 14 days
(17 Reviews)
5.5
techplusintl

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 More

$500 USD in 10 days
(52 Reviews)
5.4
lightingdavid

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 days
(34 Reviews)
5.0
justinpoiroux

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 More

$833 USD in 10 days
(1 Review)
3.6
CaptainSaddaf

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 More

$444 USD in 5 days
(6 Reviews)
3.4
websiteandapp

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

$493 USD in 7 days
(2 Reviews)
2.4
rayyan2000

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 More

$277 USD in 10 days
(1 Review)
0.4
Craveo

Hi... How are you?. I saw your description carefully and i 'm very interesting your project. I have rich experience in your proejct types, so i can do your project perfectly. If u would like to give me your pro More

$400 USD in 3 days
(0 Reviews)
0.0
arcsoft16

Hi, Thank you for giving me a chance to bid on your project. i am a serious bidder here and i have already worked on a similar project before and can deliver as u have mentioned I have got Rich experience in Jooml More

$616 USD in 7 days
(0 Reviews)
0.0
ritonmean

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 days
(0 Reviews)
0.0
aqibraza1

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

$500 USD in 10 days
(2 Reviews)
0.0
eagleseyeerp

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 More

$555 USD in 4 days
(0 Reviews)
0.0