整理 構造 ことば 体験

Haruka Matsuda — Portfolio

思考が、形になって、届くまで。

情報を整理し、伝わる形に変え、体験として届ける。
散らかったままの想いを、いちばん伝わる姿に整えます。

スクロールすると、思考が動き出します

考える。

課題と向き合い、本当の目的を探すところから。

整える。

情報を分類し、優先順位をつけ、余計なものを手放す。

形にする。

デザインと言葉で、構造を目に見えるものへ。

届ける。

受け取る人の体験として、そっと手渡すまでが仕事です。

About

整理して、伝わる形にする人。

はじめまして。松田 はるか(Haruka Matsuda)です。
学生時代からデザイン制作の現場で、バナー・SNS画像・LP・動画・紙ものを作ってきました。 いまは平日、事業会社でコンサルタントとして情報整理と課題の構造化を仕事にしています。 でも、私の仕事の本体は「作ること」そのものではありません。

散らかった情報や、まだ言葉になっていない想いを、いちど全部ひろげて、 並べ替えて、いちばん伝わる形に整えること。
それが、どの仕事でも変わらない、私のしていることです。

  • 01

    「誰のための情報か」から始める

    作る前に、受け取る人の頭の中を想像するところから設計します。

  • 02

    削る勇気を持つ

    全部載せることと、全部伝わることは違う。引き算も設計のうちです。

  • 03

    体験として確かめる

    完成物ではなく、見た人の中に残るものまでを成果と考えます。

頭の中は、いつも少し散らかっている。

だから私は、並べ替えるところから始めます。

01

整理する

02

構造にする

03

表現にする

情報が多すぎる
誰に届けたい?
本当に言いたいこと
順番を決める
グルーピング
導線を引く
トーンを揃える
余白と強弱
言葉を磨く

Works

公開できる範囲で、少しだけ。

クライアントワークは守秘の都合で出せないものが多いため、ここには自社で運用しているツールと、架空クライアントを想定して作った採用サイトの型を置いています。制作会社での実案件(LP・パンフレット・印刷物・広告バナー)は限定公開にしていますので、ご相談の際にURLをお渡しします。

採用サイトの作例「kumiki」ファーストビュー
採用サイト

読む量が多くても、迷わせない

多職種・条件も仕事も正直に厚く載せる会社向け。左に常設ナビを置き、「知りたい順」に読み進められる構成にしました。

架空クライアントを想定した作例です

採用サイトの作例「NAGI」ファーストビュー
採用サイト

余白と明朝で、静かに信頼を渡す

言葉数を増やさずに品を出したい会社向け。写真を主役にして、コピーは削りきる。情緒で惹きつけて、数字で裏づける順番にしています。

架空クライアントを想定した作例です

採用サイトの作例「ともしび」ファーストビュー
採用サイト

理念から入って、仕事に着地させる

「何のためにやっているか」が一番の魅力になる会社向け。理念で入り、最後は必ず具体的な仕事と条件まで降ろす設計です。

架空クライアントを想定した作例です

採用サイトの作例「RDC」ファーストビュー
採用サイト

世界観で惹きつけ、熱量で口説く

食・小売など、現場の熱がそのまま魅力になる業種向け。暗い背景に一点の赤で温度をつくり、エントリーまでを一息で運びます。

架空クライアントを想定した作例です

採用LPの作例「みなも銀行」ファーストビュー
採用LP

堅い会社のIT職種を、1枚で口説く

銀行・保険・インフラなど、会社の印象と募集職種がずれている場合向け。「うちは堅いです」を隠さず、その上で面白さを提示します。

架空クライアントを想定した作例です

採用サイトの作例「TENSEN INC.」ファーストビュー
採用サイト

サイトの出来そのものが、募集要項になる

制作会社・デザイン職の募集向け。大判タイポと生成的な背景で「ここで働くとこれが作れる」を、説明ではなく体験で見せています。

架空クライアントを想定した作例です

教育

オンライン家庭教師(指導歴6年)

