MASASHI OHTSUBO

Independent design & development

Minimal Simplify Solid Hack

本質を捉え、明快につくる。

事業への思いを整理し、デザインと技術で形にします。Webを通じて、人と企業をつなぎます。

About

デザインと開発で、事業を支える。

2010年から写真撮影とWeb制作に携わり、2020年に独立。Webサイトから生活者向けサービス、企業向けSaaSまで、デザインと開発を手がけてきました。

企画・情報設計からUI/UXデザイン、フロントエンド実装、運用改善まで担当しています。ユーザーリサーチやデザインシステムの整備、チームの進行・品質管理も担っています。

デザイナー・エンジニア・カメラマンと協力し、Web、グラフィック、撮影を通じて一貫した表現をつくります。クライアントからの依頼に加え、自らサービスや制作ツールの開発・運用にも取り組んでいます。

大坪将士

DESIGNER / DEVELOPER

大坪 将士

MASASHI OHTSUBO
DIRECTION

整理する。

事業とユーザーを理解し、目的と伝える順序を定めます。企画・情報設計から制作の進行まで担当します。

DESIGN

かたちにする。

ブランドの個性を表し、使いやすい画面をデザインします。Webサイト、サービスのUI、グラフィックを手がけます。

DEVELOPMENT

使えるものにする。

デザインの意図を、見た目と操作性に反映します。レスポンシブ実装からCMSの構築まで、運用を考えて仕上げます。

Experience

これまでの歩み

  1. UI/UXデザイン / フロントエンド

    独立を、新しい挑戦の起点に。

    デザインと開発を軸に独立しました。Webサイト、店舗の予約システム、社内ツールなど、暮らしや仕事で身近に使うものの制作に挑戦し始めました。

  2. ディレクション / フロントエンド

    つくる力を、チームの力へ。

    自ら制作しながら、全体の進行を担うディレクションにも役割を広げました。顧客の思いを整理してデザイナーやエンジニアと共有し、企画から公開・運用まで進めました。

  3. 開発ディレクション / リードデザイン / フロントエンド

    改善を重ね、サービスを育てる。

    Web制作と開発ディレクションを続けながら、サービス全体のリニューアルと継続的な改善に挑戦しました。情報設計からUI、実装まで取り組み、改善を続けるためのデザインの基盤も整えました。

  4. プロダクトデザイン / リサーチ

    人の学びを支える、プロダクトへ。

    企業の学習を支えるSaaSの開発にも活動を広げました。リードデザイナーとして企画・仕様の検討、ユーザーリサーチ、UI設計に取り組み、利用者の声をデザインに反映しました。

  5. リードデザイン / フロントエンド / リサーチ

    改善を続け、理解を深める。

    生活者向けサービスと企業向けSaaSの改善を続けました。異なる利用者や事業に向き合い、デザインと開発の両面から使いやすさを考え続けました。

  6. リードデザイン / プロダクトデザイン

    積み重ねた経験を、次の工夫へ。

    生活者向けサービスで続けてきたデザイン・開発が、ひとつの節目を迎えました。企業向けプロダクトの改善は続け、事業とユーザーの両方に応えるデザインを探りました。

  7. プロダクトデザイン / リサーチ

    事業と人の成長を、デザインで支える。

    リードデザイナーとして、プロダクトの企画・設計と改善を続けています。人の学びを支える体験を設計し、チームで使い続けられるデザインの基盤を整えています。

    • NeedMark

      開発者向けツール / オープンソース

      UIを指してコメントを書き、いつものコーディングAIへ渡す。

      開発中の画面に書いたコメントを、スクリーンショットや要素の情報と一緒にローカルへ保存します。Claude CodeやCodexなどのコーディングAIが、MCPやCLIでコメントを読み取れます。

    • NeedBack

      Webレビューツール

      体験をそのままフィードバック

      Webサイトやアプリの画面上に、直接コメントを残せるレビューツールです。レビュアーはアカウントなしで参加でき、スクリーンショットや最長90秒の画面録画で状況を伝えられます。

次の一歩を、一緒に。

サイトの新規制作・リニューアル、UIデザインのご相談。

hello@mssh.jp