MENU

Adjust Design

Refining with technology,
connecting intentions.

MacBook Pro Mockup

Portfolio

Portfolio

Work

View All
ポートフォリオ（スライド）

ポートフォリオ（スライド）

  • 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デザインのみ）

架空サイト（食品加工業）

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

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

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

About

デザインで、応える。

WordPress を土台にしたカスタマイズ、
Vue.js＋GSAP によるインタラクティブ UI、
SCSS・モジュール設計で保守性を担保。

"見る"だけで終わらない、
使うほどに効果を実感できるサイトづくりを
追求しています。

広島でフリーランスしてます。

Skills

01

Web Design

WebサイトのUI/UXデザインから、
コーディング・保守まで。

伝えたい想いとビジネス課題を構造に落とし込み、
迷わず操作できる体験を共にデザインします。

情報設計とトーン設計を両立させつつ、
モダンで心地よい動きと印象深さを演出します。

Figma / Illustrator / Photoshop

02

Frontend Backend

WordPressのオリジナルテーマ開発や、DBを拡張したカスタマイズまで。
「更新しやすく、わかりやすい」仕組みを意識して構築しています。

Vue.jsやGSAPを駆使したインタラクティブ演出から、
会員管理や情報表示に最適化したMVC設計、
Wordpressをつかった“ちょうどいい”開発を探求し続けています。

生産性向上のための業務効率化・自動化ツール制作もご相談ください。

Wordpress（Original Theme & Custom, MVC）/ Vue.js /
GSAP / jQuery / Google Apps Script / ...

PHP / Javascript / HTML / CSS / SCSS / SQL / Python / Swift / ...

VSCode / Local / Sequel Ace / Postman / Chearls / Cursor / ...

CONTACT

Webサイトのデザイン・制作をご検討中の方は
ご相談ください。

SNSのDMからでも受け付けています。