LP　ふるさと納税

使用ツール

• デザイン：Figma / Adobe Photoshop / Adobe Illustrator

• コーディング：HTML / CSS / JavaScript

• ライブラリ・フレームワーク：Swiper.js / Google Fonts

デザインについて

ふるさと納税の商品を広く知ってもらうためのLPサイトを作成してみました。（デモサイト：前半部分）
ビジュアルと機能性を両立し、ユーザーがスムーズに寄付に進めるように工夫しています。

LPで広く商品やサービスを広める広告も本当に重要です。
魅力が伝わるサイト制作、広告運用を一緒に考えていきますので是非ご相談ください。

１．視覚的に伝わるLP構成

・ファーストビューに おもちやおそばなどの写真 を大きく配置し、直感的に魅力を伝える
・ 返礼品一覧を カード型のデザイン にして、商品ごとの特徴がわかりやすいように工夫

２．動きのあるUIで直感的な操作性

・Swiper.jsを活用 し、返礼品のスライダーを実装

３．レスポンシブ対応（スマホ・タブレット対応）

・slidesPerView を活用し、画面サイズに応じて表示数を調整
・モバイルでは スライダーを2つ表示、PCでは5つ表示 するなど、UXを最適化