Найти тему
serge-d

Раскрываем карты

Оглавление

Очень часто интерактивная карта на сайте – это стандартный или немного кастомизированный функциональный элемент. Очень редко встречаются задачи, возможности и идеи, когда карта добавляет зрелищности сайту.

Рио и Олимпиада 2016

rio2016interactivemap.com

Могли сделать очередной тест с описанием локаций или лонгрид, но сделали интерактивную карту. Яркую, большую и красивую. Круто, что сделали ночной режим и еще несколько пасхалок (например, из разброcанных частей тела по всей стране можно собрать человечка, или можно что-то услышать, если навести на статую Христа).

Это fiasco.design

Бирма

https://www.insideasiatours.com/step-inside/burma-map
Почти как гугл-карта, но нарисована поярче для туристов + микроанимации и мягкие переходы. И полное погружение при переходе объект.

Туристическая карты Бирмы
Туристическая карты Бирмы

Futurewater

https://futurewatercity.com/

Сайту уже точно больше 6 лет, но он все ещё выглядит отлично. Карта работает как описание системы обработки воды в современном городе и передает технологичность концепции.

Хлебзавод

https://hlebozavod9.ru/

Простая и немного игрушечная карта, чувствуется стиль White Russian.

Карта «Хлебзавода»
Карта «Хлебзавода»

ボラギノール公式ブランドサイト

https://www.borraginol.com/town/
Ничего не понял, но получилось нормально)

Что-то про лекарства
Что-то про лекарства

Музей Орсе

https://www.petitsmo.fr/explorer
Круто, что это образовательный интерактивный проект. Теперь можно увидеть Париж и умереть прямо за компом.
Авторы проекта:
https://www.inconito.fr/

Образовательный проект о парижских музеях для детей
Образовательный проект о парижских музеях для детей

みさとと。——島根県美郷町魅力再発見プロジェクト

http://www.town.shimane-misato.lg.jp/misatoto/
А здесь крутой эффект погружения в карту при скролле

Туристическая карта японской деревни
Туристическая карта японской деревни