目次
アイコン
12星座のアイコン | Illustrator（制作時間 3時間）
1.目的・課題
星座占いのサイトの各ページを直感的に識別できるよう、12星座をモチーフにしたアイコンセットをイメージし制作しました。
サイト全体の世界観に、「ゴシック寄りの少しダークな雰囲気」を与えつつ、ユーザーに親しみやすい印象になるようデザインしました。
2.ターゲット
占いコンテンツに興味を持つ中高生の女子ユーザーを想定、可愛さだけでなく少し大人っぽさが感じられる雰囲気を目指しました。
3.コンセプト
シンプルでわかりやすい星座モチーフとダークでミステリアスな世界観を表現しました。
4.デザインのポイント
- 12星座のモチーフをいれつつ、星形の装飾を共通させてシリーズの統一感を持たせる
- ミステリアスな雰囲気かつ重すぎないバランスでデザイン
- 小さいサイズで使用されても崩れないよう、線の太さや余白を調整
5.備考
アイコンのラフ
ロゴ
星座占いサイトのロゴ | Illustrator （制作時間 各30分）
1.目的・課題
先ほどのアイコンとあわせて使用する、星座占いサイトのブランドイメージを確立するためのロゴを制作しました。
占いらしい神秘性を持たせつつ、中高生ユーザーにも親しみやすさのある、おしゃれで少し大人っぽい印象を与えることを目的としています。
2.ターゲット
占い・スピリチュアルに興味を持つ 女子中高生をターゲットに想定。
可愛さだけでなく、憧れを抱けるような少し背伸びしたデザイン性を重視しました。
3.コンセプト
宇宙やスピリチュアルさを想起させる星モチーフでアイコンと統一させ、白黒ベースのシンプルな世界観で視認性と高級感を演出しました。
筆記体のラインが柔らかく、若い層にも受け入れられやすいテイストにしました。
4.デザインのポイント
- 筆記体のロゴタイプを採用し、上品で大人っぽい雰囲気を演出
- 星型モチーフを取り入れ、先に制作したアイコンと世界観を統一
- 白黒の構成で、スマホ表示でも見やすい視認性を確保
- 占いサイトらしさを保ちながら、重くなりすぎないバランスに調整 • シンプルな線で構成し、どのサイズでも美しく見えるよう最適化
5.備考
ロゴのラフ
名刺
名刺 | Illustrator（制作時間 各30分）
1.目的・課題
地域に根ざした卸し酒屋をイメージし、名刺を受け取った瞬間に「酒屋」であることが直感的に伝わるデザインを目的に制作しました。
実家の旧家業という背景もあり、ブランドとしての“らしさ”や歴史を名刺の中に落とし込むことを意識しています。
2.ターゲット
取引先となる 居酒屋や商店などの飲食関係者を想定。信頼感を与えつつ、屋号を優先して覚えてもらいやすい名刺を目指しました。
3.コンセプト
藍色を基調に、渋さと貫禄のあるパターンと新しさと親しみやすさを感じるカジュアルなパターン
の2種類を制作。
黄色の部分は箔押しを想定し、上質さ・信頼性・高級感を演出しています。
4.デザインのポイント
- 屋号「明治屋」をしっかり記憶してもらえるよう、大きく前面に配置
- 文字の背面に、家紋である木瓜紋（もっこうもん）を配置し、歴史と家業らしさを象徴させるデザインにした
- 日本酒・焼酎を中心に扱う酒屋のイメージを反映するため、日本酒・焼酎モチーフのアイコンをアクセントとして追加
- 視認性の高い藍×白色の配色で、業務の場でも目に留まりやすいコントラストに
- シンプルながらも印象に残る余白と構成で、信頼感を強調
5.備考
名刺のラフ
LP
Webサイト |TeraPad、Visual Studio Code（制作時間 約30時間）
架空の野菜の通信販売を事業とする企業のLPを作成しました。
ページのリンクです|https://ag184-21.deau-ag.com/tuchimameLP
1.目的・課題
架空の野菜通販ブランド「つちまめ」の商品を紹介し、野菜セットの購入促進を目的としたLPを制作。
ブランドの世界観を丁寧に伝えることで、安心して利用したいと思ってもらえる導線づくりを課題としました。
2.ターゲット
健康意識が高い方や、買い物の手間を減らしたい方、食材にこだわりたい幅広い年齢層（30代〜高齢者）を想定。「安心・安全な野菜を手軽に取りたい」という生活者のニーズに寄り添った情報設計を意識しました。
3.コンセプト
「土と、まめな暮らし」というブランド名に込めた、自然とのつながりを感じられる世界観を伝えられるサイトにしました。
ナチュラルで落ち着いたベージュトーンにまとめることで、信頼感や温かみのあるデザインになるように作成しました。
4.デザインのポイント
- ベージュの背景でやわらかく、生活に寄り添う印象を演出
- 野菜をイメージしたグリーンをアクセントカラーに使用し、鮮度と安心感を訴求
- 情報を段階的に整理し、購入検討しやすい導線を構築
- お問い合わせボタンを設置し、コンバージョンに繋がる動線を強化
5.備考
HTML/CSSを用いて、初めて1からコーディングを実施。
UIの改善やスペースの扱いなど、試行錯誤を通してWeb制作の基礎を実践的に学ぶことができました。
動画
LPの宣伝動画 | After Effects（制作時間 4時間）
1．目的・課題
LPで作成した野菜の通信販売サービスをよりわかりやすく伝えるため、動画広告を制作しました。媒体はYouTubeを想定しています。
2．ターゲット
主に30～40代の女性
3.コンセプト
視聴者が直感的に内容を理解できるよう、イラストと動きで内容がわかるように制作しました。日常になじむような雰囲気を重視しました。
4.デザインのポイント
・悩み→ひらめき→注文→サイトへの誘導というわかりやすいストーリー構成。
・ひらめきのシーンは要素をポンっと大きく表示して、印象的なアクセントを演出。
・配送トラックのイラストを上下に動かして静止画でも動いている印象を与えた。
・BGMはゆったりと明るい素朴な楽曲で、日常感、気負わなさ安心感のあるものを選んだ。
５.備考
動画尺は18秒
当初は15秒想定だったが、読み上げ音声のテンポを優先し無理のない情報量になるよう調整しました。
初めてAfter Effectsを触ってみて、今まで使い方を学んできたソフトとはできることも勝手も大きく違っていて興味深く感じました。イラストやオブジェクトを動かして想像したものに近いものができると達成感がありました。
動画 | Premire Pro（制作時間 3時間）
1．目的・課題
Premire Proの基本操作を習得することを目的に、短いテレビ番組を意識したドキュメント風動画を作成。映像・写真・テロップを組み合わせて視聴者が自然に内容を追える構成を意識しました。
2．ターゲット
静かで落ち着いた映像を好む視聴者を想定。
3.コンセプト
白鳥の様子を淡々と切り取ることで、穏やかな空気感を表現しています。
4.デザインのポイント
・カット編集やトランジションを用いて映像の流れが途切れないよう調整。
・テロップは主張しすぎず、映像を補足する役割に。
・動画だけでなく写真素材も挟むことで、単調にならないリズムと構成を意識。
５.備考
参考番組は「音のソノリティ」、番組と番組の間に放送されるリラックスしてみられるような映像を目指しました。
バナー
イベントバナー |Photoshop (制作時間 1時間30分）
サイトイメージ
バナー サイズ違いを作成 |Photoshop（製作時間 2時間30分）
1.目的・課題
ホームセンターで開催する観葉植物フェアの告知として、Webサイトに掲載するバナーを制作しました。ユーザーがサイトを閲覧している中で、自然とイベント情報に気づけるよう設計を意識しています。
植物の持つインテリア性を感じてもらい、来店促進につなげることを目的としました。
2.ターゲット
ホームセンターを訪れる幅広い年齢層のユーザー。
特に、インテリアやライフスタイル雑貨に興味を持つ層を想定。
3.コンセプト
販促色を強く出しすぎず、Webサイト全体の雰囲気を損なわない設計を意識して、強い印象の色を使わず制作しました。
4.デザインのポイント
- 観葉植物の写真を大きく使用し、イベントの内容を直感的に伝達
- 文字色をグリーンに揃え、植物フェアの世界観を統一
- 全体的にフラットでシンプルな仕上げにし、サイトとの調和を図る
5.備考
Photoshopで制作。レイアウト検討に時間がかかり、事前に参考デザインを収集しておく重要性を学びました。
架空の書籍バナー |Photoshop（製作時間 1時間30分）
サイト使用イメージ
表紙の写真はGeminiより生成し、作成しました。
1.目的・課題
Webサイト内で表示する書籍の新刊告知バナーを制作しました。
作品タイトルと「最新作が登場する」という情報を、ひと目で伝えることを最優先にしています。
閲覧者に興味を持ってもらい、書籍ページへの導線を強めることを目的としました。
2.ターゲット
物語や新刊情報に敏感な本好きユーザーが対象。
サイトを閲覧している幅広い層に向け、情報がストレートに届くデザインを意識しました。
3.コンセプト
文学的で落ち着いた静謐な雰囲気をベースにしつつ、新刊らしい“特別感”を余韻として残すようまとめました。
4.デザインのポイント
- 表紙のダークブルーが映えるように背景を白基調で構成
- タイトル文字色を書籍デザインに合わせ統一感を演出
- 不要な要素を排し、視線をタイトルと発売情報に集中させるレイアウト
- 物語性を感じさせる余白を意識し、視覚的な余韻を確保
サムネイル
商品サムネイル | Photoshop （制作時間 1時間30分）
1.目的・課題
ECサイトの商品サムネイルとして、商品の特徴を一目で伝え、クリックを促すことを目的に制作。
特に本製品の強みである「遮音性」を視覚的に訴求することを課題としました。
2.ターゲット
ヘッドホンに高い遮音性を求めるユーザー、ガジェットや音質にこだわりのある20〜40代を想定。
3.コンセプト
サイバー感、スタイリッシュさ、テクノロジー性を感じられるビジュアルで、ガジェットとしての魅力を強調させる仕上がりにしました。
4.デザインのポイント
- キーメッセージである「圧倒的遮音性」を白抜きの大きな文字で配置し、静音性と訴求力を両立
- 商品自体が白いため、背景や着用モデルの服の明度を下げ、コントラストを強調して商品の視認性を高くした
- サイバーな雰囲気を意識し、立体感や光の演出でテクノロジー性を演出
商品サムネイル |Photoshop (制作時間 1時間30分）
1.目的・課題
ECサイトの商品サムネイルとして、綿素材の心地よさを伝えることを目的に制作しました。、柔らかなトーンと構成を意識しました。
2.ターゲット
リラックスカジュアルを好み、自然素材・着心地の良さに価値を感じるユーザー、30～40代女性を想定。
3.コンセプト
綿ニットの柔らかさと優しい雰囲気を大切に、装飾を抑えた落ち着いたデザインにまとめました。日常に自然となじむような色味と空気感を意識し、頑張りすぎないおしゃれを表現しています。
4.デザインのポイント
- キャッチコピーに「ゆる楽」を採用し、文字サイズに揺らぎを持たせることで、リラックス感のあるゆるさを表現
- 商品そのものの大きさと余白のバランスを調整し、素材感やシルエットが伝わるよう構成
- モノトーン寄りの落ち着いた配色で、ナチュラルな世界観に統一
- 商品バリエーションが想像しやすいよう、画像構成に試行錯誤し、視認性と情報量を適したバランスにした
バナー
バナー模写 |Photoshop
使用画像は下記に記載
1.目的・課題
デザイン力向上を目的に、異なるジャンルのバナーを模写し、情報整理・視線誘導の理解を深めました。短時間で完成度を上げる練習として取り組みました。
2.ターゲット
①スポーツウェア：機能性を求める20〜40代男性
②ピノキャンペーン：SNSを使う10〜30代の男女
③紅葉ツアー：旅や季節イベントに興味を持つ大人世代
3.コンセプト
①冷感＆速乾を訴求するスタイリッシュなクールさ
②水色＋黄色の配色で、SNS上でも目を引くポップさ
③秋らしいオレンジで、華やかでワクワクする印象
4.学びになった点
要点が自然と目に入るレイアウトや余白設計を意識。
コピー・商品・あしらいの優先順位設計が特に学びになりました。
5.備考
Photoshopで制作。限られた時間でのクオリティ向上を課題とし、同時にスピードと再現性を強化しました。
イラスト
使用ツール | CLIPSTUDIOPAINT
ここまでご覧いただき、ありがとうございました。
Webの実務は未経験ではありますが、学ぶ姿勢を大切にしながら、幅広いジャンルのデザインに挑戦し、成長していきたいと考えています。自分のアイデアを形にし、ユーザーに満足してもらえる作品を生み出せるクリエイターになりたいと思います。
どうぞよろしくお願いいたします。
参考
スポーツウェアバナー
男性はGeminiより生成、背景はunsplashより使用
森永ピノバナー
森永乳業様の製品「pino」の画像を使用https://www.morinagamilk.co.jp/products/icecream/pino/6539.html
紅葉旅行ツアー特集バナー
紅葉の画像はpexelsより使用
イチョウ・モミジ・どんぐり等はAdobe stockより使用
銀山温泉 （© koichi_hayakawa クリエイティブ・コモンズ・ライセンス（表示4.0 国際））を改変して作成 https://creativecommons.org/licenses/by/4.0/
観葉植物バナー
画像はpixabayより使用
あてこみサイト先 ジョイフル本田｜https://www.joyfulhonda.com/
新刊書籍バナー
表紙画像はGeminiより生成
あてこみサイト先 くまざわ書店｜https://www.kumabook.com
LP
画像はpixabay、ぱくたそ、Adobe stockより使用
イラストはLoose Drawingより使用