【制作実績】パーツギャラリー|LP・記事UIパーツ集(レスポンシブ対応)

見て分かるパーツを
集めてみました。配色や各パーツのカスタマイズ可能です。4種類の配色パターンから、
お好みのテーマを
お選びください。

FAQアコーディオン(よくある質問)

よくある質問や相談例を折りたたみ形式で表示します。クリックで開閉できます。

よくある相談

確かに、若い世代と比べれば投資期間は短くなります。しかし、「短い=意味がない」とは限りません。重要なのは、ご自身のリスク許容度と資産配分のバランスです。

資産が増えるかどうかは、市場環境によって大きく左右されますが、歴史を振り返ると10年という長い期間で資産増加は期待できる傾向にあります。ただし過去のデータは参考にすることはできますが、将来の運用成果を保証するものではありません。

一般的には、まずNISAで「いつでも引き出せる資産」を作り、余裕があればiDeCoで「老後専用の資産」を積み立てるのがおすすめです。ただし、所得が高く節税メリットが大きい方はiDeCo優先も選択肢になります。

診断フロー(CTA付き)

質問に答えるだけで最適な選択肢が分かる診断ツールです。結果画面にCTAボタンを設置し、コンバージョンにつなげます。

投資スタイル診断

質問 1 / 4

投資の経験はありますか?(株式・投資信託など)

質問 2 / 4

60歳まで引き出せなくても大丈夫な余裕資金がありますか?

質問 2 / 4

まずは少額から投資を始めてみたいですか?

質問 3 / 4

所得税・住民税を払っていますか?(節税メリット確認)

質問 3 / 4

いつでも引き出せる柔軟性を重視しますか?

質問 3 / 4

毎月決まった金額を自動で積み立てたいですか?

質問 3 / 4

まず投資の仕組みをしっかり学びたいですか?

質問 4 / 4

老後資金の準備を最優先にしたいですか?

質問 4 / 4

運用益非課税のメリットを活用したいですか?

質問 4 / 4

教育費や住宅購入など、近い将来の出費に備えたいですか?

質問 4 / 4

長期的な資産形成を重視しますか?

質問 4 / 4

節税効果も期待したいですか?

質問 4 / 4

自分のペースで投資額を調整したいですか?

質問 4 / 4

公的機関の情報を参考にしたいですか?

質問 4 / 4

老後のための専用資金を作りたいですか?

NISAがおすすめです!

いつでも引き出せる柔軟性と、運用益非課税のメリットを活かせます。少額から始められるので、投資デビューにも最適です。

iDeCoで節税しながら資産形成!

掛金全額が所得控除になり、節税効果は抜群。60歳まで引き出せませんが、老後資金の準備に最適な制度です。

まずはNISAの基本を学びましょう

投資初心者の方には、まず金融庁の公式サイトでNISAの仕組みを理解することをおすすめします。分かりやすい解説が充実しています。

NISA公式サイトへ

※外部サイトに移動します

iDeCoで老後資金を準備!

老後専用の資産形成には、iDeCoが最適。公式サイトで詳しい制度内容や加入方法を確認しましょう。

iDeCo公式サイトへ

※外部サイトに移動します

診断フロー(Yes/No分岐)

質問に答えるだけで最適な選択肢が分かる診断ツールです。iDeCo適性診断、NISA診断などに活用できます。

iDeCo適性診断

質問 1

60歳まで引き出せなくても大丈夫な余裕資金がありますか?

質問 2

所得税・住民税を払っていますか?

質問 2

まず生活防衛資金を貯めることに集中したいですか?

質問 3

毎月5,000円以上を長期間積み立てられますか?

質問 3

運用益非課税のメリットだけでもiDeCoを始めたいですか?

質問 3

貯金と並行して少額からでも投資を始めたいですか?

質問 3

引き出し自由な投資(NISA)を優先したいですか?

iDeCoがおすすめです!

節税効果を最大限活用できます。掛金全額が所得控除に。

まずはNISAから

少額なら引き出し自由なNISAが柔軟です。

iDeCoでも運用益非課税のメリットあり

所得控除はなくても、運用益非課税は活用できます。

NISAがおすすめ

所得控除がない場合、NISAの方が使い勝手が良いです。

NISAで少額から始めましょう

貯金しながらNISAで月1,000円から投資可能です。

まず貯金を優先

生活費6ヶ月分を確保してから投資を始めましょう。

NISAを優先

流動性重視ならNISA。余裕ができたらiDeCoも。

まず貯金から始めましょう

現時点では貯金優先。6ヶ月分貯まったら再検討を。

比較表

2つ以上の選択肢を項目ごとに比較する表です。

2列比較表

