Upgrade to Pro — share decks privately, control downloads, hide ads and more …

高木 麻希|デザインポートフォリオ

Avatar for 高木 麻希 高木 麻希
January 20, 2026

高木 麻希|デザインポートフォリオ

Avatar for 高木 麻希

高木 麻希

January 20, 2026
Tweet

Other Decks in Design

Transcript

  1. Contents 目次 女性向けオンライン講座 LPデザイン改善 P.42 LP 保育園 保護者用アプリ UI改善 P.26

    UI 女性向けオンライン講座バナー デザイン改善 P.55 banner 03 老舗和菓子店採用サイト リニューアル P.12 Website Profile P.04 プロフィール Servece P.07 サービス Works P.11 制作実績 Flow P.62 ご提案の流れ/料金 Other works P.60 その他実績 Contact P.66 お問合せ
  2. Profile 自己紹介/経歴 1993年生まれ。 生まれも育ちも、愛知県豊橋市。 現在も豊橋市にて、家族3人で過ごしています。 高木 麻希 Maki Takagi 愛知県立豊橋商業高等学校卒業

    2012 2012 2023 2024 2024 2025 3年間 環境美化部 営業事務職→携帯ショップ店員 事務約6年、携帯ショップ約6年 (産休・育休含む) 携帯ショップにて1年間、店長を経験 在宅ワークスタート オンライン秘書 (業務委託) 不安な時期に、情報に救われる SNSやチラシ、Webの情報に救われた経験 自分も情報を伝えて誰かを救える役に立ちたいと思う デザイナーを目指す 2024年1 2月からデザイン学習を 開始 知人の 名刺や サムネ、 ロゴなど8ヶ月で約3 0件経験 デザイナー として活動開始 2025年1 2月 オンラ イン秘書を 離職 フリーラ ンス デザイナーとして 活動 04 音声配信 アロマオイル コーヒー 好きなも の
  3. Profile 自己紹介/スキル 創造力と感受性に富み、他者の心に寄り添う共感力を持つ。 真摯に耳を傾ける姿勢と優しさで、健全で明るい社会づくりを先導する。 MBTI診断 マイヤーズ=ブリッグス・タイプ指標 INFP 仲介者 回復志向 問題を探りあて、解決することに長けている

    1. 常に向上することに駆り立てられる 学習欲 2. 深く考え、知的な議論を好む 内省 3. 情報・アイデア・芸術品、人間関係を収集保管する 収集心 4. 人の気持ちを本能的に理解する力を持つ 共感性 5. ストレングス・ファインダー こちらを使 用して、 デ ザインを 届けます 05
  4. Profile 大切にしていること 心 の ケ ア や 食 、 自

    然 の 力 に 支 え ら れて き た 経 験 を 土 台 に 、 安 心 して 受 け 取 って も らえ る 伝 え 方 を 大 切 に して い ま す。 サ ービス や 商 品 の 想 い が、 悩 み や 不 安 を 抱 え る 人 に や さ しく 届 く よ う、 情 報 設 計 か ら デ ザイ ン ま で 丁 寧 に 対 応 し ま す。 安 心を、 デ ザインで 届ける 06
  5. Service 解決できる課題 こ ん な お 悩 み 、 モ

    ヤ モ ヤ あ り ま せ ん か ? 想 い や 考 え を デ ザ イ ン に 反 映 で き て い な い コ ミ ュ ニ ケ ー シ ョ ン が ス ム ー ズ に 進 ま な い 見 た 目 が 整 っ て い る だ け で 成 果 が 上 が ら な か っ た 0 7
  6. Service 強み そ の お 悩 み 、 と 深

    い 理 解 で リサ ーチ 私 が 解 消 い た し ます 想 い を 引 き 出 す ヒ ア リ ン グ 目 的 を 明 確 に し た 情 報 設 計 丁 寧 で ス ム ーズ な コ ミ ュ ニ ケ ーシ ョ ン ビ ジ ネ ス 全 体 を 見 据 え た サ ポ ー ト 0 8
  7. Service 強み 想 い を 引 き 出 す ヒ

    ア リ ン グ 事 前 ヒ ア リ ン グ か ら 、 お 客 様 や 事 業 、 サ ー ビ ス に つ いて 事 前 に 理 解 を 深 め ま す。 そ れ に よ り 商 談 当 日 は より、 想 い を 引 き 出 し 方 向 性 を 定 め て デ ザ イ ン へ 反 映 して い き ま す。 目 的 を 明 確 に し た 情 報 設 計 商 談 や C h at G PT を 活 用 し た リ サ ー チ より 情 報 整 理 を して 目 的 を 定 め ま す。 そ の 上 で ユ ー ザ ー 視 点 に 立 っ た 情 報 設 計 を 行 い 、 伝 わ り や す く 使 い や す い 構 成 を 作 成 し ま す。 0 9
  8. Service 強み 丁 寧 で ス ム ーズ な コ

    ミ ュ ニ ケ ーシ ョ ン お 客 様 の ご 要 望 に 合 わ せ た コ ミ ュ ニ ケ ーシ ョ ン ツ ー ル を 活 用 し 、 原 則 1 2 時 間 以 内 に 即 レ ス し ま す。 さ ら に、 進 行 状 況 が わ か る シ ー ト を 共 有 し 、 随 時 報 告 ・ 共 有 い た し ま す。 ビ ジ ネ ス 全 体 を 見 据 え た サ ポ ー ト 事 業 の デ ザ イ ン パ ー ト ナ ー と して、 納 品 後 も 一 貫 し た デ ザ イ ン を 保 持 し たま ま 幅 広 く サ ポ ー ト が 可 能 で す。 ( 印 刷 物 な ど ) 1 0
  9. 老舗和菓子店 採用サイトリニューアル ※自主制作 ジャンル 老舗和菓子店 担当範囲 情報設計、デザイン 制作期間 3週間 使用ツール

    Figma Works 採用サイト 参考:株式会社 お亀堂(https://okamedo.jp/recruit-new/) 本改善案は、株式会社 お亀堂の公式見解や公式サイトとは関係のない、個人の自主制作としての提案です。 12 ※ Mockup素材はFigma Community(CC BY 4.0)を使用しています。
  10. ターゲット 目的 現状の課題 和菓子の製造、販売 茶屋 おむすび販売 和菓子が好き 地元、日本文化について興味がある 地元民で来客者 接客に挑戦したい

    人材募集 (向上心を持ち、新たな挑戦を楽しめる方) ファーストビューの文字が、やや視認性が弱い 現場の様子をもっと感じさせ、働くイメージを 沸かせたい 応募ボタンを押すとフォームに飛び、事前に募 集要項を確認しにくい 参考元 Problem 要件定義 14 事業内容
  11. Research リサーチ A店舗 地元の駅の中の店舗。 地元の手土産として人気。 スタッフさんの年代は40~50代で、仲良さそうに 会話をしながら作業をされていた。 商品は季節のもの、行事もののPOPが目立つ。 B店舗 製造場所も隣接する本店。

    茶屋も隣接している。 スタッフさんの年代は50代くらい。 店内は昔ながらの長椅子やのれん、引き戸。 商品は季節行事の限定商品が並んでおり、 とても美しかった。 製造担当者さんが時折店舗スタッフさんと 会話をされているところを見れた。 美味しかったサンタブーツ ※店舗写真はHPより引用 A店舗 B店舗 実際に店舗へ行き、雰囲気を確認 15
  12. 構成 トンマナ 「業界(競合他社)」「構成」「トンマナ」に分けてリサーチし、参考にすべき点を言語化しました。 ファーストビューで職場の雰囲気が伝わる 募集要項と応募ボタンは一緒にしている フッターが目次のようになっていて、見た い項目に戻りやすい 応募ボタンの近くに笑顔の写真があると希 望を感じて安心する 和の要素があるサイトは縦書き文字が多い

    写真を縦長で並べている 和風のサイトはクリーム色が多い 老舗は昔の様子が伝わる写真がある 商品のお菓子の写真が多い 全体の色味がメインのお菓子の色味 和菓子の背景には和紙のテクスチャが多い 業界(競合他社) Benchmark ベンチマーク・競合調査 17
  13. 山田 明美(50歳) 家族構成 夫・長男 (20歳)・長女 (18歳) 職業 専業主婦 状況 生まれも育ちも地元。

    子どもが親元を離れたため、働きに出たいと考えて いるが、長年専業主婦だったため不安がある。 中野 美緒(17歳) 家族構成 母・父・弟 (15歳)・妹 (13歳) 職業 高校3年生 状況 高校卒業後は就職を考えている。家族と暮らしたい ため、自宅から通える場所が良い。幼い時からお祝 い事などで、この老舗和菓子店を利用していた。 改善の意図や目的を明確にするため、ペルソナを設定 Persona ペルソナ設定 18
  14. Design System デザインシステム 2 0 可読性の高さと、 伝統的字体を併せ持つため選定しました。 Times New Roman

    123 YuMincho あア 企業カラーを守りつつ、 職場の明るさと伝統を表現するように 配分を調整しました。 Font Color #FCF6EF #781B30 #000000
  15. Works UIデザイン 保育施設 ・ 保護者向け アプリ UI改善 ※自主制作 ジャンル 保育・子育て

    担当範囲 情報設計、UIデザイン 制作期間 3週間 使用ツール Figma 参考:「ルクミー for FAMILY」(https://lookmee.jp/family/) 本改善案は、ユニファ株式会社の公式見解やアプリとは関係のない、個人の自主制作としての提案です 。 2 6
  16. Research リサーチ ①元々、0歳児の午睡のセンサーで使っていた。 そこから、登園打刻サービスの提供開始。 ②他社と2つ検討で使った。 ルクミーの方が電波が良かったので決定。 ちょうど車内事故のニュースがあり対策をしたかった。 ③保護者のログインできないや、園への操作説明について、  コールセンターのサポートが親切。 ④お便り

    最初は慣れなくて大変という声もあったが、 慣れたら特に若い子はチャチャっとやれている。楽になった。 (以前は印刷したら、写真載せたり大変だった) 回答 保育園の主任先生へ 下記内容をお聞きしました。 ①導入した理由 ②なぜこのアプリを選んだか ③保護者の使い方で困ったことはあるか ④使い方で困ったり悩んだことはあるか 実際にアプリを導入している保育園へインタビュー 29
  17. Research リサーチ アプリの説明(公式HPより) アプリ運営会社の想い(公式HPより) ICT・IoTを活用した業務負荷削減と、 ドキュメンテーションによる振り返り支援の観点から、 子どもともっと向き合う豊かな環境を整える 保育施設向け総合ICTサービスです。 家族の幸せを生み出すあたらしい社会インフラを世界中で創り出す 幸せは、家族とある。そのことを忘れさせてしまう社会ではいけない。

    私たちがやらなくて誰がやるのか。使命感とテクノロジーの力で。 もっと豊かであたたかい、家族のつながり溢れる世界を創っていく。 アプリ運営会社について 32 家族の繋がりを重要視。 アプリを通して、子どもの成長や 保護者が普段見れない園での様子を 振り返ることで、子どもと向き合える ことを意識している。
  18. お知らせに検索や絞り込み機能がある 重要なお知らせのみ目立つ色の見出し 重要なお知らせの未読を上部で知らせ ている 明るい色 最小文字サイズがほとんど9pt メニューアイコン選択時は色反転 アイコンと文字の間は文字の半分幅 色のコントラストがはっきりしている サブ要素の文字はグレーで目立ちすぎない

    淡い色味 子どもの写真アイコンと名前がセット 図形は丸か角丸が多い Benchmark ベンチマーク・競合調査 「業界(競合他社)」「構成」「トンマナ」に分けてリサーチし、参考にすべき点を言語化しました。 構成 トンマナ 業界(競合他社) 34
  19. 伊藤 百合(36歳) 夫・息子 (5歳) パートタイム(飲食店) 朝は出勤準備と子どもの登園準備で時間がない。 夫や親族が保育園行事に積極的で、日程などの共有を したいが、過去のお知らせを探すのに時間がかかる。 家族構成 職業

    状況 高橋 達也(40歳) 妻・息子 (3歳) 自営業(キャベツ農家) 送迎を担当することが多い。 スマホは不得意で手書きの連絡帳のままがよかった と思っている。 家族構成 職業 状況 Persona ペルソナ設定 改善の意図や目的を明確にするため、ペルソナを設定 35
  20. Wire frame ワイヤーフレーム まずは必要な画面を洗い出し、保護者が使いやすい構造を考え表に落とし込みました。 その後にアイヤーフレームを作成。 ホーム お知らせ 提出 ドキュメンテーション 打刻

    子ども切替え 今日の状況 連絡帳 こども管理 保護者管理 送迎者 設定 問合せ 成長記録 カレンダー その他 こども切替え おりと 駅前保育園 12月 園だより・献立表を貼付しました。ご確認をお 願いします。 12月 園だより・献立表 2025年12月1日(月) お知らせ 未読 おりと 駅前保育園 11月 園だより・献立表を貼付しました。ご確認をお 願いします。 11月 園だより・献立表 2025年10月31日(金) お知らせ 園だより おりと まき 全て おりと 駅前保育園 12月 園だより・献立表を貼付しました。ご確認をお 願いします。 12月 園だより・献立表 2025年12月1日(月) お知らせ 未読 おりと 駅前保育園 発表会のお知らせで入場について、指定席と自由席で 並ぶ列が異なると表記してありましたが、ご家族で… 発表会の入場について (列の並 び方) 2025年12月1日(月) 要確認お知らせ 未読 おりと 駅前保育園 発表会のお知らせで入場について、指定席と自由席で 並ぶ列が異なると表記してありましたが、ご家族で… 発表会の入場について (列の並 び方) 2025年12月1日(月) 要確認お知らせ おりと まき 全て キーワード検索 おりと 駅前保育園 12月 園だより・献立表を貼付しました。ご確認をお 願いします。 12月 園だより・献立表 2025年12月1日(月) お知らせ 未読 おりと 駅前保育園 発表会のお知らせで入場について、指定席と自由席で 並ぶ列が異なると表記してありましたが、ご家族で… 発表会の入場について (列の並 び方) 2025年12月1日(月) 要確認お知らせ 未読 おりと 駅前保育園 発表会のお知らせで入場について、指定席と自由席で 並ぶ列が異なると表記してありましたが、ご家族で… 発表会の入場について (列の並 び方) 2025年12月1日(月) 要確認お知らせ お知らせ 要確認お知らせ 2 ホーム 連絡帳 打刻 カレンダー その他 お知らせ ドキュメント 成長記録 タイムライン おりと 駅前保育園 あお 2組 打刻 済 園 への連絡 済 園 から の連絡 確認済 重要お知らせ 未 確認 2025 年12 月15 日(月) ホーム 連絡帳 打刻 カレンダー その他 37
  21. Design System デザインシステム 3 8 丸みがあり可愛らしさがあり可読性が高く、 重い印象にならないように選定しました。 Helvetica 123 Hiragino

    Kaku Gothic ProN あア メインカラーのオレンジはロゴに合わせつつ 視認性が良くなるように調整しました。 文字色の黒は少し柔らかさを出しています。 Font Color #F78612 #FF0000 #222222
  22. 40 デザインの意図 キーワード検索とカレンダー検索 過去のお知らせをすぐに探せます 検索機能 広範囲のスワイプ切替えで指が届 きやすくなりました 当日対応のチェック表示で未対応 を一目で確認できます 子ども切替え

    使用頻度が高い機能はホームに集 約して、手間を省きました 機能を集約 特に使用頻度が高い機能に選定し 直しました メニューアイコン 見落としを防ぎます 未読・既読表示 一番使用頻度の高い機能をメニュー アイコンに配置し時短になります センターに打刻ボタン
  23. Works LPデザイン 女性向けオンライン講座 LPデザイン改善 ※自主制作 ジャンル オンラインセミナー 担当範囲 情報設計、デザイン 制作期間

    3週間 使用ツール Figma 参考:LightUp writing(運営元:株式会社D'LogiQ)(https://light-up-design.my.canva.site/wlm1) 本改善案は、LightUp writing(運営元:株式会社D'LogiQ)の公式見解や公式サイトとは関係のない、個人の自主制作としての提案です 。 4 2
  24. Research リサーチ 参考元LPの運営会社のHPにて 確認ができた強み LPに記載できていない、魅力的な強みを多数発見 下記、オレンジ色の項目が未記載 ・女性限定 ・オンライン完結 ・月額制 ・安価

    ・未経験OK ・学習〜案件獲得までサポート ・ZOOM、チャットでのサポート ・成果をあげている受講生の声あり ・限定プレゼント(無料セミナー) ・豪華景品当たる(無料セミナー ・女性限定 ・オンライン完結 ・安価 ・未経験OK ・成果をあげている受講生の声あり ・限定プレゼント(無料セミナー) ・月額制 ・学習〜案件獲得までサポート ・ZOOM、チャットでのサポート ・豪華景品当たる(無料セミナー サービスの内容を確認し強みを把握 45
  25. デザスク SHElikes AISEE CONNECT DlopDesign トンマナとして参考 構成として参考 LP制作.jp LP制作.jp SHElikes

    競合としての参考 ・就職・転職実現!が一番丈 夫で大きい→何ができるところ かすぐわかる→キャッチコピー は「何ができるところかわかる もの」にする ・権威声をFVに記載→最初の ページで大丈夫そうなスクール と認識できる→安心感、信頼を 出すためにFVに権威性をのせ る ・スケジュール記載→予定を想 像できる→不安をなくす、現実 的に考えさせる→スケジュール を記載する ・「少しでも気になったら」無 料説明会にご参加ください→無 料説明会へのハードルが下が る→申し込みのハードルを下げ るときは「少しでも気になった ら」と記載してみる ・無料説明会の申し込み流れ が記載→不安払拭 ・q&A最後 ・キャチコピーでどんなス クールかわかる→自分でも大丈 夫と最初に理解できる、下まで 読もうと思える→FVで自分に 必要、自分も対象と思ってもら えるようなコピーを入れる ・FVの下に「こんな悩み」か らの選ばれる理由→不安をここ なら解消できると訴求→早い段 階で不安払拭で安心せる ・他者比較(料金、サービ ス)→他サイトを見なくても自 社のメリットを感じてもらえ る、他サイトを見て検討する 手間を省かせる→比較をのせる ・下から見上げた女性と右上 がりなキャッチコピーで勢い を感じる→「変わりたい」とい う意気込みをスクールに感じ る→勢いを出したい時は右上が り ・「今が 」→特典やプレゼン トが今だけと感じさせる→とり あえず無料体験なら申し込ま ないと損する気がする→「今だ け」を強調する ・Fvの下に一言でまとめた受 講生の成果が流れていて、とく てん、About、選ばれる理由、 の後に「こんな悩み」→不安よ りも希望訴求悩みも一つ分割 にして明るく解決の記載をして いる→希望、明るさを出したい ときは悩みは中間にして一つず つ解消の記載をする ・CTAの前に「変わりたいと少 しでも感じた今が始めどき」→ 中間まで読んだ人なら少しは 感じているはずなので後押し になる→中間のCTAで背中を 押す言葉を載せる ・ ・写真よりも前にキャッチコ ピー→内容が伝わる→女性だけ 向けな感じが写真だけより弱ま り、男性にも受け入れられそう →男性も対象なら写真メインで なくてもいいかも ・無料体験の登録時間を10 秒と明記→手間がかからないと わかる→申し込みのハードルを 下げるには申込にかかる時間 を明記する ・受講生の成果の後に悩み→こ うなりたいでも不安、、という 気持ちに寄り添う→いきなり不 安はじまるはやめてみる ・ ・キャッチコピーが明朝体→女 性の希望を感じる→女性向けを 強調なら明朝体 ・訴求3つがまるでなくてダイ ヤみたい→キラキラ感じる→女 性向け感強める際には宝石 ・特典のカードにリボン→可愛 いのとプレゼントとぱっと見 でわかる→特典にリボンつけて みる ・AIぽい背景→なんて名前だろ う ・悩みとその後の大丈夫!はコ ントラスト比強め→希望が晴れ る感じがする→悩み払拭は振り 幅大きく ・最後に今ならプレゼントもう ひとおし→どうせなら今のうち と思う→今だけの特典を後の方 にも載せる?(CTAに書いてあ るから不要かも) ・全体シンプル、白→男性も対 象の様子→男女両方ターゲット ならシンプルにする、文字情報 多め ・無料相談は「迷っている段階 でOK」→ 申し込みハードル下 がる→無料体験はハードルを下 げる文言を近くに明記 ・講座名がいちばん大きい ・受講までの流れ 文字の大きさの差が少ないの でタイトルと本文がわかりにく い コントラストはっきりさせる ・年齢上目の大人女性写真→ ターゲット層がが主婦とか大 人女性と感じる→メイン写真の 人物をターゲット層に合わせ る ・濃い緑がメインカラー→レタ スクラブの名前のイメージ、こ くて読みやすい、目にとまる→ 目に止められるように濃い色 にする ・他者比較表 ・手続き流れイラストで記載→ 不安払拭、イメージし安い→流 れのところはイラストを使う SHElikes WEB食い デイトラ AISEE CONNECT メイカラ HAYAKAWA レタスクラブ デジハリ Benchmark ベンチマーク・競合調査 「業界(競合他社)」「構成」「トンマナ」に分けてリサーチし、参考にすべき点を言語化しました。 47
  26. 田口 真里(30歳) 夫・娘 (4歳) 会社員(時短勤務) 育休明けから時短で復職。保育園からの急な呼び出 しや自宅保育により、職場に迷惑をかけている罪悪 感が悩み。在宅で仕事をしたいがスキルが無く諦め ている。 家族構成

    職業 状況 飯塚 えみ(24歳) 1人暮らし 会社員 (2年目) 新卒入社した会社での人間関係に悩んでいる。 退職したいが貯金がなく、すぐには辞められない。 家族構成 職業 状況 Persona ペルソナ設定 改善の意図や目的を明確にするため、ペルソナを設定 48
  27. FV 特典 CTA メリット① CTA 特典① 特典② CTA 特典③ 悩み・課題解決

    メリット② 受講者の声 CTA 説明・課題解決・不安払拭 CTA よくある質問 CTA フッター? CTA Before ヘッダー・CTA(付随) FV CTA 悩み・課題解決 特典123 CTA 3つの魅力 選ばれる理由 受講生の声 CTA 自立するまでの流れ 少しでも気になれば、CTA よくある質問 CTA フッター After 要点を絞り、重要な項目が伝わりやすい構成 にしました。選ばれる理由と流れを追加し、 自分ごととしてイメージしやすくしました。 Brushup 構成のブラッシュアップ 49
  28. Design System デザインシステム 5 1 字幅が狭く洗練された印象が、 女性向けに合っているため選定しました。 Helvetica 123 YuGothic

    あア 女性らしさと企業のカラーを残しつつ、 視認性の良い色にしました。 Font Color #FF378F #00ADB5 #FFF600
  29. 22 Before After Cha Step 01 自立までの3Step ライター AI WEB

    PCが苦手な私 ポートで在宅W た ! 子どもの側に 本当に幸せです。 挑戦し て本当によか Voice 01 PCが苦手な私 ポートで在宅W た ! 子どもの側に 本当に幸せです。 挑戦し て本当によか Voice 01 30代 主婦 会社員は働いても給料は変 とにモヤモヤし て始めました フェや旅先でも働けて、 理想の ができています ! AIで簡単に文 けるので、 時給が高いのも嬉し 会社員は働いても給料は変 とにモヤモヤし て始めました AIで簡単に文 けるので、 時給が高いのも嬉し フェや旅先でも働けて、 理想の ができています ! 2 0代女性 会社員 Voice 0 2 夫 の 収入だ けに 頼 る 不安か ら始めまし た。 年齢 や AIへ の 不安 も あり ま した が、 今では 会社員並 の 収入を得ること がで きています 。 この 歳か らでも 新 しい 生き 方 を 見つ けら れ ました ! 夫 の 収入だ けに 頼 る 不安か ら始めまし た。 この 歳か らでも 新 しい 生き 方 を 見つ けら れ ました ! 年齢 や AIへ の 不安 も あり ま した が、 今では 会社員並 の 収入を得ること がで きています 。 5 0代女性 主婦 Voice 0 3 無料セミナーに参加する L I N E 登録 で 無料セミナーに参加する L I N E 登録 で 簡単30秒! センスや才能 資格も学歴もいらない ChatGPT が文章 作成 をサポートする ので簡単です。 誰 でも 学べ て 続 け や す い 仕組み です。 センスや才能 資格も学歴もいらない ChatGPT が文章 作成 をサポートする ので簡単です。 誰 でも 学べ て 続 け や す い 仕組み です。 選ばれる5つ の 理由 ライター AI WEB 月額18,600円〜と リーズナブル 料金 reason02 受講者数1000名以上 受講満足度96% 実績 reason01 マンツーマンの Zoom・ チャットで完 全に理解で き るまで サポート サポート reason04 案件獲得資 料 ・サ ポートで報酬を貰 い ながら実際の案件を 受けら れ る 実案件 reason05 オンライン完結なの で好き な時に勉強が で き る 学習時間 reason03 ライ ライ お持ち の 方におすすめ! こんな を お悩み 今 の 仕事 に 満足 で き てないけ ど、 どう したらいい か分か らない … このままの 日々 でいいの か な ? ど こ か納得で き ない 自分 がいる … 人間関係 に 悩 ま されず 、 おうち で お仕事 したいな。 そん な 方法 はない か な … ライター AI WEB 3つ の 魅力 ライター AI WEB 無料セミナーに参加する L I N E 登録 で 無料セミナーに参加する L I N E 登録 で Mac B ook Proやアジアリゾ ートが当たる 今ならキャンペーン実施中! Mac B ook Proや アジアリゾ ート旅が当たる! 49,800円分L I NE講義 49,800円分L I NE講義 9,800 セミナー 円分 9,800 セミナー 円分 成功ロードマップ 成功ロードマップ 3つ の セミナ ー 参加特典 プレゼント! 参加者全員に 自由に働ける 私になる たった ヶ月で 3 未経験から に! WEBライター 無料セミナーに参加する L I N E 登録 で 無料セミナーに参加する L I N E 登録 で 今だけ!豪華景品当たる 収益化 % 98 女性限定 スク ー ル ChatGPT で 簡単 女性限定 スク ー ル 収益化 % 98 無料セミナーに参加する L I N E 登録 で 無料セミナーに参加する L I N E 登録 で
  30. 53 デザインの意図 CTAボンタンを追従するヘッダー に配置し、好きなタイミングで押 せるようにしています ヘッダー メインターゲットの主婦が、自由 に働ける希望を与えます キャッチフレーズ すぐに申込ではないことを明記

    し、CV率向上を目指します CTA押下先を明記 押したくなる質感に こだわりました CTAボタン 権威性と安心要素を訴求し、安心 していただきます 心理的ハードルを下げる 今だけのメリットを感じられるよ う、CTA付近に写真を配置しました 特典商品写真
  31. 54 その他の画面 各要素のタイトルが目に入りや すくし、文章は要点をまとめて 短くすることで、伝わりやすく しました。 女性が希望を感じてワクワクす るイメージにしています。 パッと見て伝わりやすく 無料セミナー

    に参加する L I N E 登 録 で 無料セミナー に参加する L I N E 登 録 で MacBook Proやアジアリゾートが当たる A 問題ございません ! AIツールもライテ ィ ングも完全未経験者の方の参加が多 いです ! Q 初心者でChatGPTを使ったこともない ですが、 大丈夫ですか ? Q 無料セミナーの所要時間は ? Q スマホでも視聴できますか ? Q 初めてのオンライ ンセミナーで不安で す。 よくあるこご質問 一人ひと りに 合った 学習方法の アドバイスを 行 なっています 。 少しでも 気になっていた だけた らお気軽にご参 加 下さい 。 まずは無料のオンラインセミナーへ! 私 に も で き る か も 無料セミナーに参加する LINE登録で 無料セミナーに参加する LINE登録で 今がお得!オンライン開催 PCが苦手な私でも、 マンツーマンのサ ポートで在宅Webライターになれまし た!子どもの側にいながら仕事ができ、 本当に幸せです。 あの時、 勇気を出して 挑戦して本当によかったです。 Voice01 PCが苦手な私でも、 マンツーマンのサ ポートで在宅Webライターになれまし た!子どもの側にいながら仕事ができ、 本当に幸せです。 あの時、 勇気を出して 挑戦して本当によかったです。 Voice01 30代女性 主婦 会社員は 働いても 給料は 変わらないこ とに モヤモヤして 始めま した。 今ではカ フェや旅先でも働けて、 理想の働き方 ができています!AIで 簡単に 文章を 書 けるので、 時 給が 高いのも 嬉しいです。 会社員は 働いても 給料は 変わらないこ とに モヤモヤして 始めま した。 AIで 簡単に 文章を 書 けるので、 時 給が 高いのも 嬉しいです。 今ではカ フェや旅先でも働けて、 理想の働き方 ができています! 20代女性 会社員 Voice02 夫の 収入だけに 頼る不安か ら始めま し た。 年齢やAIへの不安もありましたが、 今では会社員並の収入を得ることがで きています。 この 歳か らでも 新しい 生き 方を 見つけられま した ! 夫の 収入だけに 頼る不安か ら始めま し た。 この 歳か らでも 新しい 生き 方を 見つけられま した ! 年齢やAIへの不安もありましたが、 今では会社員並の収入を得ることがで きています。 50代女性 主婦 Voice03 受講生の声 ライター AI WEB ライフスタイルに合わせて 自由に働ける 家事や育児の 合間に 自由に 働く ことが 実現可能! 会社に 頼らず収入UPも 目 指せます。 ライフスタイル 自由に働ける に合わせて 家事や育児の 合間に 自由に 働く ことが 実現可能! 会社に 頼らず収入UPも 目 指せます。 パソコン1台で始められる パソコンと ネット環境さえあれば、 す ぐに 学習や実践をス ター トできま す ! パソコン1台で始められる パソコンと ネット環境さえあれば、 す ぐに 学習や実践をス ター トできま す ! センスや 才能 資格も学歴もいらない ChatGPTが 文章作成を サポー トす る ので 簡単です。 誰でも 学べて 続けやす い 仕組みです。 センスや 才能 資格も学歴もいらない ChatGPTが 文章作成を サポー トす る ので 簡単です。 誰でも 学べて 続けやす い 仕組みです。 3つの魅力 ライター AI WEB 選ばれる 5つの理由 ライター AI WEB reason02 reason01 無料セミナーに参加する L I N E 登 録 で 無料セミナーに参加する L I N E 登 録 で 簡単30秒! センスや 才能 資格も学歴もいらない ChatGPTが 文章作成を サポー トす る ので 簡単です。 誰でも 学べて 続けやす い 仕組みです。 センスや 才能 資格も学歴もいらない ChatGPTが 文章作成を サポー トす る ので 簡単です。 誰でも 学べて 続けやす い 仕組みです。 選ばれる 5つの理由 ライター AI WEB 月額18,600円〜と リーズナブル 料金 reason02 受講者数1000名以上 受講満足度96% 実績 reason01 マンツーマンの Zoom・チャットで完 全に 理解でき るまで サポー ト サポート reason04 案件獲得資料 ・サ ポー トで 報酬を 貰い なが ら実際の 案件を 受けられる 実案件 reason05 オンライ ン完 結なの で 好きな時に 勉強が でき る 学習時間 reason03 お持ちの方におすすめ! こんな を お悩み 今の 仕事に 満足できてない けど、 どうした らいいか 分か らない … このままの 日々でいいのかな ? どこか 納得できない 自分がい る… 人間 関係に 悩ま されず、 おうちで お仕事 ライター AI WEB 無料セミナーに参加する L I N E 登 録 で 無料セミナーに参加する L I N E 登 録 で MacBook Proやアジアリゾートが当たる 今ならキャンペーン実施中! MacBook Pro や アジアリゾート 旅が当た る! 9,800 セミナー 円分 9,800 セミナー 円分 成功ロー ドマ ップ 成功ロー ドマ ップ 49,800円分LI NE講義 49,800円分LI NE講義 3つのセミナー 参加特典 プレゼント! 参加者全員に
  32. Works バナー 女性向けオンライン講座 バナーデザイン改善 ※自主制作 ジャンル オンラインセミナー 担当範囲 情報設計、デザイン 制作期間

    3週間 使用ツール Figma 参考:LightUp writing(運営元:株式会社D'LogiQ)(https://light-up-design.my.canva.site/wlm1) 本改善案は、LightUp writing(運営元:株式会社D'LogiQ)の公式見解や公式サイトとは関係のない、個人の自主制作としての提案です 。 5 5
  33. Benchmark ベンチマーク・競合調査 「業界(競合他社)」「構成」「トンマナ」に分けてリサーチし、参考にすべき点を言語化しました。 ベンチマーク ・キャッチコピーが中央にあり、濃い色のため目に飛び 込んでくる。左右に受講生の写真があることで、キャッ チコピーがより目立っている。 →目立たせたいものは中央へ、左右に要素を置くことで さらにめ立たせる ・グラデーションが濃いので、その上に文字や文字に使

    用しても読みやすい →目立たせたい時は濃くする ・CTAも同系色のグラデーションだけどメイン色が違う ので別物として目立つ →目立たせたい時は色を変える、別要素は色を変える、 同じ要素は同色にまとめる ・「小学生のために作られた」→ターゲットがわかりや すい→ターゲットに刺さる、自分ごとと感じる →刺すためには明確な年齢や職がらを入れる ・「大好評」→評判がいい、私もやりたい、権威性 →訴求効果を高めたい時は権威性、実績を入れる ・背景が薄い色、表側は濃い色、でも同系色だから馴 染む →目立たせないものは薄く、コントラスト比で目立たせ る ・背景にうっすらと3つだけイラストが入っている、→ 可愛い →雰囲気を出したい時は背景にイラストを薄く入れる PLAIZroom デジハリ デザスク 競合他社 構成として参考 トンマナとして参考 ピンク ・青色・グラデー ション 希望・挑戦 イメー ジ ・キャッチ コピー が中心にあるので目に入ってくる →キャッチコピーは中心に置く、目立たせるものは中心 ・WEBデザイン レッスン が二番目に大きい →キャッチ コピー で気になってくれた方に、「何の商品 なのかを伝えている」→商品名はキャッチコピーの次に 目立たせる ・背景の左がわだけふちが色ありで、右側は写真の背景 +斜線→抜け感を感じる→抜け感を出したい時は縁を色 なしにする ・CTAが同系色で濃い色→CTAは同系色だけど濃さを変 える ・キャッチ コピー の座布団に文字色と同じ色のドロッ プシャドウ→シン プルになりすぎない→オシャレ感を出 したい時はさりげないドロップシャドウ(同系色) ・キャッチ コピー がグラデー ション で背景白だけど目立 つ→グラデー ション が濃いから→グラデーションを文字 に使用時は濃くする ・キャッチ コピー の周りに余白が多い→キャッチ コピー に目がいく→目立たせたい時は周りに余白をとる ・キャッチ コピー だけ縦書き→目がいく→目立たせたい ものを他の文字とは違う方向にすると目がいく ・写真の女性がこちらを向いている→目を合わせてしま う→バナー を見る→秒の広告で目を止めてもらうにはこ ちら目線の人物写真を使う ・キャッチ コピー から、この商品で自分に何のメリッ トがあるのか?何を得られるのか?が、わかる→キャチ コピーは明確にする 背景のあしらいは写真の裏だけ→キャッチ コピー は目立 つために余白が欲しいので白のまま、でも全体白は寂し い→背景の色やあしらいは全体でなくても良い ・キャチ コピー が中心で大きい→目にとまる→キャッチ コピーは中心で大きく ・「自由に働きたいあなたに」→誰に訴求しているかわ かる、興味ある人は自分ごとに感じる→広告を見る→ ターゲットは明確に、自分ごとに感じるように、あなた に!とか ・アイコン でイメー ジがつく→イメージさせたい時はア イコンを置く ・メイン の2色がほぼ補色→目立つ、目にとまる→全体 を目立たせたい時は補色 ・WEBデザイン 、にボー ダー のあしらい→デザイン す る感じがする→フォン トがシン プルだけどオシャレにみ える→オシャレ感を出したい時は文字に足らいを入れて みる、でも読めるように ・区切りの図形が湾曲している→硬くない、女性感→硬 い?となったら図形や区切り線を湾曲させてみる ・下のピンク の図形にあしらいが入っている→POPな印 象→印象を与えたい時は背景や広範囲な塗りにあしらい を薄く入れる ・全ての文章がまとまっている(見えない四角)、かつ 周りの余白が広い→文章全体に目がいく→目立たせたい ものの周りに広く余白をとる ・ひ右側の背景がAIぽい→AIスクー ルだから→商材に あった背景やあしらいにする ・グラデー ション はキャッチ コピー だけ→そこだけに目 がいく→目立たせたいところだけ色や柄を変える ・手書き風のキャッチ コピー に目がいく→違和感から目 がいく→他と違うから→目立たせたいものは他の要素と 差を出す ・キャッチ コピー のうらが斜め(ほぼ三角)→鋭くて目 線がいく、勢いを感じて目がとまる→視線を集めたいと きは三角や鋭利な図形を使う ・下の図形がウェー ブしている→柔らかさを出すと女性 感がする→女性向け感を出したい時は図形をウェーブさ せる ・CTAが右から出てきている感じ→サイトのように動き そうで押したくなる→CTAは押すと押した感覚が起こ りそうな見た目にする ・年齢が大きくなっている→どんな人がいるのか、結果 を出しているのか明確で、同年代の人に刺さる→ター ゲットの年齢がわかれば書く、具体的にターゲットを 記載する ・キャッチ コピー に「実績・商品・ター ゲット」が全 て入っている→そこだけを見て何の広告なのか?自分に メリットがあるのか?がわかる→伝えたいことは短くす る ・濃いオレン ジ色の背景→目にとまる→広告は濃い色が 良いかも、目立たせたいところは濃くする ・人物写真がキャチ コピー より小さい→キャッチ コピー を先に見てほしい→伝えたいことの優先順位が明確→一 番に目立たせたいのは人物ではない→優先順位1位を一 番大きくする ・「年齢を理由に諦めなくてよかった」と受講生の声が 書いてある→同じ悩みを持っている人に刺さる→自分ご とと思って欲しい時は、受講生の声を入れる ・キャッチ コピー ・キャッチ コピー がはみ出ている→広告で流れてきた時 にびっくりして目が止まる、面白い、キャッチ コピー の 雰囲気と合っている→キャッチコピーは大きくする、内 容と合う雰囲気のフォントと配置にする ・CTAの文言が特典配布中→特典を受け取れると明確、 ク リック すると得する感覚、「限定」なのですぐもら わないと損する気がする→CTAはお得感、限定感を出 す、何が起こるのか明確にする ・子供がいる→ママ 向けだとわかる→ママがターゲット なら子どもを載せるとわかりやすい ・キャチ コピー は半分より上部がほとんど→上から読む から→先に読んで欲しいものは上部に配置 ・キャッチ コピー がはみ出ている→迫力がある、目に留 まる、勢いややる気を感じる→キャッチコピーは大き く、勢いを出したい時ははみ出す ・人物が中心でこちらを見ている→迫力のあるキャチ コ ピー と合わさって迫力が増す→迫力を出したい時は正面 を向いている人物写真を使う ・背景がぼやけていて少し暗い?→キャッチ コピー が白 でも目立つ、メイン の人物が目立つ→目立たせたいもの の背景はぼやかす ・キャッチ コピー が右上がり→収入 アップ感が伝わる、目立つ→アッ プ、成長などのキャッチコピーでは 右上がりに傾ける ・カラー が青と黄色→ビジネス感を 感じる→ビジネス系は青と黄色にす る ・キャッチ コピー が大きい→目に入 る→キャッチコピーは大きくする ・文字と四角が右に斜めになている →勢いを感じる、収入アップ感がす る→アップや勢いを出す時は右に傾 ける ・キャッチ コピー の内容がター ゲッ ト層になっている→一目で「自分で も大丈夫」と認識してもらえる→ キャッチコピーはターゲットが認識 できるものにする ・サブ文章がター ゲットへのメリッ ト→まず対象だと認識してメリット を感じれば詳細を知りたくなる→そ の他文章はメリットを感じてもらう 内容にする ・キャッチ コピー の内容がター ゲッ ト層になっている→一目で「自分で も大丈夫」と認識してもらえる→ キャッチコピーはターゲットが認識 できるものにする ・サブ文章がより具体的なター ゲッ ト層→ター ゲットを絞っている、自 分ごととしてもらう→ターゲットは 明確に明記する ・CTAの色がメイン カラー の補色見 別要素として目立つ→CTAはメイン カラーの補色にする ・ター ゲットがどうなるのかが キャッチ コピー →自分がどうなれる かすぐわかる→ター ゲットは目を止 める ・初心者マーク がある→未経験OK が一目でわかる→未経験や初心者が ターゲットには初心者マークを入れ てみる ・文章が一つのボック スにまとまっ て右に斜めになっている→続けて読 める、速さを感じる→スピード、速 さがメリットの時は右ななめにする ・紺色と黄色→補色で目が立つ、読 みやすい→目を引きたい時は補色で 構成する ・キャッチ コピー が中心で上部に目 一杯→目にはいる→目に止めたい時 は中心、下にも要素があるときは上 部にする ・キャッチ コピー の内容で何がそこ でできるのかがわかる→ター ゲット に刺さる→キャッチコピーは商品の 内容がわかるようにする ・背景が黒くてキャッチ コピー が白 →コン トラスト比で目立つ→目立た せたい時は白黒にしてみる ・背景のピンク と青がななめ→平行 よりオシャレに感じる→オシャレ感 を出したい時は斜めで分けてみる ・ピンクと青だけだが、要素によっ てピンクを濃さを変えて使っている →統一感は出るし、濃淡でメリハリ がつく→メリハリを出したい時は同 じ色で濃淡をつける ・背景の三角、枠の角、四角の角、 リボンの角、全てが尖っている→統 一感がある→統一感を出すには素材 や形を同じものを使う ・ピンク で色を変えている→全体に 統一感がある→統一感を出したい時 は同じ色で差を出す ・グルー プの図形がひし形→オシャ レ→オシャレ感や違いを出したい時 はひし形を使ってみる ・下に重心がある→安定感がある→ 安定感を出す時は下に重心を置く ・色はピンク のみ濃淡を変えて使って いる→統一感、世界感を感じる→統一 感や世界感を出す時は同じ色で濃淡を 変えて使う ・日本語フォン トは1つ→まとまりが ある→フォント数が少ないと、まとま りが生まれる ・外のグラデー ション と、内のグラ デー ション が、同じなんだけど上下 が反転している→メリハリがつく、 オシャレ、高級感右メリハリを出し たい時は反転させて重ねてみる ・キャッチ コピー がター ゲットに刺 してて、次に大きいのが商品がわか ること→刺して止まらせて商品が伝 わる→①ターゲット②商品の優先 順位がお客様への配慮 ・淡い色なのでぼやけている→色は 濃い方が良い、もしくは目立たせる ところだけ濃くする ・背景のグラデー ション に合わせて 手前のアイコン も同じ色になってい る→流れるように読める→流れを作 りたい時は全体の色の順番を統一す る ・背景のグラデー ション は薄いけ ど、キャッチ コピー の座布団は濃い グラデー ション →視認性を上げるた め→グラデーションは濃淡で必要に 応じて使い分ける ・キャッチ コピー は濃い紫、背景は 不透明度を下げた紫→色で統一感は あるけどキャッチ コピー がめにはい る→色を統一して濃淡や不透明度を 変えて目立たせる ・グラデー ション が濃い→バナー 全 体が目にとまる→目に止めて欲しい ものは濃い色にする ・「生きた英語」が背景色と補色→ そこの集中して目がいく→特にター ゲットに刺したい言葉は背景の補色 にする ・斜めの角丸図形→進む感じがしつ つ、女性らしさもある→女性向けの 成長や挑戦系は斜め図形を角丸にす る ・キャッチ コピー の裏の背景色がピ ンク だけど明度が少し暗い+文字に ドロップシャドウで視認性が高い→ 文字の裏は明度を低くする 57
  34. 58 Before After 限 定 特 典プレゼント中 ! C h

    a t G PTで 簡 単 ! 98 % 収益化 ス キ マ 時 間 で 収 入 ア ッ プ な れ ました ! に 未 経 験 主婦 たった ヶ月で 3 Webライター 詳 し く は こ ち ら
  35. 限定特典プレゼント中! ChatGPTで簡単! 98 % 収益化 スキマ時間で収入アップ なれました! に 未 経

    験 主婦 たった ヶ月で 3 Webライター 詳しくはこちら 59 デザインの意図 ※今回はAIにて生成しています 信頼感を与えます ターゲットが主婦・ままであるこ とが一目で伝わります スクールロゴ 子どもとの写真 ターゲット目立たせることで、 一瞬のSNS広告で目に留まりやす くしました ターゲット CTAボタン付近に限定特典訴求 で、損をしたくない心理を動かし ます 限定特典 「自分にもできる」という認 識を与えます 数字訴求 クリック先が何なのかを明記 すぐに申込にはならない安心感 クリックしたくなる質感のボタンに しました CTAボタン
  36. Works その他の制作実績 交流イベントのロゴデザインなど 発信、ナスを通じて人と人がつながるイベントのロゴをデザインいたしました。 イベントの下で、 人がナスをフックに繋がることを表現しました。 ヘタは「人」の字、 2つのナスは寄り添うようにフックで繋がっています。 担当範囲 デザイン

    制作期間 1ヶ月 使用ツール Figma、Illustrator 「ナスを使って、人と人が繋がっていくイメージでお願いします!」とだけ伝えて、あとはほとんどお 任せでしたが、期待を超える候補を3つ提案してくださいました。 やり取りだけでなく、僕の過去の配信を遡って聞いてくださったりして 想いを丁寧に汲み取ってくださいました。寄り添う力に感謝です。本当にありがとうございました! お客様のコメント 6 1
  37. Flow ご契約までの流れ ご提案に価値を感じていただけましたら、 となります。 04 ご契約 63 事前アンケート ご依頼内容や現状のお困り ごとなどを、アンケートに

    ご記入いただきます。 01 ヒアリング ヒアリングシートをもと に、目的やイメージなどを お客様の想いに寄り添って ヒアリングいたします。 02 ご提案 お見積り ヒアリング内容をもとに、 構成やスケジュール、ご予 算をご提案いたします。 03
  38. Flow ご契約後の流れ 64 キックオフ 目的達成の準備を整えます。 制作スケジュールや進行方向 などを共有いたします。 01 デザイン 〜修正

    初稿をご確認いただき、 フィードバックをもとに丁 寧に調整を重ねてクオリ ティを高めます。 02 納品 〜フォロー 最終成果を納品します。 納品後も運用サポートや新 たなご提案など、断続的に サポートいたします。 03
  39. Profile 料金 TOPページ ¥50,000 3社様限定 通常 下層ページ ¥35,000 ¥20,000 3社様限定

    通常 ¥150,000~ /ページ Webサイトデザイン 通常 ¥150,000~ /ページ ¥100,000 3社様限定 LP(ランディングページ)デザイン ¥3,000~ /枚 バナー (広告バナー/サムネイルなど) ¥6,000~ 名刺 ¥15,000~ ロゴ 一部の料金でございます。 その他のご依頼も、 お気軽にご相談ください。 65