About

Hi, I’m Masazumi from HM Works.

7年間フリーランスのWebライターとして、金融・IT・不動産ジャンルを中心に約1,000本の記事制作に携わってきました。

制作では、検索意図の分析からキーワード選定、見出し構造の設計、内部リンク導線、公開後のリライト改善までを一貫して担当しています。

Why Web Design

Webライターとして記事制作を行う中で、検索者の意図を読み取り「どんな情報を、どの順番で、どう見せれば伝わるのか」を常に考えてきました。

その過程で、内容が良くてもレイアウトや視線の流れ、操作のしやすさによって読まれ方や行動が大きく変わることを実感しました。

文章だけで価値を届けるのではなく、情報設計やUI/UXを含めた体験全体を設計する仕事に取り組みたいと考え、Webデザインを志しました。

これまで培ってきた「検索者・ユーザー視点で考える力」を活かし、使いやすく、意図が伝わるデザインを実装できるWebデザイナーを目指しています。

Learning & Practice

自己評価(5段階)


※Figma / Photoshop / HTML/CSS:制作を通じて学習中 / JavaScript:基礎学習中

Figma

  • コンポーネント設計
  • Auto Layout
  • レイアウト設計(8pt Grid)
  • プロトタイピング

Photoshop

  • 画像補正・トリミング
  • Web用書き出し

HTML / CSS

  • セマンティックHTML
  • Flexbox / Grid
  • レスポンシブ対応
  • 保守しやすい構造設計

JavaScript

  • DOM操作(基礎)
  • イベント処理

Webデザイナーとしての基礎を固めるため、就労移行支援事業所のキズキビジネスカレッジで、Figma/Photoshop/Illustratorを用いたデザイン制作、HTML/CSS、JavaScriptの基礎を学びました

また、カレッジ外でも講座受講と制作を継続し、実際のWeb制作を想定した課題や自主制作を通して、ポートフォリオとして作品を積み上げています。

Strengths

  • UI/UX視点のデザイン:余白・視線誘導・操作のわかりやすさを意識した設計
  • フロントエンド実装:HTML/CSSを中心に、読みやすく保守しやすい構造で実装
  • 運用・改善:公開後の修正・改善までを想定した更新しやすい設計
  • 情報設計・導線設計:ユーザーの目的や検索意図を逆算した構造と導線設計