portfolio_blog

Transcript

1. Direction&WebDesigner ポ ー ト フ ォ リ オ 価値を整理し、伝わる構造をつくる
2. 証券会社で保険営業(toB/toC)として勤務 2014年4月~2016年11月まで在籍。結婚のため退職 総合病院で総務として経理/人事として勤務 2016年12月~2021年11月まで在籍。スキルアップのため退職 ITスタートアップ企業で人事として勤務中 2021年12月~2026年3月現在在籍中。現在育児休業中で4月より復帰予定 デジタルハリウッドスタジオwebデザイナー受講 2025年5月~2026年2月までwebデザインの基礎から応用までを習得 フリーランスデザイナーとして活動 2025年2月より活動開始。 Profile 私について name ヒアリングを通して見えない強みを言語化し、伝わる構造として企画・情 報設計に落とし込むことを得意としています。 制作を始める前に、ペルソナの趣味嗜好や価値観、行動まで掘り下げ、 「誰 に何をどう伝えるべきか」を整理します。 営業・人事として多くの人と向き合ってきた経験から、異なる立場の視点 を踏まえて整理することを大切にしています。 経歴
3. Photoshop / Illustrator バナー制作 画像加工 図解・資料デザイン 簡易ロゴ / アイコン制作 Figma ワイヤーフレーム UIデザイン プロトタイプ制作 デザインシステム管理 Design Tools & Skills 使用可能ツールとできること HTML / CSS / JavaScript レスポンシブサイト構築 LP制作 アニメーション実装 基本的なSEO構造設計 Front-end
4. My Approach デザインで大切にしていること 価値を整理し、伝わる形にする。 営業・人事の経験を通して、 価値があるのに伝わっていないサービスや人を多く見てきました。 だからこそ制作では、見た目よりも先に 「誰に何をどう届けるか」を整理します。 対話から本質を見つけ、 情報設計と導線設計によって伝わる構造をつくる。 その上でデザインと実装を重ねることで、 自然と行動につながる体験を設計します。
5. Strengthpproach 得意領域 ヒアリング/課題整理 情報設計 UX設計 言葉の背景にある 課題や意図を整理すること を得意としています。 カスタマージャーニーをもとに、 ユーザーが迷わず理解できる 情報構造を設計します。 ユーザーの行動や心理を整理し、 自然と行動につながる 導線設計を行います。
6. Works 制作実績 ホームページ/LP
7. ジャンル 採用サ イト/医療 担当範囲 企画 /ペルソナ設計/情報設計 デ ザ イン/コーデ ィング 制作期間 約3ヶ月 使用ツール Figma/HTML/CSS/JavaScript ＊＊総合病院 看護部 採用サイトリニューアル ブランクのある看護師が安心して復職で きる導線設計をテーマに制作しました。 HP recruit site PORTFOLIO UX設計
9. 要件定義 ターゲット ブランクのある看護師 子育てや家庭の事情で現場を離れていたが、復職を検討している人 また、職場環境や教育体制に不安を感じている若手看護師にも届くサイトにする 伝えたいこと ブランクがあっても安心して復職できる教育体制があること スタッフ同士の関係性や職場の雰囲気 長く働ける環境が整っていること 看護部として大切にしている考え方や方針 目的 応募導線を整理 復職看護師向けコンテンツ追加 現状サイトの課題 仕事内容や制度の説明が中心で、実際の働くイメージが伝わりにくい ブランクのある看護師が感じる不安に十分に寄り添えていない 応募までの導線が分かりにくい HP recruit site PORTFOLIO UX設計
10. ペルソナ 行動パターン デバイス：スマホ中心(8割) 情報源：求人サイトに加え病院公式H Pや口コミの情報も重視 意思決定：夫と相談し週末に応募 転職活動のポイント 転職先に求めるもの 勤務条件の柔軟さ 子育て支援（時短・託児所・シフトの柔軟性・急な休みへの理解） 職場雰囲気（チームワーク） 採用サイトで見るところ 第一印象重視 自分と同じ境遇（ママ・ブランク）の活躍が分かる HP recruit site PORTFOLIO UX設計 氏名 清水 さやか 年齢 41歳 経歴 急性期病棟で勤務したのち出産を機に退職。 ブランク8年 キャリア チームワーク重視/パートで復職したのち正 社員にスキルアップの意向
11. カスタマージャーニー HP recruit site PORTFOLIO UX設計 求人サイト 「近所の病院だ、 気になる」 行動 思考・感情 求人媒体 （Google検索） タッチポイント トップメッセージ ビジョン 必要なコンテンツ・ 工夫 認知 採用サイト訪問 「ママ向けって本 当？雰囲気は？」 採用サイトTOP 共感できるコピー・ ビジュアル 興味 インタビューや 働き方を見る 「自分に合う かな？」 職員インタビュー 勤務例 スタッフの声 カルチャー 比較・検討 制度/福利厚生 を調べる 「子育てと 両立できる？」 制度ページ 時短勤務などの 柔軟制度の明示 不安払拭 応募・問い合わせ 「まず話を聞いて みたい」 応募フォーム 電話 シンプルな応募導線 スマホ対応 行動
12. HP recruit site PORTFOLIO UX設計 サイトのコンセプト ペルソナが「ここなら長く働けそう」と感じ、応募につなげる キーワード 「数字で安心」 「声で共感」 「実例で納得」 「導線で行動」 表現方法 ①　数字やピクトグラム→3秒で特徴を伝える ②　スタッフ写真/インタビュー→よりリアルな雰囲気を伝える ③　柔軟な働き方の実例→他院との差別化 ④　スマホでも迷わない導線設計→行動に繋げる
13. フォント あアAa Noto Sans JP HP recruit site PORTFOLIO UX設計 デザインシステム 看護師が安心して復職を検討できるよう、医療機関としての 信頼感と職場の温かさが伝わるデザインを設計しました。 清潔感のある配色と読みやすいタイポグラフィを基盤に、 情報を整理したシンプルな構造で、初めて訪れる人でも迷わ ず理解できるサイトを目指しています。 写真ではスタッフ同士の自然な関係性や表情を切り取り、 職場の雰囲気が伝わるビジュアル表現を意識しました。 #F5F7FA #E8F2FF #1D90DC #FFFFFF Noto Serif JP あアAa
14. ジャンル LP / コンサ ルテ ィング 担当範囲 企画 /ペルソナ設計/情報設計 デ ザ イン/コーデ ィング 制作期間 約3週間 使用ツール Figma/HTML/CSS/JavaScript 有田 絵梨様 無料相談 新規LP制作 発信や集客に悩む女性起業家に向けて、 課題の整理から無料相談へ自然につながる 導線設計をテーマにLPを制作しました。 Eri Arita LP PORTFOLIO toC LandingPage
16. 要件定義 ターゲット オンラインで講座・コーチング・サービスを提供している女性起業家 発信や集客を頑張っているが、思うように成果につながらず悩んでいる人 AIやノウハウでは整理しきれない課題を誰かに相談したいと感じている人 伝えたいこと 対話を通して課題を整理できる無料相談であること 発信・導線・セールス設計までビジネス全体を整理できること 一方的なアドバイスではなく相談者自身が方向性を見つけられるサポートであること 目的 ビジネス上の課題 生成AIの普及により、個別相談の価値や必要性が伝わりにくくなっている。 コンサルティングサービスが多様化する中で、 「勧誘のための相談ではないか」とい う不安を持たれやすい。 課題が言語化できていない人ほど「何を相談すればいいのか分からない」 「自分が相 談してよいのか」と感じ、相談への一歩を踏み出しにくい。 無料相談の価値を明確に伝える 課題を抱える女性起業家の共感を得る サイトから無料相談の申込みにつなげる Eri Arita LP PORTFOLIO toC LandingPage
17. ペルソナ 悩み 発信テーマが散らばり軸が定まらない 自己流で続けた結果、世界観と内容に一貫性がない 価値を提供できている実感が薄い 状況 育休復帰をきっかけに、場所に縛られない働き方を求めてコーチングで起業。 SNS発信は継続しているが、導線が弱く収益が安定しない。 起業家向けの情報を調べる中で有田さんの発信を知り、気になっている。 ゴール（理想状態） 「誰に何を届けるか」が整理されている 迷いなく発信できる 安定して申し込みが入る 氏名 佐藤 可奈 年齢 38歳 起業歴 1年半年 商品 女性向けライフコーチ/キャリアコンサルタント Eri Arita LP PORTFOLIO toC LandingPage
18. カスタマージャーニー Instagram / 検索 「この人の発信、 気になる」 行動 思考・感情 SNS / ブログ タッチポイント 共感コピー 世界観ビジュアル 必要なコンテンツ・ 工夫 認知 LP訪問 「私の悩みと近い」 悩み共感セクション 悩み整理 無料相談の価値 興味 他サービスと比較 「この人は何が違う の？」 サービス説明 メソッド 強み サポート内容 比較・検討 口コミ確認 「勧誘されない？」 お客様の声 実績 体験談 不安払拭 無料相談申し込み 「まず話してみよ う」 CTA シンプルな申込導線 FAQ 行動 Eri Arita LP PORTFOLIO toC LandingPage
19. サイトのコンセプト 単なる「無料だから申し込む」のではなく、 「有田様だから申し込む」という動線を作る キーワード 「共感で安心」 「対話で整理」 「実例で信頼」 「シンプル導線」 表現方法 ①　悩みや迷いを言語化したコピーで「自分のことだ」と感じる共感設計 ②　書籍・実績・お客様の変化を掲載し、相談の価値と信頼感を可視化 ③　対話を通して整理されるプロセスを伝え、AIでは得られない「壁打ち価値」を訴求 ④　スマホでも迷わない構成とCTA設計で、自然に相談申込へつなげる Eri Arita LP PORTFOLIO toC LandingPage
20. フォント あアAa 游ゴシック Sawarabi Mincho あアAa デザインシステム 女性起業家が安心して相談できるよう、やわらかさと信頼感 を感じるデザインを設計しました。 落ち着いたピンクやベージュを基調に、やさしく親しみやす い配色と読みやすいタイポグラフィを採用。 スマートフォンでもストレスなく読み進められる、シンプル で整理された構成を意識しています。 写真やイラストは自然体の雰囲気を重視し、相談のハードル を下げながら「この人なら話してみたい」と感じてもらえる ビジュアル表現を心がけました。 #CA7B7B #F8EAEF #FFFFFF #A78A18 Eri Arita LP PORTFOLIO toC LandingPage
21. ジャンル BtoB / 採用支援（採用代行） 担当範囲 企画 /ペルソナ設計 情報設計/デ ザ イン 制作期間 約3週間 使用ツール Figma/Photoshop/Illustrator 株式会社Shinbloom様 採用代行サービス 新規L P制作 低価格でも成果につながる「応募獲得特化」の強みが 一瞬で伝わるよう、情報設計からLPを制作しました。 HRmini PORTFOLIO toB LandingPage
23. 要件定義 ターゲット 採用担当者がいない、または採用業務に十分な時間を割けない、中小企業・スター トアップの経営者や人事担当者 スカウトや求人運用を自社で行っているが、応募獲得に課題を感じている企業 伝えたいこと 低価格でも応募獲得に特化した採用代行サービスであること スカウト送信だけでなく、求人改善や媒体運用まで対応できること 採用担当者の負担を減らしながら、採用成果につながる支援ができること 目的 ビジネス上の課題 採用代行サービスは高額な印象があり、中小企業には導入ハードルが高い スカウト送信や媒体運用に時間がかかり、採用業務が属人化しやすい 低価格サービスの場合でも「成果が出るのか」という不安を持たれやすい サービス内容と価格を分かりやすく伝え、導入ハードルを下げる 「まず相談してみよう」と思える信頼感をつくる LPから問い合わせ・資料請求につなげる HRmini PORTFOLIO toB LandingPage
24. 氏名 佐藤　健一 年齢 52歳 職業 運送会社 社長（従業員20名） 経歴 ドライバーから独立して会社を設立。 現場・営業・採用をすべて自分で見ており、 採用業務に時間を割く余裕がない。 ペルソナ 採用の悩み 応募が来ない、採用してもすぐ辞める、採用に時間を取られる 採用代行サービスも調べたことがあるが、 「料金が高い」 「仕組みがよく分からな い」と感じている 趣味・性格 漫画・ゲームが好き 難しい文章や“会社っぽい説明”を読むのが苦手 直感的に「良い・悪い」を判断するタイプ LPで重視するポイント 料金が分かりやすい、成果イメージが持てる（応募数など） 難しい説明がない ベネフィットが一瞬で理解できること HRmini PORTFOLIO toB LandingPage
25. カスタマージャーニー Google検索 代行サービスを探す 「応募が来ない…」 「採用に時間が取ら れる」 行動 思考・感情 検索結果 広告 LP FV タッチポイント 価格・応募数など 数字を一目で伝える 必要なコンテンツ・ 工夫 認知 LPをスクロール 「安いけど大丈夫？」 「どんなサービス？」 サービス紹介 漫画演出 漫画表現やビジュア ルで直感的に理解 できる構成 興味 サービス内容確認 「他の代行と 何が違う？」 特徴紹介 サービス説明 応募件数など 成果イメージを 数値で提示 比較・検討 実績や事例を見る 「本当に 成果出る？」 実績紹介 代表メッセージ 写真やコメントで 信頼感を補強 不安払拭 問い合わせ 「一度相談してみる か」 問い合わせフォーム シンプルな応募導線 スマホ対応 行動 HRmini PORTFOLIO toB LandingPage
26. サイトのコンセプト 複雑な説明を読ませるのではなく、 「安い・早い・欲しい人が来る」を一瞬で理解でき、 忙しい経営者が直感で判断できるLP設計。 キーワード 「低価格」 「成果が見える」 「直感理解」 「シンプル導線」 表現方法 ①　価格・応募件数などの数値を上部に配置しサービス価値を一瞬で理解できる構成 ②　漫画調の演出や力強いフォントを用い親しみやすく、とっかかりやすいデザイン ③　長い説明を避け、 1セクション1メッセージで整理 ④　スマホでも迷わないシンプルな導線設計で、問い合わせにつなげる HRmini PORTFOLIO toB LandingPage
27. フォント あアAa ヒラギノ角ゴシック #CF2E2E #024198 #E5E5E5 #f1c21c デザインシステム ブルーカラー企業の経営者でも直感的に理解できるよう、漫 画調の演出とインパクトのある配色で、サービスの特徴が一 瞬で伝わるデザインを設計しました。 強いコントラストのカラーと力強いタイポグラフィを用い 「低価格」 「応募獲得」といったベネフィットが視覚的に印 象に残る表現を意識しています。 長い説明を読ませるのではなく、イラストや写真、吹き出し などを組み合わせることで文章を読まなくても理解できる構 成を目指しました。 スマートフォンでも見やすいよう1セクション1メッセージで 情報を整理し、直感的にサービス内容が理解できるデザイン としています。 Eri Arita LP PORTFOLIO toC LandingPage
28. Tank You 最後までご覧いただいてありがとうございました。 @yuka_a_design ＊＊＊＊＊@gmail.com お問い合わせはこちらまで XのDM、もしくはgmailまでお気軽にお問い合わせ ください。返信には3営業日程度お時間いただきます。