Encerrado

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.

Habilidades: Design Gráfico, HTML, HTML5, Javascript, Design de Sites

Veja mais: 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

Acerca do Empregador:
( 0 comentários ) Santo Domingo, Dominican Republic

ID do Projeto: #18135521

13 freelancers estão ofertando em média $588 para esse trabalho

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 Mais

$800 USD in 10 dias
(18 Comentários)
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 Mais

$900 USD in 10 dias
(49 Comentários)
6.9
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 Mais

$555 USD in 10 dias
(49 Comentários)
6.9
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 Mais

$726 USD in 14 dias
(19 Comentários)
6.0
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 Mais

$500 USD in 10 dias
(61 Comentários)
5.6
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 dias
(59 Comentários)
5.5
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 Mais

$833 USD in 10 dias
(1 Comentário)
3.2
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 Mais

$444 USD in 5 dias
(7 Comentários)
3.5
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] Mais

$493 USD in 7 dias
(2 Comentários)
2.4
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 Mais

$500 USD in 10 dias
(3 Comentários)
1.2
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 Mais

$277 USD in 10 dias
(1 Comentário)
0.4
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 dias
(0 Comentários)
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 Mais

$555 USD in 4 dias
(0 Comentários)
0.0