UX/UI Designer / Web Designer / Web Director

行動を変えるデザイン

UXデザイン、Webデザイン、Webディレクションの3つの領域を実務で経験してきました。Web業界での実務は12年以上、フリーランスとして7年以上です。

現在は、BtoB業務システムのUX/UI改善を主な業務としています。それ以外には、サイト制作やサイト運用についての相談に対応しています。設計・デザイン・実装をすべて実務で経験しているため、実装できない設計を描くことがなく、実装の都合で設計の意図を損なうこともありません。

UX DESIGN UXデザイン

業務システムの改善。ヒアリング、情報設計(IA)、画面設計

UXデザインを見る
WEB DESIGN Webデザイン・制作

LP・サイト制作。構成設計、デザイン、実装、WordPress構築

Webデザインを見る
WEB DIRECTION Webディレクション

公開後のサイトの更新・運用と、その進め方についての相談役

Webディレクションを見る
氏名 白川 聖(しらかわ あきら)
職種 UX/UIデザイナー/Webデザイナー/Webディレクター(フリーランス)
実務経験 Web業界12年以上/UXデザイン専任1年半以上
稼働可能 週2〜3日程度
勤務形態 リモートを基本に、条件により月1回程度の出社にも対応可能(鹿児島拠点・案件の多くが首都圏のクライアント)
Career
UX Design

複雑な業務に入り込み、
判断の根拠から画面をつくる。

審査や判断をともなう、専門性の高い業務システムのUX/UI改善を担当しています。業務のルールや用語まで理解したうえで、利用者が何を見て、何を決めているのかを整理し、画面に落とし込みます。

関係者の前提がずれたまま進みそうな場面では、事実と仮説を切り分けて論点をそろえます。開発工数や既存仕様の制約があっても、実現しやすい案から踏み込んだ案まで幅を持たせ、決める人が選べる状態をつくります。

強み

専門性の高い業務ドメインに入り込んだ設計

判断や審査をともなう専門性の高い業務領域で、継続的に改修案件を担当しています。業務上のルールや用語を理解したうえで、利用者が何を見て何を判断するのかを整理し、画面に落とし込みます。

業務ドメイン理解情報設計(IA)

前提の可視化と、関係者間の認識統一

資料に書かれた事実と、口頭で共有された情報と、担当者の解釈を分けて文書化し、確定事項・仮説・要確認として区別します。最適解を出すことより、関係者が同じ前提に立てる状態をつくることを優先しています。

ステークホルダー調整設計ドキュメント

制約のなかで選択肢をつくる

開発工数や既存仕様の制約で、理想的な案をそのまま実現できないことは多くあります。実現しやすい案から踏み込んだ案まで幅を持たせて提示し、意思決定者が実現可能なラインを判断できる状態をつくります。

課題の再定義デザインハンドオフ

取り組み方の例

前提の検証

想定ではなく、実際の使われ方から組み直す

画面は、想定された使われ方と実態がずれていることがあります。現場へのヒアリングで実態を確かめ、利用者が何を見て判断しているのかを整理したうえで、情報の並びや見せ方を組み直します。

ヒアリングタスク分解情報設計(IA)
合意形成

決まった方針に、根拠を添える

方針がすでに決まっている場面では、最適解を探し直すより、なぜそれが必要なのかを事実で裏づけることを優先します。業務の流れやデータをもとに、関係者が同じ前提で進められる状態をつくります。

現状分析CJM設計ドキュメント
言葉の設計

言葉で、行動のハードルを下げる

操作が途中で止まる原因は、画面の構造だけでなく言葉にあることもあります。思い込みをほどく一言や、利用者にとってのメリットが伝わる言い方に変えることで、迷わず進める画面にします。

マイクロコピーUI設計

詳しい事例は、ご連絡いただいた方に個別にご紹介しています。お問い合わせはこちら

実践している手法

手法 実践内容
ユーザーヒアリング 現場部門へのヒアリングを設計・実施し、結果を構造化。前提の検証に使用しています。
ペルソナ 業務担当者の役割・行動・判断基準を定義しています。
カスタマージャーニーマップ 行動・思考・感情・痛みを整理し、現状と改善後を可視化しています。
タスク分解 ゴールからタスク、参照項目までを分解し、情報の優先順位を判定しています。
情報設計(IA) 複雑な情報の重要度分類、出し分け要件の整理を行っています。
設計ドキュメント 事実・仮説・要確認を区別して記述し、論点を可視化しています。
Figma ワイヤーフレーム、UIデザイン、プロトタイプ、コンポーネント管理を行っています。
Web Design

設計から実装、公開後の運用まで、
一人で形にする。

