AnnoScene — 旅の記憶を、静かな地図に。AnnoScene — Your world, drawn over time
風景とAtlasの操作デモで、旅の記録を見せるiPhoneアプリのLP。An iPhone app landing page pairing a quiet landscape with an Atlas interaction demo.
HTML / CSS / JavaScript / Product demoこの作品のつくり方How to make this ↓
この作品のつくり方How to make this
霧の山並みから、自分のAtlasを開く体験へ。世界→国→地域と進む操作デモと、年を選ぶ画面に絞り、説明を増やさず製品の静けさを伝えました。Move from misty mountains into a personal Atlas. A world → country → region demo and a year-view screen convey the quiet product without adding long explanations.
デザインの判断Design decisions
- 最初に旅の気配を見せ、続いて実際のAtlas操作で機能を説明する。Lead with the feeling of travel, then explain function through actual Atlas interactions.
- 世界・国・地域・年という地図の文脈を崩さず、画面を見せる。Keep the map’s world, country, region and year context intact in the demo.
- プライバシーとApp Storeへの導線を短くまとめ、機能を詰め込みすぎない。Keep privacy and the App Store path concise rather than overloading the page.
制作技術・スキルTechniques & skillsHTML / CSS / JavaScript / 動画・実機画面
制作ノート・ソースを開くOpen notes & source ↗現行のAtlas版LPを対象に記録。過去の位置情報・写真・旅程リプレイ中心の製品説明は、この作品の再現指示に含めていません。These notes cover the current Atlas landing page. Earlier location, photo and journey-replay concepts are not part of this reproduction brief.
プロンプトPrompts
制作後に整理した再制作向けの指示です。一度の入力で完成したという意味ではありません。This recipe was reconstructed after production. It is not a claim that one prompt created the result.
旅の記録を自分のAtlasとして残すiPhoneアプリのLPを作る。現行の仕様と承認済み画面だけを使う。霧の山並みを大きく置き、「Your world, drawn over time.」を軸に静かな余白で構成する。世界→国→地域へ進む短い操作デモ、その国の記録、年別表示へつなぐ。写真の取り込みや位置情報記録など旧仕様を混ぜない。説明は短く、App Store導線を明確にする。画像サイズ、動画ポスター、読み込み失敗時、390pxと1440pxでの表示を検証する。Create a landing page for an iPhone app that records places in a personal Atlas. Use only current product facts and approved screens. Lead with misty mountains and “Your world, drawn over time.” Use quiet space, a short world → country → region demo, country context and year view. Do not introduce retired photo-import or location-tracking features. Keep copy brief and the App Store path clear. Check image sizes, video posters, loading fallbacks and layouts at 390 and 1440px.
