サイトについて:
＜コンセプト＞
「大人が楽しめるキャンプ場」
キャンプ場内だけでなく、周辺観光も楽しみたい。
遊びつくした後はのんびりゆったりチェアに揺られながら夜空を眺めたり居眠りしたり・・・
贅沢な大人の時間を自分の為だけに過ごしたい。そんなキャンプがかなう場所。
＜ターゲット＞
社会人から退職組まで、普段の生活にそれなりに余裕があり趣味にお金を使いたい人がターゲット。
車やキャンプ道具におしゃれさを求めていて、日々の出来事をSNSに欠かさずアップする。
陽キャ程ではなく、ある程度楽しんだ後は焚火前でぼーっとしたり居眠りするのが好き。

コメント:
四季を楽しめるキャンプ場という事でカルーセルの移行に合わせて背景の色も変化していくように作りました。
ターゲットは大人なのであまりPOPなイメージは出さず、全体的に落ち着いた雰囲気にまとめています。
最終調整で料金形態～周辺観光のコンテンツ部分をカンプから少し変更していて、文字とボタンに枠が付いていたのですが区切りすぎて見栄えが悪く、取っ払ってアイコンとホバー装飾で遊び心を入れました。
個人的にページスクロールボタンが気に入っていて、クリックすると車が排気ガスを出しながら発車します。

制作時間:
カンプ作成4日+コーディング3日

→キャンプサイトへ

サイトについて:
＜コンセプト＞
「湖を中心とした豊かな自然」
びわ湖だけじゃない、たくさんの山や歴史的建造物にも触れ合える滋賀県で日頃の忙しさを忘れて、 わくわくしながらどこに行こうか、何をしようか、もっと滋賀県を知りたくなるサイト。
＜ターゲット＞
のんびりゆっくり移動も楽しみながら複数の目的地を計画的に設定して効率よく満喫したいファミリーや 若い夫婦、カップル。自然の中でリフレッシュしたい、アウトドアで非日常を味わいたい人。

コメント:
ヘッダーナビゲーション内みどころのリンクはプルダウンで見たいページに飛べるようにしました。
ファーストビューにおすすめポイントの写真が入った背景を置くことで、サイトの閲覧へ誘い込む仕組みです。 湖国らしい色味やゆったりした雰囲気をページに反映しています。

制作時間:
カンプ作成3日+コーディング5日

→旅行サイトへ

サイトについて:
＜コンセプト＞
「高級感と落ち着き」
毎日頑張っている自分や家族へのご褒美で、少し高級感のあるお店で食事出来る場所を探している人への提案。 その店のこだわりポイントを押し出し、来店のきっかけに繋げる。
＜ターゲット＞
40代の夫婦・ファミリー。 都会の会社員。役職を持ち、日々会議や部下の教育で忙しく残業も多い。 食事は素材にこだわるタイプで月一で少し高級感のある静かなお店で家族と食事をし、息抜きをしている。

コメント:
一部背景に和紙の画像を透過で入れる事によって、コンセプトの高級感を出しました。
slickやbxsliderを使って、コンセプトの落ち着きから逸れずに複数の情報提供をしています。

制作時間:
カンプ作成3日+コーディング4日

→グルメサイトへ

サイトについて:
制作物をまとめておく為の、このポートフォリオサイトです。
自身の名前に因んだ桜のイメージを元に作成しました。

コメント:
スクールで習得したbootstrapを一部取り入れています。 動きは少ないですが、illustratorとPhotoshopに力を入れた画像を使用しています。

制作時間:
カンプ作成2日+コーディング5日

→ポートフォリオサイトへ

サイトについて:
架空の病院案内サイトです。
ターゲットが幅広いので、シンプル&スタイリッシュに、pc版は画面サイズに1ページを収め、緊急性を要する電話番号をトップに持って来ることによって 欲しい情報をすぐに探し出すことが出来るデザインにしました。

コメント:
bootstrapを使用してレスポンシブのレイアウト変化させています。 コンパクトになる分アイコンもふんだんに使い、文字が多く見づらくなってしまう部分をサポートさせています。
更新頻度、重要度の高い病院からのお知らせをスクロールで見れるようにすることで、リンク先に飛ばずに過去の一覧を早く一気に確認出来るようにしました。