LPやWebサイトの制作を、構成・デザイン・コーディング・WordPress構築、公開後の運用まで一人で担当してきました。改修・更新の比率が高いのは、キャリア初期に制作会社・広告代理店で多数のクライアントの依頼に対応したためです。直近では、ひとつのサービスやサイトの運用を長く継続することが増え、契約も長期化する傾向にあります。

制作物をつくること自体より、成果を上げるために何をすべきかを考えるデザイナーでありたいと考えています。Webまわりを一人で担当するインハウスデザイナーとしての立ち回りや、事業の立ち上げ・推進フェーズを得意とします。

165本以上
LP・サイトの制作実績
20本以上
WordPress新規構築
200枚以上
バナー・広告クリエイティブ

強み

デザインから実装、CMS構築までのワンストップ対応

構成設計からデザイン、コーディングまでを一貫して担当してきました。既製テーマを使わない独自テーマでのWordPress構築や、サイトの立ち上げから更新・改善、セキュリティ対策まで対応できます。

設計〜実装まで一貫対応WordPress

Web担当者が不在の組織で成果を出してきた推進力

IT部門のない事業会社で「ひとりWeb担当者」として、サイト制作・広告運用・紙媒体までを内製化しました。広告運用の実務経験から、数字と目的にもとづくデザイン設計を実践しています。

ひとりWeb担当広告運用の実務経験

新規制作にとどまらない、長期運用・改修の経験

公開後の継続的な保守運用、UX/UI改修、企業全体のデザイン業務にも従事してきました。他者がつくったコードや構成を読み解いて手を入れる作業に慣れています。

改修・更新対応長期運用・保守

取り組み方の例

LP制作

既存の世界観を保ちながら、成果につながる形にする

既存サイトのトーンを踏襲しつつ、目的に合わせて見せ方を調整します。図版の企画からデザイン、コーディングまで一貫して担当し、公開後も長く使われ続けることを前提につくります。

構成設計デザインコーディング
情報設計

資料をそのまま形にせず、構造から組み立てる

提供された資料をそのままデザインに起こすのではなく、情報の分解・配置から構成、UIへと順に落とし込みます。なぜこの配置・この導線なのかを説明できる状態にし、認識のズレと手戻りを防ぎます。

情報設計(IA)構成設計Figma
Web Direction

手を動かしてきた経験があるから、
無理のない進め方を提案できる。

ディレクションが機能するのは、制作業務そのものの経験があるからだと考えています。12年以上にわたって、設計からデザイン、実装、公開後の運用までを自分の手で担当してきました。何にどれだけ時間がかかるか、どこを省けば品質を落とさずに済むかの見当がつくため、進め方を最適な形で組み立てられます。必要であれば、自分が作業者として手を動かすこともできます。

実際の業務は、大きな制作案件よりも、公開後の更新と改善が中心です。日々の更新依頼に対応しながら、どう直すのがよいか、そもそも直す必要があるのかという相談に乗る。長く任されているサイトほど、この積み重ねが効いてきます。

10サイト以上
一人で管理したサイト数
9年以上
サイトの更新・保守運用

強み

複数サイトを一人で見てきた、運用の相談役

グループ会社のサイトをまとめて一人で管理した経験があり、複数サイトの運用に慣れています。日々の更新依頼に対応しながら、どう直すのがよいか、そもそも直す必要があるのかという相談に乗る。これが私の考えるディレクションの中心です。

どこにコストをかければ無駄なく成果が出るかという費用対効果を常に意識して動きます。経営側の意図を現場の施策に落とし込み、予算とスケジュールの制約のなかで着地させることが役割だと考えています。必要に応じて、外部パートナーの選定や指示書の作成にも対応します。

サイト運用・更新マルチサイト管理要件定義・予算管理

取り組み方の例

課題の再定義

変えるべきものを見極める

「作り直したい」という相談でも、本当に必要なのはデザインの刷新ではなく、安全に運用できる状態に戻すことだった、ということがあります。課題を定義し直し、残すものと変えるものを分けることで、費用を抑えながら安定した運用につなげます。

課題の再定義運用改善
運用の相談

直す前に、直す必要があるかを考える

日々の更新依頼にそのまま応えるだけでなく、どう直すのがよいか、そもそも直す必要があるのかを一緒に考えます。手を動かす側の事情が分かるぶん、無理のない進め方を提案できます。

サイト運用・更新改善提案
Contact

お問い合わせ

案件の性質上、具体的な案件名や画面は掲載を控えています。事例の詳細や進め方について知りたい方は、お気軽にご連絡ください。個別にご紹介します。

メール of.shirakawaakira@gmail.com
稼働可能時間 週2〜3日程度
契約形態 準委任(業務委託)を基本とし、ご要望に応じて相談可
対応環境 リモートを基本に、条件により月1回程度の出社にも対応可能。Slack、Teams、Chatwork等に対応