筆で書いた雲のイラスト

works

- web -

sunsea cafe

手書き風の四角い枠のイラスト サンシーカフェのサイトトップの画像
手書き風の丸い図形のイラスト

サイトについて

ハワイアンカフェのサイト(仮想)

カフェが好きなので、こういうカフェがあったら
いいなと思い仮想のカフェサイトを作りました。

手書き風の丸い図形のイラスト

制作範囲

ワイヤー作成 / デザイン / コーディング

手書き風の丸い図形のイラスト

使用ツール

XD : ワイヤー、デザイン

Photoshop : 画像加工

Illustrator : ロゴ作成

手書き風の丸い図形のイラスト

制作期間

約1ヶ月半

手書き風の丸い図形のイラスト

デザインで意識した点

テーマが太陽と海だったので、色合いを太陽と海を意識し、かつカフェなので
食材が美味しく見えるよう暖色と寒色を使い分けました。

ハワイの空気感は柔らかさを感じたので、角張った表現を避け、親しみや優しさの感じられる
曲線を
意識して作成しました。

MVを動画にし、波のアニメーションを採用する
ことで、
画像よりもよりハワイの空気感や雰囲気が伝わるよう心がけました。

the place namba

手書き風の四角い枠のイラスト ザプレイスナンバのサイトトップの画像

presentation material

手書き風の四角い枠のイラスト ザプレイスナンバのプレゼン資料の画像
手書き風の丸い図形のイラスト

サイトについて

難波のシェアオフィスのサイト(仮想)

スクールのグループ制作作品。

手書き風の丸い図形のイラスト

制作範囲

ディレクション / デザイン

手書き風の丸い図形のイラスト

使用ツール

XD : ワイヤー、デザイン

Photoshop : 画像加工

手書き風の丸い図形のイラスト

制作期間

約1ヶ月

手書き風の丸い図形のイラスト

グループ制作で意識した点

グループのディレクター、リーダーだったので、作業面もですが、
メンバー間の関係を上手くいくようコミュニケーションを積極的に取ることや、
明るい空気感を作ることを意識しました。

デザインはデザイナーを補佐するような立ち位置で、メインはワイヤーや
プレゼンなど、リーダー的な役割が多かったため、みんなで作成した作品や
思想を上手く伝えられるよう、
資料の作成やプレゼンをしました。

rebase nature

手書き風の四角い枠のイラスト リベイスナチュレのサイトトップの画像
手書き風の丸い図形のイラスト

サイトについて

美容室サイト(仮想)

スクールのデザイン課題をコーディングまでしました。

手書き風の丸い図形のイラスト

制作範囲

ワイヤー作成 / デザイン / コーディング

手書き風の丸い図形のイラスト

使用ツール

XD : ワイヤー、デザイン

Photoshop : 画像加工

手書き風の丸い図形のイラスト

制作期間

約1ヶ月半

手書き風の丸い図形のイラスト

デザインで意識した点

美容室のサイトなので、清潔感が大事だと思い色合いをグレーやグリーンにし、
デザインもシンプルにすることでナチュラルな
印象に仕上げました。

女性のお客様がメインのターゲットの想定だった
ため、親しみやお客様に安心
して頂けるような
デザインや画像の選択をしました。

in my mind

手書き風の四角い枠のイラスト インマイマインドのサイトトップの画像
手書き風の丸い図形のイラスト

サイトについて

私自身のポートフォリオサイト

私の頭の中をイメージして作成しました。

手書き風の丸い図形のイラスト

制作範囲

ワイヤー作成 / デザイン / コーディング

手書き風の丸い図形のイラスト

使用ツール

XD : ワイヤー、デザイン

Photoshop : 画像加工

Illustrator : イラストやロゴ作成

手書き風の丸い図形のイラスト

制作期間

約1ヶ月半

手書き風の丸い図形のイラスト

デザインで意識した点

テーマが私の頭の中ということで、好きなもの、
思い出などを詰め込みました。
デザインとしては、和テイストが好きなので、文字やイラストなどで和テイストを取り入れました。
ただ、日本らしすぎても自分の理想と離れて
しまったため、随所に日本らしさを込め、
英語や
フレームなどは違った角度の日本らしさである素朴さを意識して手書き風にしました。

TOPページで左右にある球体は自分が出かけた時に撮影した写真を球体にすることで、
思い出を表現
しました。

takeuchi shouten

手書き風の四角い枠のイラスト 竹内商店のLP全体の画像
手書き風の丸い図形のイラスト

サイトについて

お米を作る会社のコーポレートサイト (仮想)

※TOPページのデザインカンプのみになります。

手書き風の丸い図形のイラスト

制作範囲

ワイヤー作成 / デザイン

手書き風の丸い図形のイラスト

使用ツール

XD : ワイヤー、デザイン

Photoshop : 画像加工

Illustrator : ロゴ作成

手書き風の丸い図形のイラスト

制作期間

約3日

手書き風の丸い図形のイラスト

デザインで意識した点

お米を作る会社なので、和の雰囲気を意識し、
配色をモノトーンメインにしながらも、
コーポレートサイトということで、
モダンな雰囲気を
持たせるために
アクセントカラーでブルーを使用し、
図形も
角張ったものを使用することを意識しました。

筆で書いた雲のイラスト

works

- Others -

composite photos

手書き風の四角い枠のイラスト ネオンの装飾のある森の中に人が立っている画像

neon forest

森とネオンという対極にあるものを
あえて同じ世界に入れることで
不思議な世界観になるかと思い
作成しました。
森にブラシツールで霧をかけることで
不思議な世界観が出るように意識しました。

手書き風の四角い枠のイラスト 黒い背景の水面の上にコーラがある画像

cola

コーラの広告を意識して作りました。
缶の浮遊感と水に着水したような
水飛沫が自然に出るよう意識して
作成しました。

手書き風の四角い枠のイラスト 雲海が海のようになっており、そこにイルカが泳いでいる画像

sky sea

空が海の世界を表現しました。
イルカや、斜光が自然に見えるよう、
影や光を調整することにより、
より神秘的な世界観が出るように
意識しました。

- contact -

お問い合わせはInstagramのDMにてお願いいたします。

トップに戻るボタンのイラスト