制作時間:
カンプ作成3日+コーディング4日

→病院サイトへ

サイトについて:
架空の病院案内サイトのcssが多くなるなど中身がごちゃごちゃしてしまったので復習したバージョンです。
bootstrapの魅力となるグリッドについて再度学習し、思い通りのデザインになるよう考えながら作り上げていきました。

コメント:
病院サイトが出来上がった時cssの量が気になったので共通のクラスやmarginを揃える等で極力減らすことを意識して書きました。
グリッドを使用したレスポンシブが上手くいかなく時間がかかってしまったこともあったので、製作時間にも注意しながら取り組みました。
flexやwidthの使い方がイマイチだったのですが、取り組む前に基本部分をおさらいすることによって余計に書くことなく思い通りのサイズ感で仕上げることが出来ています。

制作時間:
コーディング2日

→Bootstrapレイアウトへ

バナーについて:
情報が多数ある中、どの情報を取って的確にユーザーに伝わるバナー作成の練習の為、 既存の旅行会社が作成した冊子サイズの広告をバナーサイズに落とし込みました。 ターゲットは、夏が嫌いな中年女性に暑さ騒がしさを忘れられるような旅行を提案。

コメント:
色味やイラストは元データを再現して、「夏の旅行」「高級料亭で格安に御飯が食べられる」「その他にもお得なプランを周知してもらう」 という部分に絞って作成しました。ターゲットに合わせて、かわいくなり過ぎないバナーを目指しました。

制作時間:
0.5日

バナーについて:
既存の旅行会社が作成した冊子サイズの広告をバナーサイズに落とし込みました。 夏の旅行は全体的にシンプルだったので、装飾が凝ってそうなものを選んでいます。 ターゲットは50、60代の夫婦。旅行ではたくさんの場所をまわりたい派。

コメント:
元データの伊勢神宮のフォントが厳かな雰囲気を醸し出していたので再現しました。 パターンの作成、隙間なしの文字枠、クリッピングマスクで仕上げました。 伊勢神宮の写真もバナー効果として適用させたかったので意外とスペースが無くなってしまって配置に少し時間がかかってしまったのが反省点です。

制作時間:
0.5日

バナーについて:
よくあるアパレル系のセールバナーを作成しました。 参考にした元画像のフォントとノックアウトでの表現をしています。

コメント:
文字は少なくシンプルですがバックイメージをフルーツぎゅうぎゅうの画像にすることで華やかなバナーに仕上がったと思います。 ノックアウトするだけで凝ったように見え、多くのバナーで使用されているので身に付けていたい表現の1つです。

制作時間:
0.5日

バナーについて:
元画像を参考にillustratorをメインに作成しました。 メインコピーの雰囲気に合わせてカーニングを適応したり、画像の人物が発生している表現など 新生活のわくわく感を表現する仕方を学びました。

コメント:
人物イメージを使用したバナーは初めてなので、大きさや配置には特に気を配りました。 予定では半分ほどを人が占める予定でしたが、メインコピーが目立たなかったのでバランスを見ながら調整していきました。 開催期間も重要な情報なので、一番下に横一列で配置する予定だったものを、メインを読んだ後に目に入る位置に置きました。

制作時間:
0.5日

バナーについて:
元画像をほぼほぼ模写したものです。 バックイメージをメインにする為、文字は黒塗りだけでなく枠線のみのものも取り入れ、 スカッとしたイメージに出来上がっていると思います。

コメント:
文字のサイズが全体的にバラバラなので文字詰めの調整が難しかったです。 抜け感が欲しかったので、ある程度隙間を空けたいと思うと読みづらくなってしまったり・・・ 全体的なバランスを考えられるバナー作成になりました。

制作時間:
1日

バナーについて:
アパレル系バナーの模写です。
内容が少なくシンプルで、背景写真を元データの彩度のまま使用すると前面の文字が目立たなかった為
文字枠背景はぼかして、被写体部分には白の半透明のレイヤーをかぶせる事で落ち着きました。

