Works
Banner & Logo
株式会社ケアファッション
ECサイトバナー
- 制作背景
- 前職時の会社で新コンテンツを更新した際、トップページに掲載するバナーとして制作。
- 目的・ゴール
- サイト訪問者にコンテンツを案内する
- ターゲット
- 40~70代の女性
- 制作ポイント
-
パステルカラーを基調としたやさしいサイトの雰囲気に馴染むトンマナを意識した。
トンマナは維持しつつも、タイトルにアクセントカラーを取り入れたりコンテンツの内容に合わせたイメージを置くことで、他バナーとのコントラストをつけて誘目性を高めた。
- 制作期間
- 30分〜1時間/1点
- 使用ツール
-
- Illustrator
- Photoshop
- 制作過程から学んだこと
-
今回、「ターゲットが視認・判読できる」ことと「サイトのイメージを崩さないようトンマナを近付ける」ことの両立に苦戦した。
そこで、あらかじめデザインに優先順位をつけることでスムーズに制作を進ることができ、かつデザインに一貫性を持たせられると考えた。例)
花柄トップスを展開するコンテンツ。掲載商品は品のある柔らかなデザインでサイトの雰囲気とも合致している。
そのため、バナーもパステルカラーを基調とした女性らしいトンマナに決定。→バナーの中で淡い色同士が隣接するため要素間で明確な境界が生まれにくく、文字が背景に溶け込んでしまう事象が発生。
そこで、「そのデザインでターゲットに内容が伝わるか」を基準にデザインの優先度を整理した。
結果、「文字は多少雰囲気が崩れてでも読みやすくするもの」とし、文字色のコントラストを強くすることで解決した。
制作実績 一覧
-
コーポレートサイト「すずらんデザインスクール」
Web Design / Coading
-
個人サイト「大学受験の国語部屋」
Web Design / Coading / Wordpress
-
ポートフォリオサイト「MIYU OKUMURA PORTFOLIO」
Web Design / Coading
-
コーポレートサイト「はんしんベーカリー」
Web Design / Coading
-
ランディングページ「はじめての直島 日帰りアート&カフェ旅」
Web Design
-
WEBバナー広告
Banner
-
ECサイトバナー
Banner
-
ロゴ「MIYU MOROKA」
Logo
-
ロゴ「古書店 雲」
Logo
-
ケアファッション オンライン 公式LINEアカウント制作・運用
LINE
-
Youtube企業公式チャンネル制作・運用
Youtube
-
WEBコンテンツ イラスト
Digital Illust
-
チラシ・フライヤー
Graphic Design
-
動画
Movie
-
スタイリング
Styling