高校数学・中学数学と、情報/工学部の総合型選抜対策。生徒ごとに教材と進め方を設計し、保護者への報告まで仕組みにしています。

マナリンク 評価 5.00(41件)/合格実績 7校

One Work, Four Depths

同じ仕事を、
深さを変えて見る。

01 — 引き

まず、全体。

これは何のためのサイトか。文脈から確かめます。

02 — 寄り

次に、細部。

言葉の選び方、余白の量。細部が信頼をつくります。

03 — 構造

その下の、骨組み。

情報の順番が、体験を決める。見えない部分こそ設計します。

04 — 完成

そして、届く形へ。

全体・細部・構造が揃って、はじめて「伝わる」になります。

01 / 04

Restricted Archive

この先は、限定公開の書庫です。

制作会社に在籍していた期間のクライアントワーク — LP・パンフレット・印刷物と、
広告バナー89点。目的・制作期間・どう考えて決めたかまで残しています。
守秘の都合で表には出せないため、限定URLをお渡ししています。

Private Archive — LP / Pamphlet / Print / 89 Banners

Service

「作る」の手前から、ご一緒できます。

01

整理と設計の相談

「何から手をつければいいか分からない」段階からで大丈夫。頭の中を一緒にひろげて、並べ替えます。

  • 情報設計・構成の壁打ち
  • UX分析・導線の見直し
  • 要件やコンセプトの言語化
02

伝わるものづくり

整理した構造を、そのまま形にします。媒体は目的に合わせて選びます。

  • Webサイト / LP 制作
  • アプリ・業務ツール開発
  • バナー・チラシ・動画・SNSクリエイティブ
03

続けていく仕組み

作って終わりにしない。ご自身で運用できる状態までを、成果物と考えています。

  • デザインテンプレート設計
  • 運用ガイド・マニュアル
  • 公開後の改善レポート

Career / Qualifications

遠回りも、ぜんぶ設計の材料に。

  1. 2021

    お茶の水女子大学 理学部 情報科学科へ

    情報科学を学びながら、オンライン家庭教師として指導を始める。「わかるように説明する」が、いまの仕事の原点。

  2. 2022

    デザイン制作の現場へ(〜2025)

    制作会社でデザイナーとして、バナー・SNS画像・LP・動画・ポストカードを担当。媒体と目的に応じてレイアウト・配色・タイポグラフィを設計し分ける経験を積む。

  3. 2025

    事業会社にコンサルタントとして入社

    顧客業務や課題の整理、調査内容の構造化、資料作成を担当。複雑な情報を関係者の共通認識に変えるドキュメンテーションに従事。

  4. 2026〜

    整理と制作を、ひとつの仕事に

    UX分析(業務委託)で競合調査・情報設計・ワイヤーフレームを担当しながら、Design Works.ハルカとして制作も受託。思考が形になって届くまでを、一貫してお手伝いしています。

資格・学び

  • AWS Certified Solutions Architect – Associate
  • Salesforce 認定アドミニストレーター
  • 統計検定 2級
  • Google Cloud Digital Leader
  • 基本情報技術者
  • 実用英語技能検定 準1級
  • 中国語検定 2級

よく使う道具

  • Figma
  • Illustrator / Photoshop
  • HTML / CSS / JavaScript
  • React / Next.js
  • After Effects
  • GA4 / Cloudflare
  • 生成AI(Claude / ChatGPT)

Philosophy

作ることは、目的ではありません。

どんな仕事にも、まだ言葉になっていない魅力があると思っています。

私は、それを見つけて、そっと並べ替えて、
受け取る人の手元まで運びたい。

派手なものでなくていい。
ちゃんと届くものを、静かに、丁寧に。

Web制作 アプリ / ツール UX分析 バナー チラシ 動画 SNS

たくさん作れる人、ではなく。

複雑なことを、整理して伝わる形にする人です。

相談してみる

Contact

まだ形になっていない相談も、歓迎です。

「何を頼めばいいか分からない」という状態のままで、大丈夫。
一緒に整理するところから始めましょう。

メールで相談する

designworks.haruka@gmail.com
通常 3営業日以内にお返事しています。