Web Direction & Design

構造から考える
WEB制作

Figmaを起点とした情報設計・デザインから、
STUDIO・WordPress・HTMLまで柔軟に対応。
プロジェクト全体を見渡しながら制作を行います。

制作例を見る
SCROLL

業務範囲

01
ディレクション
  • 要件整理
  • ワイヤー制作(figma)
  • 進行管理
  • 顧客折衝
02
デザイン
  • Figma
  • Photoshop
  • Canva(動画)
  • Premiere Pro
03
実装
  • HTML / SCSS
  • STUDIO
  • WordPress
  • SFTP 運用

実装を理解した設計

実装を経験しているからこそ、
無理のないデザイン判断が可能です。

実装を前提とした設計を行っています。Figmaでの構造設計・デザイン段階から、実装方法や運用制約を見据え、再現性・保守性を意識した構成を心がけています。

ノーコード構築からフルコーディングまで対応可能ですが、重要なのは手法ではなく「適切な選択」。技術的制約を超えた、現実的なWEB制作を行います。

新鮮さや奇抜さを追うよりも、目的に沿った構成と伝達を重視しています。

</> Design × Code
Design Thinking
Structure × Balance

制作の立ち位置

実装を理解した立場で、
現実的な判断を行います。

  • 設計と実装の両面を経験してきた立場から、理想だけを追うのではなく、現実とのバランスを取ります。
  • 段階的制約や運用制約を踏まえ、実現可能な形へ落とし込むことを重視しています。
  • システムにはシステムに適した設計と配置を、LPにはLPに適した構成と表現を。
  • 全体を俯瞰しながら、無駄のない判断でプロジェクトを前に進めます。

私の役割

実装を踏まえた
調整と判断を担います。

要件整理から構成設計、実装前後まで、案件ごとの状況を俯瞰しながら、無駄のない形に最適化します。

新しさや奇抜さを優先するのではなく、伝えるべき内容が正確に届く構成を選択します。

理想だけで終わらない、実装まで貫徹した設計を行っています。

Direction × Craft

スキル概要

スキル詳細を見る →
思考・設計
★★★★
要件整理 情報設計 ワイヤーフレーム 導線設計

大規模システム設計の
専門領域は対象外

ディレクション
★★★★
進行管理 撮影ディレクション テキスト構成 顧客折衝

大型プロジェクト
統括経験はなし

デザイン
★★★★★
Figma Photoshop Canva Premiere Pro

アートディレクション
特化型ではなし

実装
★★★★★
HTML / SCSS JavaScript(初級) STUDIO WordPress

チーム開発・高度な
FW設計経験はなし

DTP
★★★★★
DTPデザイン 紙面構成設計 仕様確認対応 入稿データ作成

情報伝達を目的とした
紙面設計を中心に対応

Works

制作例を見る

VIEW WORKS