オンラインショップ メルとモノサシ
デジタルムーン
ホタルロゴ
社会福祉法人 明桜会

I wanna be your partner.

採用情報

一覧
  • プライバシーポリシー

    プライバシーポリシーのテキストです。プライバシーポリシーのテキストです。プライバシーポリシーのテキストです。プライバシーポリシーのテキストです。プライバシーポリシーのテキストです。プライバシーポリ...

  • バナートレース#14

    #14 GIFが楽しくて。 見本 トレース バナー考察:インプットの気づき ターゲットは30代くらいの女性向け? 靴を脱いだときに見える靴下がアニメーションによって強調されるアイディアが素敵 細い線の囲みでオシ...

  • 専門学校案内パンフレット

    専門学校の案内パンフレットを作成しました。(掲載写真は一部のみです。) ■■試行錯誤した点■■ ・記載内容量が多いものをどう整理するか ・学生向けのデザインはどういったものがいいか

  • バナートレース#16

    #16 文字の部分的色変更をやりたくて、これにしました。 バナー考察:インプットの気づき ターゲットは20代前半とか?若め 黄色で目立つカラーに、対比色のブルーをアクセントにして、夏っぽい配色 吹き出しは...

  • まちづくりシンクタンク Roof

    まちづくりシンクタンクRoof様のサイトを作成しました。 「まちづくりシンクタンクってどんなことやってるかわかりにくい、伝えづらい」というところから始まり、じゃあその説明、ステップをわかりやすく伝えるも...

  • バナートレース#19

    #19 忙しさにかまけてスローペースになってきた、30まで頑張ろ。 ポップな幾何学模様やりたくてこれにしました。 バナー考察:インプットの気づき ターゲットは20代前後の若い世代? ポップな色使いで賑やかさ ...

#2
今回のトレースはこちら。
まだ優しめなもので。。。



 

バナー考察:インプットの気づき

  • ターゲットは、女性30代後半あたり〜?
  • 配色:秋をイメージさせる配色、対比色、かつ着ている洋服が目立つカラー
  • 配置中央で安定感
  • 細い線の四角形囲みで、スタイリッシュ感

 

トレースメモ:アウトプットの気づき

  • 正方形に見える囲みは微妙に正方形ではなく、その方が余白が等間隔に見えるのかなと思った
  • 正方形内の文字は、大きさは色々だが、どこかしら揃っているのでまとまって見える
  • フォントはAthelasを使用したが、肝心のBが結構違う(Bだけ違うフォントかな。正解わからん
  • 背景は縦グラデーションにプラス質感があったので、紙のテクスチャを薄く入れてみた

紙のテクスチャはこちらを使用しました

 


使用ツール photoshop
所要時間 20分
フォント Athelas
デザイン特徴 ツートーン
細い線囲み
切り抜き写真
バナータイプ ファッション

早速#1
初めはシンプルなものからスタート。



 

バナー考察:インプットの気づき

  • ターゲットは、男性30代あたり〜?
  • 配色:商品内の青背景で爽快感。その分裂補色の黄色で目立たせる
  • 商品ドアップで目立たせたいとき
  • 文字と写真の重なりでレイヤー感
  • 文字を正方形に納めるレイアウトでスタイリッシュ

 

トレースメモ:アウトプットの気づき

  • 作る上での難しいテクはなかった

 


使用ツール photoshop
所要時間 30分
フォント 游ゴシック
デザイン特徴 文字正方形
バナータイプ 日用品

日々仕事でデザインに触れ、参考サイトなどをあさって吸収しているつもりではいるのですが、ただ目の前のタスクに追われながらではなく、もう少し明確にじっくりとデザインに向き合いたいなという思いがふつふつと募る今日この頃です。
そんなわけで、デザイントレースを通じて、デザインと向き合い、幅を広げることができたらなと思います。「継続は力なり」ということでがんばります。

実施の目的

  • photoshop/illustratorのより実践的なテクを身につける、早くなる
  • 絶対フォント感を磨く(これはこのフォント使ってる!って見ただけでわかるやつ。むず
  • 適切な配色センスを身につける
  • デザインのあしらい引き出しをふやす
  • ターゲットは誰か、コンセプトは何か、いいものをたくさんみて吸収する

もちろん最終的に、自分で目的・ターゲットに適切なバナー(その他デザイン)を作れるようになることのための訓練として実施していこうと思います。

ゆるルール

厳しくすると続かないだろうと自分に甘くw、以下のゆるルールだけは設定。

  • 平日1日1個(休日は全力でこどもたちと遊ぶw)
  • 30個続ける
  • 所要時間は45分以内
  • 多種多様なタイプのバナーを選ぶ
  • トレース前にバナーの意図・ターゲット・特徴などの考察をする(インプットの気づき)
  • トレース後に今回初めて学んだことや工夫したポイントをメモめも(アウトプットの気づき)

 

始めるにあたって、参考にさせていただきました。
ありがとうございます!
https://webdesign-note.net/trace-tips/
https://mito-lab.com/banner-trace-30-report/

さ、がんばろう自分。(誰かの参考になればいいな)


エシカル商品を取り扱うonline shop、「メルとモノサシ」のテンプレートカスタマイズ、TOP画デザインを担当いたしました。

こちらのサイトでは、エシカル商品をそのブランドストーリーとともに紹介されてます。
商品が生まれるまでの作り手の想いや背景、経緯を知ることができ、より商品に愛着・興味がわくショップになっています。
私自身、ストーリーを読むたびに、世の中にはこんなことを考えて日々試行錯誤していらっしゃる人たちがいるのだなとハッとさせられると共に自分視野を広げてくれる、そんな印象を抱いています。

TOP画制作の際にも、イメージに近しい参考画像をパパッと集めてくださったので、
そこからメルとモノサシに相応しいイメージがふわっと浮かんで制作することができました。
出来た画像をとても気に入ってくださり、サイトの雰囲気を表現できたのがとても嬉しかったです。


お客様より一言

オンラインショップを立ち上げる構想を進めていく中で、ぶつかった問題が「どこのシステムを使うか」でした。
私自身がかつて会社員としてECに携わっていたこともあり、ECに大切なことが一枚絵のデザインだけではないことは重々承知していました。
そこで、ママ友でありお仕事仲間でもある嶋中さんの、デザインセンスはもちろんのこと、サイト構築やシステム面の知識とスキルにひかれ、相談をすることにしました。

素早くいろんな可能性を探ってくれて、BASEの有料テンプレートをベースに構築することに。
10年前で止まっている私のECの知識レベルをできるだけ先に伝えたところ、そのレベルに合わせて迅速かつ丁寧な対応をしてくださいました。
最後の最後に「TOPバナーどうしようか…」となり、思い切ってバナーデザインをお願いしたところ、見事イメージにぴったり!サイトの顔となりました。
相談する時に感じていた”オールマイティーなスキル”は間違ってなかった!と思っています。
これからもよろしくお願いします◎

ありがとうございます。
フリーランス仲間のサイトをお手伝いすることができて嬉しかったです。
これからもご活躍を楽しみにしております!!


「こども専用オンラインプログラミング おうちでコード」のロゴとバナーを制作いたしました。

こども向けのプログラミングサービスで、コロナ禍でおうち時間が増えた今、とてもいいサービスだと思いました。オーダメイドカリキュラムで、ゲームや音楽作りなど、その子にあった内容で取り組めるようです。お子様の習い事としてご興味のある方は是非!!
https://ouchidecode.com/

ロゴ・バナーデザインのポイントとしては、こども向けサービスということで、楽しげな雰囲気・わかりやすさを重視しました。


お電話でのお問い合せはこちら