制作時間:
1時間

バナーについて:
アパレル系バナーの模写です。
特に小技を使わずおしゃれでスッキリ出来ていて満足です。

制作時間:
50分

バナーについて:
オンラインデザインスクールバナーの模写です。
髪の毛部分のクリッピング調整が難しかったです。
グラデーションをスクリーンで重ねた感じがデザインスクールのおしゃれ感を出せて良い感じに仕上がったと思います。

制作時間:
2時間

バナーについて:
アパレル系バナーの模写です。
背景の水面は作成しました。
明るい背景の上に白文字を重ねたかったので、光彩（外側）を使用して視認性を上げています。

制作時間:
1時間

バナーについて:
求人バナーの模写です。
同系色のオブジェクトを重ねる際、微妙な色違い感を出しつつまとまり感を出すようにしました。
堅苦しく見えないように緑系統を使用しているのがポイントです。

制作時間:
30分

イラストについて:
よくSNSのアイコンにされている、ちょっとリアルな似顔絵を書いてみました。
変に美しく書こうとせず、特徴的な口と眉毛を忠実に書いて、少し不気味くらいで完成させてみました。
ヒジャブを被っているので髪の毛が無く実年齢よりも年をとって見えがちなので、
涙袋やえくぼの色・形・サイズの調節は何度も行いました。
因みにモデルはマレーシア旅行へ行った時の私です。

制作時間:
半日

広告について:
架空のパン屋「BakeryTakaki」のオープン広告を作成しました。
町中にあるパン屋さんをイメージして、温かみや優しさを感じるような色使いを心掛けました。
画像を多く取り入れず、背景に多様なパンを並べて種類豊富さをアピールし、
オープン記念の100円クリームパンで集客を狙うという想定で作成しました。
内容も最低限の情報だけにして、全体的にワクワク感を感じるような広告に仕上げました。

制作時間:
1日

広告について:
個人的にたい焼きが好物なので、架空のたいやき屋「たかき」の広告を作成しました。
店舗の目印としている暖簾をトップに持ってきて印象付け、すぐにメニューが目に入るように大き目に載せました。
店舗の位置がデパートの中という設定なので、駅からデパートの位置関係、デパート内の位置まで
詳細に載せることによって場所を探す不安を取り除き足を運びやすくする狙いがあります。
和テイストなので背景に市松模様を入れ、メニュー部分は視認性を遮らないように同色系統でぼかしを入れました。

制作時間:
1日

ポートフォリオについて:
園芸用品を取り扱っている某会社様へのポートフォリオです。

コメント:
園芸用品としてマストなものを中心にデザインを考えました。

制作時間:
1日

広告について:
新商品のパフェが販売されたと仮定して作成しました。
フルーツの瑞々しさや味のイメージがパッと見ただけでわかるように背景もこだわりました。

制作時間:
0.5日

広告について:
webサイトのトップページに載せると仮定して作成したクリスマスケーキ予約のバナーです。
クラシカルな落ち着いたイメージに仕上げる為、ブラウン調で整えました。

制作時間:
0.5日

広告について:
ぬいぐるみの三面図を作成したついでに、クレーンゲームの景品にした場合のPOPを作成してみました。
ファンシー系は得意ではないですが、色や背景でパステルカラーを駆使してゆめふわくまのぬいぐるみPOPに仕上げました。

制作時間:
0.5日

三面図について:
某企業での書類選考課題で作成したぬいぐるみ三面図です。

制作時間:
0.5日

ロゴについて:
母のボランティア活動の一環でロゴを作成したいと依頼されたのでいくつか作成して提案しました。
カンボジアと日本を繋ぐ企業を目指しているそうで、神様の使いとされている象や国花、日本で縁起物として親しまれる水引をあしらったロゴとなっています。

制作時間:
3日

広告について:
グルメ通販サイトのトップページに載せると仮定して作成した、滋賀県名物を紹介するページのバナーです。
フルーツ肉魚の画像を織り交ぜ、ターゲットを絞りすぎない仕様でページ閲覧に引き込めるようしています。

制作時間:
0.5日