項目 つみたてNISA iDeCo
年間投資上限 120万円 14.4〜81.6万円
税制メリット 運用益非課税 掛金全額控除
引き出し いつでもOK 60歳まで不可
おすすめ 投資初心者 節税重視派

マトリクス図(4象限タイプ)

2つの軸で4つの象限に分類する図解です。

リスク × リターン マトリクス

マトリクス図(2点プロットタイプ)

2つの選択肢を2軸の座標上に配置する図解です。

流動性 × 節税効果

タイムライン

年齢や時期ごとの流れを視覚的に表現する図解です。

ライフプラン時間軸

縦型棒グラフ(積み上げ)

金額や数値の内訳を視覚的に比較できる図解です。

課税口座 vs NISA口座

フローチャート

手続きやプロセスの流れをステップごとに表示する図解です。

NISA口座開設の流れ

  1. STEP 1

    証券会社を選ぶ

    手数料・取扱商品を比較

  2. STEP 2

    口座開設を申し込む

    本人確認書類を準備

  3. STEP 3

    NISA口座を開設

    税務署の審査(1〜2週間)

  4. STEP 4

    積立設定をする

    商品・金額・頻度を決定

ステップボックス Type A

シンプルで汎用性の高いステップボックス。円形の番号の上に「STEP」ラベルを配置。

NISAを始める3ステップ

STEP
1
証券口座を開設
ネット証券で無料で開設できます
STEP
2
NISA口座を申請
税務署の審査に1〜2週間
STEP
3
投資スタート!
少額から始められます

ステップボックス Type B

カードデザインで各ステップを独立させ、ホバー効果で動きを演出。

相談までの流れ

STEP 1
お問い合わせ
フォームまたはLINEでご連絡ください
STEP 2
ヒアリング
現状とご希望を丁寧にお伺いします
STEP 3
ご提案
最適なプランをご提案します

横型棒グラフ

数値や割合を横方向のバーで表現する図解です。

生活防衛資金の目安

折れ線グラフ

時間の経過に伴う数値の変化を表現する図解です。

積立投資シミュレーション

インフォボックス

重要な情報を目立たせるためのボックスです。

メリット・デメリットボックス

左にメリット、右にデメリットを配置。スマホでは縦並びに自動変換されます。

NISAのメリット・デメリット

メリット
  • 運用益が非課税になる
  • 少額から始められる
  • いつでも引き出し可能
デメリット
  • 元本保証がない
  • 年間投資枠に上限がある
  • 損益通算ができない

メリデメ+ポイント

メリット・デメリットの下に
補足説明を追加したバージョン。

iDeCoのメリット・デメリット

メリット
  • 所得控除で節税効果が高い
  • 運用益も非課税
  • 受取時も税制優遇あり
デメリット
  • 60歳まで原則引き出せない
  • 掛金の上限がある
  • 手数料がかかる
ポイント

iDeCoは老後資金専用の制度です。60歳まで引き出せないため、生活防衛資金は別途確保しておくことをおすすめします。

ペルソナボックス(共感・自分ごと化)

読者に「それ私だ」と思わせる鏡。当事者スイッチを入れて本文への導入を作ります。

基本パターン

シンプル版

一次体験ボックス(信頼・根拠)

「この人の話、信用できる」
と思わせる根拠。
「専門知識+現場感+結果」を短く
提示して信頼の土台を作ります。

基本パターン

シンプル版

チェックリスト(やることリスト)

確認すべき項目や準備事項をチェックリスト形式で表示します。

NISAを始める前のポイント

用語解説ボックス(ミニ辞書)

専門用語や難しい言葉を分かりやすく解説するボックスです。

用語解説

NISA(少額投資非課税制度)とは
NISA(ニーサ)は、投資で得た利益が非課税になる制度です。通常、株式や投資信託の利益には約20%の税金がかかりますが、NISA口座で運用すれば税金がゼロになります。2024年から制度が大幅に拡充され、非課税保有限度額は最大1,800万円になりました。

生成AI記事仕上げサービス

AIで書いた記事を、プロが読みやすく・美しく仕上げます。

このギャラリーでご覧いただいたパーツは、すべて「生成AI記事仕上げサービス」でご依頼いただける内容のサンプルです。
レイアウト調整・モバイル最適化・図解作成など、AI原稿を記事として完成させるお手伝いをしています。

  • 営業目的の連絡はしません
  • 要件が未整理でも大丈夫です
  • まずは「できる/できない」だけ
    回答します
まず相談してみる

お問い合わせ時にお伝えいただくと
スムーズです

  • 相談内容:LP / 記事 / 崩れ修正 / 速度改善 など
  • 素材:デザインデータの有無(XD / AI / なし)
  • 期限:いつまでに必要か
  • URL:対象ページ(あれば)