Work

  • ポートフォリオ(スライド)

    ポートフォリオ(スライド)

    • UI/UX
    • WebDesign
  • Webデザインスクール – 入校募集LP(課題制作)

    Webデザインスクール – 入校募集LP(課題制作)

    • Design
  • 架空ポートフォリオ(フォトギャラリー)

    架空ポートフォリオ(フォトギャラリー)

    • Design
  • メーカー コーポレートサイト

    メーカー コーポレートサイト

    • Backend
    • Coding
    • Design
    • Vue.js
    • Wordpress
  • 一般法人団体サイト

    一般法人団体サイト

    • Backend
    • Coding
    • DB Customize
    • Design
    • Wordpress
  • LP

    LP

    • Backend
    • Coding
    • Design
  • 架空チラシ(子供用プログラミングスクール)

    架空チラシ(子供用プログラミングスクール)

ポートフォリオ – スライド

portfolio__kenta-fujiwara__202601-2_compressed

Webデザインスクール – 入校募集LP(課題制作)

デザインスクールの新規受講生募集を目的としたランディングページ(課題制作)を作成しました。
未経験から転職や副業を目指す人が「ここなら安心して学べそう」と感じ、問い合わせ/説明会申込へ進む導線を設計しました。

ターゲット 転職や副業を目指してWebデザインを学びたい未経験者(主に20〜40代)。学習への不安があり「実務に近い学び」「講師のサポート体制」「卒業後の実績」が気になる層を想定しています。
目的 説明会参加・資料請求・入校申し込みの増加
情報設計
  • ファーストビュー:キャッチコピー+視認性の高い申込CTA
  • About:スクールのコンセプトを簡潔に提示(安心感の重視)
  • Reason(選ばれる理由):サポート体制・カリキュラムの優位性を箇条で提示
  • Course:具体的なコース概要と学習の流れ(期待値の明確化)
  • Voice:卒業生の声(写真+コメント)で信頼構築
  • Studio / Trainer:学習環境・講師プロフィール(経歴で安心感)
  • Reserve / FAQ:申込導線とよくある質問で決裁の壁を低くする

重要な導線は画面上部のCTAと、各セクション末の繰り返しCTA。未経験者の「不安→納得→申込」へ自然に導くことを重視しました。

デザイン
  • カラーパレット:親しみを出すためのオレンジをアクセントに採用。強すぎないトーンで落ち着きを確保し、信頼感と暖かさを両立。
  • タイポグラフィ:読みやすさを優先した見出しと、本文の可読性を両立する組合せを採用。
  • 親しみ表現:丸みのある文字と余白でフレンドリーさを加味。
  • レイアウト:セクションごとに情報を段階的に見せる縦スクロールの導線設計。レスポンシブ時はCTAを常に見える位置に固定する想定。
制作期間 デザイン(1週間)
使用ツール Figma(デザイン)

自分で撮影した写真を使用して、ポートフォリオ(フォトギャラリー)を作成しました(KVデザインのみ)

架空サイト(食品加工業)

既存のコーポレートサイト構成を参考に、
食品企業らしい温かみと信頼感を意識して再デザインしました。
目的:情報構成とトーンの再構築を通じた業界別ブランディング表現の検証

架空チラシ(子供用プログラミングスクール)

既存の教育系チラシの構成を参考に、プログラミング教室を想定して再デザインしました。
配色・タイポグラフィ・イラストスタイルを子どもが親しみやすいトーンに調整し、
情報を整理しながらも楽しい印象を与える構成を意識しています。