You need to enable JavaScript to run this app.
シェア
【Hertch架空案件】京都旅行プラン紹介
作品について
クレジット
石橋沙季
WEBデザイナー
シェア
コピー
埋め込み
閉じる
制作ノート
戻る
制作について
投稿者
石橋沙季
タイポグラフィー
伝統とモダンを融合させたフォント: メインコピーには、京都の風情に合う繊細な明朝体を使用し、上品な「はんなり」感を演出しました。一方で、時間は視認性の高いセリフ体(欧文)を使用し、旅のスケジュールを直感的に把握できるよう工夫しています。
ゆったりとしたカーニング: 文字の間隔を広めに取ることで、せわしない日常を忘れる「大人の余裕」や「贅沢なひとり旅・女子旅」のイメージを表現しています。
ビジュアルイメージ
和のモチーフを活かしたあしらい: 背景に「麻の葉文様」や、霞(かすみ)のような柔らかなシェイプを配置。ベタ塗りではなく、淡い色の重なりで奥行きを出すことで、京都らしい奥ゆかしさをデザインに落とし込みました。
写真の配置とリズム: モデルコースの写真は、左・右と交互に配置(ジグザグレイアウト)することで、下へのスクロールを促し、実際に旅をしているようなリズム感を意識しています。
カラー
京都の伝統色: 千本鳥居の「朱色(しゅいろ)」をキーカラーに、背景には落ち着いたベージュや、桜をイメージさせる淡いピンク、そして若草色を採用。女性らしく、かつ派手すぎない「はんなり」とした配色で統一しています。
コンバージョンを促すゴールド: CTAボタン(予約ボタン)には、視認性が高く、 親しみやすさと特別感を両立させたゴールド(#ffeb99)を採用しました。
情報設計
ユーザーの「擬似体験」を優先: 最初からプランを並べるのではなく、まずは「モデルコース」を提示することで、ユーザーが「自分もこうやって過ごしたい」というイメージを膨らませてから、プラン購入へ誘導する構成にしています。
シンプルなアイコン使い: 往復新幹線とお宿のセットプランなど、文字だけでは複雑になりがちな情報は、ミニマルなアイコンを使って一目で理解できるよう整理しました。
シェア
コピー
埋め込み
石橋沙季の他の作品
画像
作品を見る
【Hertech架空案件】スイーツショップの季節商品紹介バナ...
ウェブ
作品を見る
【Hertch架空案件】料理教室のホームページ
画像
作品を見る
【Hertech架空案件】ヘアオイルバナー
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo
石橋沙季
fori.io/youxutianshaji
コピー
ポートフォリオを無料で作成
ログイン
石橋沙季の他の作品
画像
作品を見る
【Hertech架空案件】スイーツショップの季節商品紹介バナ...
ウェブ
作品を見る
【Hertch架空案件】料理教室のホームページ
画像
作品を見る
【Hertech架空案件】ヘアオイルバナー
すべてのクリエイターにポートフォリオを
fori.io/
無料で使ってみる
プロダクト
foriioとは?
料金プラン
ポートフォリオとは?
ピックアップ
クリエイターキーワード
作品キーワード
foriio限定福利厚生
ヘルプ&ディスカバリー
クリエイターの声
クリエイターの用語集
ご意見・お問い合わせ
FAQ
法人向け
For Business
foriio Team
会社情報
運営会社
会社のニュース
採用情報
プレスキット
利用規約
プライバシーポリシー
情報セキュリティ基本方針
特定商取引法
©2026 foriio, Inc
Made with
❤️
from Tokyo