こんにちは^^
最近デザインした商品バナーが増えてきたので、ここで一度まとめてみました。
2021年秋の制作実績です。
制作実績01【サーモン】
![](https://watashino-design.com/wp-content/uploads/2021/11/f1-8.jpg)
手書きのナチュラルなあしらいや、
背景にテクスチャを使用して、
カフェのような雰囲気を出しました。
制作実績02【バランスリム】
![](https://watashino-design.com/wp-content/uploads/2021/11/f1-9-100x300.jpg)
商品パッケージのカラーを使用し、背景をストライプにしたり、両側にパッケージと同じように黄緑のグラデーションのあしらいを足し、スリム感を出しました。
制作実績03【バスチュニック】
![](https://watashino-design.com/wp-content/uploads/2021/11/chunick.jpg)
湯上がりのゆったりした時間に着用される商品なので、
全体的に優しい柔らかい女性向けのデザインにしました。
写真の切り抜きはふわふわした形に。
手書きイラストを入れてカジュアルに。
タイトルの背景に温泉マークをさりげなく入れて湯上がり感を出してます。
全体の背景はお風呂を連想させるような泡のテクスチャを薄く入れました。
フォントも優しい雰囲気の明朝体を選びました。
制作実績04【おかゆでごはん】
![](https://watashino-design.com/wp-content/uploads/2021/11/okayu.jpg)
- パッケージの模様をバナーに散らして商品との統一感を出しました。
- 背景は薄い黄緑に軽くチェック柄を足してカジュアルな印象を出しました。
- 商品の中身の画像も右下に入れてあります。敢えて途中で切れる配置にすることで窮屈さを感じさせないようにしました。
- 上から影をつけて奥行きを出しています。デザインのトレンドでもあります。
制作実績05【コーヒー】
![](https://watashino-design.com/wp-content/uploads/2021/11/coffe.jpg)
文字が読みやすいように、配置、写真の調整をし、商品パッケージの紫をアクセントカラーとして使いました。
制作実績06【デーツ豆】
![](https://watashino-design.com/wp-content/uploads/2021/11/deets.jpg)
あしらいを使っておしゃれに仕上げました。
メイン画像は文字の下をぼかして、読みやすく調整しています。
箇条書きにしてイメージ画像を入れたり、文章を短く分けることで、読んでもらいやすくしました。
制作実績07【カラース豆】
![](https://watashino-design.com/wp-content/uploads/2021/11/khalas.jpg)
1つ前のバナーと同じ系列の商品のため、同じようにナチュラルな雰囲気になるようにデザインしました。
webサイトのように長いバナー(LP)
情報量が多い商品はこのようにLP(ランディングページ)並みに長いバナーを制作します。
![](https://watashino-design.com/wp-content/uploads/2021/11/grooming-scaled.jpg)
![](https://watashino-design.com/wp-content/uploads/2021/11/tomato.jpg)
最後に
インスタグラム(@shio_designer)では随時デザインした作品を投稿しています。
ストーリーズは仕事についてなど、自由に投稿しているので
フォローしていただけると嬉しいです♡
ピンタレストのこちらのボードにも掲載中。
また作品が増えてきたら、掲載しようと思います^^*
ポートフォリオ
![resumeで作ったポートフォリオの画像](https://watashino-design.com/wp-content/uploads/2022/03/resume.jpg)
![shioのポートフォリオのバナー](https://watashino-design.com/wp-content/uploads/2021/12/portfolio-old.jpg)
関連記事
ブログのバナー(アイキャッチ)も色々考えながらデザインしています。
良かったらあわせて読んでみてください^^
![【1年前と比較】webデザイナーの想いを込めたブログバナー(アイキャッチ)のポイントのバナー](https://watashino-design.com/wp-content/uploads/2021/07/blog-bnr12-1-320x180.png)
webサイトの制作実績はこちら
![【デザイン未経験者の卒業制作】デジタルハリウッドLIGで猫カフェwebサイト制作のバナー](https://watashino-design.com/wp-content/uploads/2021/07/blog-bnr13-2-320x180.png)
![制作実績!読み聞かせユニット「えへへほん」 のwebサイトのバナー](https://watashino-design.com/wp-content/uploads/2020/05/zisseki-ehehehon.png)
▼バナーデザイン等のご依頼はこちらからお願いいたします
![お問い合わせはこちらからの画像](https://watashino-design.com/wp-content/uploads/2021/12/contact.jpg)
それでは、また🐑🧡