-
M&A営業代行サービスのLPデザイン・実装
■ プロジェクトの目的
M&A仲介・営業代行サービスの「専門性と信頼性」を訴求し、ターゲットとなる経営層からの無料相談獲得を目的としたLP制作。
■ 体制・人数
ディレクター1名、デザイナー1名(私)
■ 自分のポジション・役割
デザイナー
■ 目的を達成する上での課題
高度な専門性を訴求しつつ、機密性の高いM&Aを任せられる高い安心感をデザインでいかに表現するか。
■ 課題に対して取り組んだこと
・ビジネスパーソンの写真を使用し、サービスへの信頼感を視覚的に表現
・堅実で落ち着いたトンマナの徹底
・ 導入事例セクションでは、サービスの成果が明確に伝わるデザインに
・プラン紹介のセクションでは、オススメのプランがすぐに伝わるよう強調表現
・リッチで上質な印象を与えるアニメーションを設定
・落ち着きのあるトーンでCTAエリアを設計
画像加工・デザインカンプ作成(Figma使用)、実装(Studio使用:レスポンシブ対応、SEO対策、アニメーション設定)
-
フォローコール代行サービスのLPデザイン・実装
■ プロジェクトの目的
新規営業代行サービスの認知度向上と、無料相談申込み獲得。同時に展開する別サービスとの効果比較のため、【イラストのみ】で構成されたLPとして制作。
■ 体制・人数
ディレクター1名 デザイナー1名(私)
■ 自分のポジション・役割
デザイナー
■ 目的を達成する上での課題
「イラストのみの構成」という制約の中での、サービスへの高い信頼感と専門性の担保。
■ 課題に対して取り組んだこと
1. 競合優位性の確保: イラストを多用する競合LPを徹底リサーチし、差別化ポイントを明確化。 2. 信頼感の創出: イラスト素材の色味調整やトンマナ統一を徹底。
「リッチなイメージ」を出すため、スクロール時の洗練されたアニメーションを導入。
3. 実装と最適化: フルレスポンシブ対応はもちろん、LP公開後の集客を見据えたSEO(検索エンジン最適化)設定まで一貫して担当。
イラストの収集・編集(Illustrator使用)、デザインカンプ作成(Figma使用)、ファビコン・OGP画像作成、実装(Studio使用:レスポンシブ対応、SEO関係の設定、アニメーション設定)
-
バナーデザイン作成
■ プロジェクトの目的
広告
■ 自分のポジション・役割
バナーのデザイン業務を行っています。
■ 目的を達成する上での課題
しっかりターゲットの目を惹く、タップしたくなるバナーを作成すること
■ 課題に対して取り組んだこと
依頼書をもとに必要に応じて事前のヒアリングを行う、遷移先のサイトとトンマナを合わつつ、サービスの魅力がより伝わるようにデザインの細部までこだわるデザイン、画像加工
使用ツール:Photoshop -
ココナラのサービス紹介用動画作成
■ プロジェクトの目的
イラストレーターさんのサービスで口パクする作品を販売するということで、ご依頼予定の方に使用イメージが浮かぶようにしたい。
■ 自分のポジション・役割
ヒアリングから動画編集までを担当
■ 目的を達成する上での課題
イラストの使用イメージがご依頼を検討している方に伝わること、自分だったらどう使うか?が簡単に想像できるようにしたい。
■ 課題に対して取り組んだこと
TikTok風、YouTube風など、イラストが使用されるイメージが湧く動画を複数用意しました。
■ ビジネス上の成果
サービスに動画の説明を加えたあとに、サービスが購入されたそうです!動画編集
使用ツール:Canva -
LPで使用するgifアニメーション作成
■ プロジェクトの目的
LP内で商品のイメージをわかりやすく伝わるため。
■ 自分のポジション・役割
文言、構成案をいただき、デザイン作成、アニメーション化する作業を担当。
■心がけたポイント
動きをつけられることを活かして、流動的な動きに合わせてフキダシをつけるなど、視覚的な流れを意識しながらアニメーションを作成しました。
また、LPに使用する予定でしたのでLPのトンマナに合わせたデザインになるように心がけました。LPのトンマナに合わせたデザイン、gifアニメーションを作成。
使用ツール:Canva / Photoshop -
Webメディア内の画像のイラスト・デザイン制作
■ プロジェクトの目的
お金にまつわる情報を読者にわかりやすく伝え、クレジットカード選びなどの参考にしてもらう
■ 自分のポジション・役割
ディレクターから頂いた指示書をもとにイラストやデザインを作成する
■ 目的を達成する上での課題
サイトのトンマナに合わせながら、より読者が見やすく情報がわかりやすくなるようにまとめる
■ 課題に対して取り組んだこと
ディレクターから頂いた資料から意図を汲み取り、デザインする。
必要に応じて図解にイラストを描き入れたり、レイアウトの提案も行う。
図解、グラフ作成、イラスト作成、デザイン作成
-
Webメディアの記事内の画像のイラスト・デザイン作成
■ プロジェクトの目的
情報をわかりやすく発信する
■ 体制・人数
不明
■ 自分のポジション・役割
デザイナー
■ 目的を達成する上での課題
網羅的な情報の記事になるので、文字量が多くなりがち → イラストや図を差し込んで、閲覧者が情報を理解しやすくなるようにする
■ 課題に対して取り組んだこと
・記事の文章との違いがはっきりとわかる見出しのデザインにする
・図解は堅い印象にならないように、余白と使用カラーを工夫(メディアのトンマナに合わせる)
・メディアのイメージにあうタッチでイラストを作成し、図解に使用
・内容によってグラフの作成・Illustrator
・Photoshop -
講座系YouTubeの漫画風スライドデザイン
■ プロジェクトの目的
お金にまつわる知識をわかりやすく動画で伝える
■ 体制・人数
2名
■ 自分のポジション・役割
デザイナー
■ 目的を達成する上での課題
・視聴者を飽きさせない工夫
・わかりやすく伝える
■ 課題に対して取り組んだこと
・前後のスライドと似た見た目を連続させないこと
・時々キャラクターを大きく使い目を惹くページをつくること
・図解を差し込んだり、イメージイラストを挟む
・実績などのキャプチャを使う
・重要なワードは強調する(太字、サイズアップ、赤字、マーカー、吹き出しの種類を変えるなど)
・Canva
・テンプレートをもとにマンガ風のスライドを作成
・必要に応じて、イラストの選定と挿入、図解の作成 -
セミナー用のスライドデザインのデザイン・図解作成担当(トータル数 約1,000枚)
■ プロジェクトの目的
セミナーを通して主婦、シングルマザーの女性で在宅ワークが気になっている方への情報提供 → セミナー主催者が運営しているサービスに入会してもらう
■ 体制・人数
2名
■ 自分のポジション・役割
デザイナーとして参加。
用意していただいたテンプレートをもとに、トンマナを合わせながらデザイン作成する役割を担当。
必要に応じて、グラフや図解、サブタイトルのデザインテンプレートの作成なども作成しました。
■ 目的を達成する上での課題
【課題①】
instagramのフォロワーがセミナーの閲覧者になるとこだったので、難しいイメージにしない。
最後まで楽しく、見てもらえるスライドにする。
【課題②】
セミナーを通して「私もできそう!」「在宅ワークに挑戦したい!」と思ってもらうこと。
■ 課題に対して取り組んだこと
・1ページの中に詰める情報量は多くしない
・大事な箇所は赤字やマーカーを使ってひとめで重要なポイントがわかるようにする
・図解やイメージイラストを使って視覚的に情報がわかるようにする
・おしゃれだけど少しコミカルさのあるイラストを使用
・まとめページでボード風のデザインを作成。
閲覧者がスクリーンショットを撮ってあとで簡単に見返しできる。・Canva
・動画の埋め込み、再生時間は適切に編集
・グラフの作成
・図解作成
・トンマナに合わせたイラストの差し込み
・ページ数は文章ごとに調整
・タイトル、見出しページのデザイン
など