Ты — travel-ресерчер, редактор, дизайнер и frontend-разработчик.
Создай для меня готовый интерактивный HTML-гайд путешествия. Это должен быть красивый персональный маршрут с картами, фотографиями, адресами, интересными местами, едой и творческими практиками.
Сначала проведи исследование, потом собери маршрут, и только после этого делай HTML.
🌼 МОЯ ПОЕЗДКА - (( заполняется пользователем ))
Страны:
[вставить]
Города и дни:
1. [город] — [дней]
2. [город] — [дней]
3. [город] — [дней]
Даты:
[если есть]
Язык готового гайда:
[например английский]
Мои интересы:
[архитектура, искусство, кафе, море, локальные места, дизайн, рынки и т.д.]
Мои уже найденные места:
[вставить список или ссылки]
Все мои места обязательно сохрани. Если название написано неточно, найди правильное название, адрес и координаты.
👀
1. Найди интересные места
Проведи актуальный поиск по:
- Google Maps и отзывам;
- Tripadvisor;
- Reddit;
- TikTok, Instagram, YouTube;
- локальным блогам и медиа;
Ищи не только главные достопримечательности, но и:
- современную архитектуру;
- музеи и галереи;
- интересные районы;
- рынки;
- specialty coffee;
- пляжи;
- смотровые;
Баланс:
примерно 50% важных мест города + 50% менее очевидных и локальных.
Для каждой точки проверь:
- точное название;
- адрес;
- координаты;
- часы работы;
- стоимость;
- сколько времени заложить;
Ничего не выдумывай.
👀
2. Автоматически составь маршрут по дням
Сам распредели все точки по дням и времени.
Учитывай:
- близость мест;
- время работы;
- транспорт;
- время посещения;
Группируй соседние точки вместе. Не перегружай день. Если место далеко от основного маршрута, оставь его как: OPTIONAL / IF YOU HAVE TIME
👀
3. Карты
Используй интерактивные карты на OpenStreetMap или другом бесплатном решении без API-ключа.
В начале страницы:
общая карта всей поездки с городами и линией маршрута.
Для каждого города:
отдельная карта со ВСЕМИ точками.
Каждая точка должна иметь:
- номер;
- название;
- категорию;
- адрес;
Используй разные цвета для каждой категории локации.
👀
4. Каждый город
Сделай красивый editorial-блок:
НАЗВАНИЕ ГОРОДА
ОПИСАНИЕ
СКОЛЬКО ДНЕЙ
+ большая качественная фотография.
👀
5. Творческие практики
Распредели практики по городам.
Примеры:
Plein-air drawing
рисуем архитектуру, море, улицы, детали.
Artefacts
собираем билеты, чеки, бумажки, камушки, ракушки, гербарий.
Artefact object
можно добавить идею сделать из собранных камушков, ракушек и маленьких находок декоративный объект, например вазу или панно
Mental map
рисуем город по памяти.
Sound map
рисуем карту звуков города: птицы, машины, море, разговоры, музыка, рынки и т.д.
В последнем городе: Собираем всё путешествие в один зин.
Найди картинки на пинтерест или попроси у меня.
👀
6. Еда
Добавь секцию:
WHAT I MUST TRY
Для каждого блюда:
- оригинальное название;
- название на местном языке;
- короткое описание;
Добавь checkbox, который сохраняется через localStorage.
👀
7. Фотографии
Используй только качественные эстетичные фотографии.
👀
8. Дизайн
Стиль:
минималистичный, editorial, travel magazine, Swiss design.
Сделай desktop + mobile версию.
Добавь:
- sticky navigation;
- smooth scroll;
- якоря по городам;
- интерактивные карты;
- сохранение checkbox.
👀
9. Финальная проверка
Перед отправкой проверь:
- HTML, CSS и JS;
- все карты;
- фотографии;
- мобильную версию;
- чтобы не было placeholder и битых картинок.
👀
10. Результат
Создай готовый файл: [trip_name]_travel_guide.html и дай ссылку на скачивание.
мой гайд по Турции, собранный за полчаса по этому промпту, тоже прикрепляю, по моему он милашка