Google Maps design with delivery zones and rates
It is necessary to create a delivery zone map design in a modern style.
The map should look clear and neat, with an emphasis on the convenience of information perception.
The map should display:
1. The cost of address delivery within each zone.
2. The cost of delivery to the "Nova Poshta" branch within each zone.
The boundaries of the zones can be blurred.
The "Nova Poshta" branches where we deliver should be marked with separate icons.
It is necessary to show how the information block will look when hovering the cursor or clicking on a zone:
- zone name;
- address delivery — price;
- delivery to the "Nova Poshta" branch — price.
Four cities should be separately highlighted on the map:
- Kyiv
- Dnipro
- Kharkiv
- Odesa
For each city, it is necessary to show 3 delivery zones:
- Zone 1 Within the administrative borders of the city — Price 1 applies
- Zone 2 Within a radius of 15 km from the city — Price 2 applies
- Zone 3 Within a radius of 30 km from the city — Price 3 applies
Delivery zones at the link:
https://www.google.com/maps/d/u/0/edit?mid=1PsNSz-D9LuuhOG3uaGfO2oUezRQKSXg&usp=sharing
It is necessary to draw not in Figma, but specifically in Google Maps
Потрібно намалювати не у Figma, а саме у Google Maps
-
2455 19 1 Good day!
I am ready to develop a modern and clear design of the delivery zone map with an emphasis on simplicity of perception and UX.
How I see the implementation:
1. Map visualization
- Clean, minimalist style without overload
- Soft, semi-transparent zones (zone 1 / 2 / 3) with logical gradation
- Blurred boundaries to make it look natural and not "cut" the map
- Separate emphasis on cities
…
2. Zone logic
For each city:
- zone 1 (city)
- zone 2 (up to 15 km)
- zone 3 (up to 30 km)
I will make it so that the difference between zones is immediately readable (color / intensity / outline)
3. Nova Poshta branches
- Separate clear markers
- Do not overload the map
- Easily distinguishable from other elements
4. Hover / Click states (important)
Thoughtful information block:
- zone name
- price for address delivery
- price for delivery to the branch
I will make it compact but maximally readable
(to ensure the user gets a response in 1–2 seconds)
UX emphasis:
- quick understanding of "which zone = which price"
- minimum unnecessary elements
- focus on information, not decor
Result:
- Map design (desktop + mobile)
- States: default / hover / active
- Figma layout with components
Timeline:
3-5 days
Cost:
5000 UAH
-
1490 17 0 Hello 👋
I am Yulia, a UI/UX and graphic designer (2+ years of experience). I love creating stylish and user-friendly interfaces for websites and applications that not only look good but are also easily perceived by users.
✨ What I can do for you:
* design in Figma
* prototypes and responsiveness
* refinement to achieve the perfect result
… * friendly and clear communication at every stage
I would be happy to discuss your project and help bring ideas to life in a cool design 💡
-
568 4 0 Good day!
I am ready to take your project into work today.
I work quickly and accurately, bringing the result to the required level.
I am open to discussing the details.
Portfolio:
Behance
-
1370 16 0 1 Good day! I create modern map designs with accurate reproduction of elements. In case of collaboration, I would like to receive a detailed technical assignment and references. Write to me, I am always in touch, I do not inflate prices, I do not miss deadlines. Portfolio:
Freelancehunt
-
310 Good day! I have reviewed the technical specifications and am ready to implement a map design in a modern style with clear visualization of zones, delivery costs, and interactive information blocks. I will create a neat, understandable interface highlighting cities and marking branches. I will definitely provide the finished layout in Figma. Also, I have been engaged in cartography as a hobby for over 3 years. I charge a small amount as a beginner on this platform, but I guarantee quality and the possibility of revisions.
-
928 2 0 Hello! I suggest we discuss the project and agree on the work. First, we will clearly define all the nuances: we will clarify the price for each area and the list of specific branches of "Nova Poshta" that need to be marked.
Next, I will create a layout in Figma, where I will implement a modern minimalist design in the style of Apple, with clean lines, soft blurred boundaries of areas, and an emphasis on typography. I will think through the interaction logic so that the information block appears organic when hovered over and does not obscure important details of the map. We will separately highlight Kyiv, Dnipro, Kharkiv, and Odesa with their radii of 15 and 30 km, adhering to a unified visual system.
I have experience in UI/UX design and working with interactive maps, so I will make the interface as user-friendly as possible. I suggest we communicate to finalize the color scheme and get started.
Current freelance projects in the category Interface Design (UI/UX)
Graphic designer requiredA designer is required who can draw something similar It will be necessary to create 2D graphics for a mobile application Interface Design (UI/UX), Artwork ∙ 26 minutes back ∙ 4 proposals |
Landing page for an English school
301 USD
We are looking for a designer + landing page developer (Wix / WordPress / Weblium) Hello! We are looking for a performer for the design and layout of a landing page for an English language course. What is needed: — design and layout of a landing page with 12 blocks; —… HTML & CSS, Interface Design (UI/UX) ∙ 54 minutes back ∙ 28 proposals |
It is necessary to transfer and adapt the design from the old site to the new one.Hello. We need to transfer and adapt the design of the old website msonya.com to the new template test.msonya.com and create the design for each page of the site in Figma for further "implementation" of the design on the website. Two formats: desktop and mobile. Interface Design (UI/UX), Web Design ∙ 3 days 14 hours back ∙ 54 proposals |
UI/UX Audit and Bringing the Website to a Unified Style
178 USD
Important: we only consider specialists with confirmed experience and a portfolio. A real estate agency website is being developed. All main pages have already been assembled and laid out in Lovable. At this stage, a professional audit of the interfaces is required to identify… Interface Design (UI/UX) ∙ 3 days 18 hours back ∙ 38 proposals |
We are looking for a designer to create a series of trigger email newsletters for a men's accessories brand.We are looking for an experienced email designer to develop the design of a series of trigger emails for a men's accessories brand. The texts for the emails are already prepared. The task is specifically to create a high-quality, modern, and responsive design that aligns with… Interface Design (UI/UX), Web Design ∙ 3 days 20 hours back ∙ 19 proposals |