Web制作の作業環境

情報を整理し、理由のある
Webデザインへ。

見た目だけでなく、何を・どの順番で・なぜ見せるかを考え、構成から制作、レスポンシブ調整、確認・修正まで対応します。

対応領域情報整理・構成設計 / Webデザイン・制作
レスポンシブ対応 / レイアウト調整・表示修正
Web制作・更新業務 約3年既存指示に沿った実装レスポンシブ・表示修正・画像編集情報をページ構成へ整理

CASE STUDY 01

専門性の異なる4つの業務を、
「身近な相談相手」という一つのブランドへ。

池澤行政書士事務所Web Design & Development
takeshiikezawa-gyosei.jp
池澤行政書士事務所の実際のWebサイト
9 PagesPlanningCopywritingDesignBuild
01CHALLENGE

幅広い業務を並べるだけでは、
「自分が相談していい相手なのか」が伝わらない。

終活・相続と、消防計画や薬局・クリニックの開業支援。対象の異なる業務が同居するため、サービス名を列挙するだけでは相談先としての輪郭がぼやけることが課題でした。

終活相続消防計画開業支援
HOW TO ORGANIZE?
02STRATEGY

サービスではなく、
「誰の、どんな不安に応えるか」から設計。

01

安心から始める

専門的な手続き名より先に「安心」「伴走」を提示。

02

暮らし / 事業で整理

異なる4業務を、相談者側の目的からグルーピング。

03

人柄を信頼材料にする

介護・相続に向き合った開業背景を、事務所紹介の中心へ。

03DESIGN

考えたことを、
実際の画面へ。

設計判断がどの画面に反映されたかを、公開サイトの実画面で示します。

実サイトのファーストビュー
01 / FIRST VIEW「安心」と「伴走」を、最初に伝える。
実サイトの事務所紹介
02 / ABOUT身近な相談相手として、人柄と背景を伝える。
実サイトの取扱業務
03 / SERVICE暮らしと事業の相談を、選びやすく整理。
ROLE

Planning / Information Architecture / Copywriting / Web Design / Development

SCOPE

9 Pages

CLIENT

池澤行政書士事務所

VIEW WEBSITE ↗

Other Works

異なる業種のWebサイトで、情報整理から見せ方までを担当した制作事例

株式会社ハイブテック WebサイトのヒーロービューWEB SITE / 産業・工作機械

株式会社ハイブテック

産業・工作機械の組立・据付を軸に、業務内容、全国対応、製作実績、採用情報を整理。技術力と一貫対応の強みが伝わる構成へまとめました。

取材資料作成/情報整理/ページ構成/見出し・本文設計/キャッチコピー作成/構築デザイン
お好み焼き 鉄板焼き と WebサイトのヒーロービューWEB SITE / 飲食店・店舗案内

お好み焼き 鉄板焼き と

店舗のこだわり、豊富なメニュー、予約・問い合わせなどの情報を整理。来店前に必要な情報へ迷わず進める構成へまとめました。

取材資料作成/情報整理/ページ構成/見出し・本文設計/キャッチコピー作成/構築デザイン
京滋ツーリングサポート WebサイトのヒーロービューWEB SITE / ツーリングサポート

京慈ツーリングサポート

サービス内容と利用の流れ、問い合わせに必要な情報を整理。初めて訪れる方にも対応内容が伝わる構成へまとめました。

取材資料作成/情報整理/ページ構成/見出し・本文設計/キャッチコピー作成/構築デザイン

Skills & Tools

情報設計からデザイン、実装・更新まで

情報を整理する
情報整理/ページ構成/ワイヤーフレーム/レイアウト
見せ方をつくる
Figma/Adobe Photoshop/Affinity
Webとして整える
HTML/CSS/JavaScript/PHP/レスポンシブ対応/表示修正

How I Support

Web制作・更新約3年で得た実装・設計・調査・説明の経験を、オンラインでの制作支援へつなげます。

制作を始めたばかりの頃の制作実務経験を経た制作
IMPLEMENTATION01 / 05

つまずいた経験を
実務の知見として伝える

EXPERIENCE

制作を始めたばかりの頃は、レイアウト崩れの原因が分からず試行錯誤しました。その後、実務で使われるHTML・CSSやレスポンシブ対応を重ね、原因と直し方を整理して捉えられるようになりました。

HOW IT HELPS

つまずきやすい点を知っているからこそ、確認する順番と理由を、ご相談者様の理解度に合わせて伝えられます。

調査・材料整理ワイヤーフレーム修正
DESIGN02 / 05

調査・整理した材料を
実務の設計へつなげる

EXPERIENCE

検索結果・地図・同業他社サイト・支給素材を見比べ、必要な情報や見せ方を整理したうえで、ワイヤーフレームへ落とし込んできました。

HOW IT HELPS

調査→整理→設計の流れと、自分がレビューで指摘を受け改善してきた点も含め、実務の判断基準を共有できます。

市場調査からデザインへ
RESEARCH03 / 05

調査を、デザインの
根拠へつなげる

EXPERIENCE

制作前に、近隣の同業他社や関連語の検索結果を確認し、その業種で求められる情報や見せ方を整理してきました。

HOW IT HELPS

調査結果から、必要な情報・優先順位・その業種らしい見せ方を組み立てる考え方を伝えられます。

制作意図を説明する様子
EXPLANATION04 / 05

意図を、伝わる言葉に
置き換える

EXPERIENCE

ワイヤーフレームの構成やデザインについて、なぜこの順番・見せ方にしたのかを、ディレクターやクライアントへ説明する機会を重ねてきました。

HOW IT HELPS

社会人経験の中でも「説明が分かりやすい」と言っていただくことがあり、ご相談者様に合わせて要点を整理する力を制作支援に活かせます。

Chatworkでのオンライン支援
ONLINE SUPPORT05 / 05

質問を、次の一歩へ
つなげる

EXPERIENCE

Chatworkで届く質問や制作物を確認し、修正点だけでなく「なぜそうした方がよいのか」まで短く整理して返します。

HOW IT HELPS

利用者様それぞれの理解度やペースに合わせ、次の制作で自分でも判断できる支援を心がけます。

PROFILE

プロフィール

これまでの経験を、制作を始めたばかりの方への支援に活かしたいと考えています。

PROFILE

高橋 広大

Web制作・運用 約3年 / 構成・デザイン・制作 / 現在もWeb制作を継続

SEOを主軸とするWeb制作・運用

約3年間、Webサイトの制作と運用を実務で経験

一般事務として約2年

他業種への関心などから、一時Webコンテンツ制作から離れる

フリーランスとしてWeb制作に携わる

現在はフリーランスとして、Webサイトの構成検討からデザイン・制作まで幅広く携わっています。制作を続ける中で培った知識や考え方を、今後は人に伝え、支援することにも活かしていきたいと考えています。