LP Design / Development 2025

Campaign LP

尾道のレトロな瞬間を、一瞬でキャッチ。

Campaign LP のPCモックアップ

Project Overview

尾道の魅力を発信する観光プロモーションサイトを想定し、ランディングページを制作しました。

美しい街並みや自然、歴史ある風景を印象的に伝えるため、写真を主役にしたレイアウトと余白を活かしたデザインを採用しています。

スクロールするごとに尾道の魅力を自然に感じられるよう、情報の流れや視線誘導を意識した構成で制作しました。

※デモサイトです。

Technologies

  • HTML
  • CSS
  • SCSS
  • JavaScript
  • Swiper
Visit Website

Project Details

制作種別
観光プロモーションLP
想定業種
観光 / 地域プロモーション
制作期間
約1週間
ページ数
1ページ
担当範囲
デザイン / コーディング
制作年
2026
参考価格
198,000円〜

POINTS

制作ポイント

  1. 地域の魅力を引き立てるビジュアルデザイン

    写真や余白を活かし、尾道ならではの街並みや自然の魅力が伝わるレイアウトを制作しました。

  2. ストーリー性を意識したページ構成

    スクロールに合わせて情報が自然に展開される構成とし、観光地としての魅力を段階的に伝えられるよう設計しています。

  3. シンプルで分かりやすいUI

    情報量を整理し、初めて訪れるユーザーでも快適に閲覧できる視認性の高いデザインを意識しました。

  4. レスポンシブ対応

    PC・タブレット・スマートフォンなど、さまざまなデバイスで快適に閲覧できるよう最適化しています。

  5. スクロールアニメーションの実装

    スクロールに合わせたアニメーションを取り入れ、ページ全体に心地よい動きと没入感を演出しています。

  6. 保守性を考慮したコーディング

    HTML・SCSS・JavaScriptを用いて、更新や機能追加にも対応しやすい構成で実装しています。

SCOPE

制作範囲

デザイン

  • UIデザイン
  • レスポンシブデザイン
  • ページレイアウト設計

開発

  • HTMLコーディング
  • SCSS実装
  • JavaScript実装
  • スクロールアニメーション
  • レスポンシブ対応

公開

  • SEO初期設定
  • 表示確認・動作確認

PRICE GUIDE

参考価格

サイト制作(デザイン込み)

198,000円〜

含まれる内容

  • 情報設計・導線設計
  • デザイン制作
  • HTML / SCSSコーディング
  • JavaScript実装
  • レスポンシブ対応
  • SEO初期設定
  • 公開サポート

コーディングのみ

60,000円〜

含まれる内容

  • HTML / SCSSコーディング
  • JavaScript実装
  • レスポンシブ対応
  • 表示確認

※サイト制作(デザイン込み)は、デザイン制作から公開までを含む場合の参考価格です。
※コーディングのみは、Figma・Adobe XD・Photoshopなどの完成したデザインデータをご支給いただく場合の参考価格です。
※ページ数・機能・フォーム・CMS・アニメーション・原稿や写真の準備状況により料金は変動します。

このようなWebサイトを制作したい方へ

地域の魅力を伝える観光・プロモーションサイトを制作します。
まだ内容が固まっていない段階でも、お気軽にご相談ください。

無料で相談する

創りたい未来を、 聞かせてください。

あなたのビジョンを、ともに形に。
まずは気軽なご相談から始めましょう。

お問い合わせはこちら