Карта на странице проектаA map on the project page
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор открывает проект и сразу видит, где он стоит: в каком районе, рядом с чем. Расположение — один из главных фактов об объекте недвижимости; это третья часть цели сайта — видеть всё об объекте.An investor opens a project and immediately sees where it is: which district, what is around. Location is one of the key facts about a property; this is the third part of the site's goal — seeing everything about the object.
ЗадачаProblem
Карта была только в каталоге, где проекты видны издалека. На странице самого проекта расположения не было видно вовсе — только координаты числами во вкладке «Проект». Чтобы понять, где стоит объект, нужно было вернуться в каталог и искать его пин.The map existed only in the catalogue, where projects are seen from afar. On the project page itself the location was not visible at all — only coordinates as numbers in the «Project» tab. To see where the property is you had to go back to the catalogue and find its pin.
Как решилиHow it was solved
- Во вкладке «Обзор» под списком юнитов — карточка «На карте»: карта района с точкой проекта, как на страницах объектов в каталогах недвижимости.In the «Overview» tab under the unit list — an «On the map» card: a district map with the project's pin, as on property pages of real-estate catalogues.
- Только для проектов с точными координатами (20 из 47). Если точка известна лишь до центра города, карту не показываем, чтобы не вводить в заблуждение.Only for projects with exact coordinates (20 of 47). When only the city centre is known, no map is shown, so as not to mislead.
- Карта загружается, только когда карточка появляется на экране, — страница не тяжелеет. На телефоне карта двигается двумя пальцами, чтобы одним пальцем по-прежнему листалась страница.The map loads only when the card comes into view — the page does not get heavier. On a phone the map moves with two fingers, so one finger still scrolls the page.
- Подложка та же, что в каталоге (OpenFreeMap); в разделе «Метод» об этом сказано.The base map is the same as in the catalogue (OpenFreeMap); the «Method» page says so.
До и послеBefore and after
