Portfolio
All
Web Design
Illustration
Advertising
夏休み航空会社 バナー
- 使用ツール: photoshop
memo
夏休みに向けた航空会社のお得なプランのバナーを、想定して作ってみました。素材としてはシンプルな園の写真でしたが、航空会社のイメージと夏休みのイメージを持たせるために、飛行機のイラストや青や白を基調とした文字のデザインにいしてみました。(300x250)
秋旅行会社 バナー
- 使用ツール: photoshop
memo
秋のお寺の観光を主とした旅行会社のバナーを想定して作りました。秋っぽさや、お寺の観光をイメージした配色を意識しました。(300x250)
お花サブスクセール バナー
- 詳しく見る ▶︎
- 使用ツール: photoshop
memo
主にネットショップで運営している架空の花屋をイメージして製作しました。使用した素材が明るい写真だったので柔らかい色彩で統一してみました。老若男女に対応してデザインしてみました。(300x250)(300x300)(200x700)
IMA図書館
- 詳しく見る ▶︎
- 使用ツール: html , css
memo
公共の図書館のWEBサイトをイメージして作りました。左側にナビゲーションと図書館名（タイトル）を固定させるデザインをやってみたかったので、この際挑戦してみました。あえてレスポンシブの際ハンバーガーボタンをつけないで設計してみました。
春の畳の張替えセール バナー
- 詳しく見る ▶︎
- 使用ツール: photoshop
memo
春の畳の張替えを行う畳屋さんを想像して作成しました。畳の元の画像（フリー素材）は、黄ばんでいて綺麗ではなかったのでphotoshopを使い畳の色や雰囲気を表現してみました。(300x250)(300x300)(200x700)
ハワイイラスト
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
ハワイのおみやげ屋さんなどに置いてあるポストカードのイラストを想像して作ってみました。ハワイアンキルトを参考にしてみました。色合いをハワイアンキルトで使われてそうなものにして、フォトショップで生地感が演出できるように加工してみました。
お正月初売りバナー
- 使用ツール: photoshop , illustrator
memo
お正月の初売りセールを宣伝するバナーをイメージでこの作品を作りました。だるまのイラストと背景を紅白の市松模様にしてお正月感を出してみました。(300x250)
お正月初売りイラスト
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
お正月の初売りセールを宣伝するポスターなどをイメージでこの作品を作りました。縁起のいい日の出や富士山のイラストや背景を和風ぽい柄にして作ってみました。(600x500)
フラワーショップ クリスマスセールバナー
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
架空のフラワーショップのクリスマスセールのバナーを想像して作りました。クリスマスらしく赤を基調とした配色にして、アクセントとして白で文字やシェイプを表現してみました。(300x250)(300x300)(200x700)
クリスマスケーキ バナー
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
クリスマスケーキセールのバナーのイメージして作成しました。元の画像では紙に別の文字が書かれていましたが、photoshopで加工してケーキの宣伝に書き換えました。(300x250)(300x300)
ハロウィンセール バナー
- 詳しく見る ▶︎
- 使用ツール: photoshop
memo
ハロウィンセールのバナーを想定して作ってみました。可愛いかぼちゃの写真を切り取りハロウィンに合わせた背景と文字をデザインして作りました。仮定したお店のカテゴリは特に決めてなかったので汎用性のあるテキストにしました(300x250)(300x300)(200x700)
今良喫茶店 ポスター
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
クリームソーダが一押しメニューの喫茶店を仮定して作りました。可愛らしい色合いに統一してありますが、自分が想像している店舗のイメージはコンクリート打ちっ放しに、シンプルな木製の家具で統一されているような格好いいデザインの建物です。そういう建物に可愛らしいイラストが映えるのかな思い作りました。
アルコール飲料水 パッケージデザイン
- 詳しく見る ▶︎
- 使用ツール:illustrator
memo
架空のアルコール飲料水を想像してデザインしました。ウイスキーのやや黄色がかった茶色とソーダの水色を合わせたデザインにしてみました。
レトロ風 飴パッケージ
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
レトロ風の飴のパッケージデザインを想像して作成しました。工夫した（気に入っている）ところはphotoshopで色の褪せた部分をそれとなく表現したところです。
レトロ風マッチ
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
レトロ風のマッチのパッケージデザインを想像して作成しました。本当は和風のレトロなデザインを考えて製作していましたが、途中で外国風のデザインに落ち着きました。
IMA PHOTOGRAPH 2022
- 詳しく見る ▶︎
- 使用ツール: html , css , javascript
memo
架空のフォトコンテストイベントを想像して作成しました。こだわったポイントはフォトコンテストなので、写真を強調したくてトップページにはjqueryのslickを一画面全部に納めたデザインにしました。
文房具 春のセールバナー
- 使用ツール: photoshop
memo
架空の本屋をイメージして、春の新生活の文房具セールをバナーにしました。自分の中の本屋のイメージに合わせて落ち着いた色合いにしました。(300x250)
ハリネズミ
- 詳しく見る ▶︎
- 使用ツール: illustrator
memo
このイラストはillustratorを使って自分の趣味として作った作品です。キャラクターっぽく可愛くデザインしてみました。漢字の「針鼠」は針鼠っぽくギザギザさせました。
Horse
- 詳しく見る ▶︎
- 使用ツール: illustrator
memo
このイラストはillustratorを使って自分の趣味として作った作品です。馬の絵の中にいろんな色の図形を散りばめてみたら面白いかのと思い作ってみました。少し立体感のある作品になりました。
和菓子屋 バナー
- 使用ツール: photoshop
memo
新しくオープンした和菓子屋さんをイメージして作りました。和風ぽい配色にしたり必要な情報に絞ってバナーを考えました。(300x250)
IMA cafe
- 詳しく見る ▶︎
- 使用ツール: html , css , photoshop , javascript , illustrator
memo
架空のcafeサイトを想定して作ってみました。cafeなのでコーヒーっぽい色を基調にサイトを作りました。
オータムセール バナー
- 使用ツール: photoshop , illustrator
memo
オータムセールを行うデパートを想像してバナーを作りました。背景画像は落ち葉です。元の画像は茶色だったので鮮やかな赤にかえてみました。(300x250)
父の日セール バナー
- 使用ツール: illustrator
memo
父の日セールを行うデパートを想像してバナーを作りました。(300x250)
サマーセール バナー
- 使用ツール: illustrator
memo
サマーセールを行うデパートを想像してバナーを作りました。ちなみに背景はスイカです。(300x250)
雨の日セール バナー
- 使用ツール: illustrator
memo
雨の日に格安セールを行うデパートを想像してバナーを作りました。(300x250)
drink ランディングページ バナー2
- 使用ツール: photoshop , dimention , illustrator
memo
drinkランディングページのバナーをもう一度作りました。(300x250)
旧イマヨシサイト
- 詳しく見る ▶︎
- 使用ツール: html , css , javascript
memo
一番最初に考えたブログサイトのデザインです。そのころは自分が作った作品集サイトを設けるつもりもなくただブログ記事を書くために作ろうと考えたWEBサイトです。
drink ランディングページ バナー1
- 使用ツール: photoshop , dimention , illustrator
memo
IMAfoodsサイトを作った時に drink ランディングページへのリンクとして紹介するためにバナーを作りました。(300x250)
IMA SYMPHONY ポスター
- 詳しく見る ▶︎
- 使用ツール: photoshop , illustrator
memo
このポスターは自分の趣味として作った作品です。バイオリンをメインにしたデザインにしています。赤と黒のコントラストがバイオリンを映えさせるのかなと思い作ってみました。
IMAfoods
- 詳しく見る ▶︎
- 使用ツール: html , css , photoshop
memo
スポーツドリンクのランディングページを作ってからその母体となる企業のWEBサイトをテーマにして作りました。
今枝寿司処
- 詳しく見る ▶︎
- 使用ツール: html , css , photoshop , javascript
memo
個人経営の飲食店をテーマにWEBページを作りました。店舗名のロゴを前面に出したデザインにしました。
drink ランディングページ ver2
- 詳しく見る ▶︎
- 使用ツール: html , css , dimention , photoshop , javascript
memo
最初の drink ランディングページ から同じテーマで全く違うWEBページを作りました。三色の商品をもとにデザインを考えました。
urunos
- 詳しく見る ▶︎
- 使用ツール: illustrator , photoshop
memo
このイラストは自分の趣味として作った作品です。天王星の鮮やかな青を表現するのが難しかったでっす。
colorful-lion
- 詳しく見る ▶︎
- 使用ツール: illustrator , photoshop
memo
このイラストは自分の趣味として作った作品です。illustratorでライオンを作り、カラフルな色彩をphotoshopで作って上に重ねたものです。
night-bridge
- 詳しく見る ▶︎
- 使用ツール: illustrator
memo
このイラストはillustratorを使って自分の趣味として作った作品です。この橋はサンフランシスコにあるゴールデンゲートブリッジをイメージして描きました。
rain
- 詳しく見る ▶︎
- 使用ツール: illustrator
memo
このイラストはillustratorを使って自分の趣味として作った作品です。"rainy day"の文字はオリジナルで作ったフォントです。
drink ランディングページ
- 詳しく見る ▶︎
- 使用ツール: html , dimention , css , photoshop , javascript
memo
dimentionを使ってペットボトル飲料の新製品ランディングページを作りました。
用語集サイト
- 詳しく見る ▶︎
- 使用ツール: html , css , javascript
memo
専門学校で在学中の時に授業で習ったものをWEBページとしてまとめました。忘れた時にいつでも読み返したり、新しく得た知識をまとめたりできるよう残してあります。
香港ツアーランディングページ
- 詳しく見る ▶︎
- 使用ツール: html , css
memo
専門学校に在学中に作った作品です。香港旅行がテーマです。アジアンテイストのランディングページを作りたかったので、背景を木目調にしてみました。