my-portfoliofernando.starfree.jp/my-portfolio.pdf長瀬 雅哉 Masaya Nagase...
Transcript of my-portfoliofernando.starfree.jp/my-portfolio.pdf長瀬 雅哉 Masaya Nagase...
2021
About me
Web design
Banner design
Other design
P02
P04
P08
P12
長瀬 雅哉Masaya Nagase
出身地:神奈川県横浜市
中学生サッカーに明け暮れる三年間。とても厳しい環境に身を置き、技術だけでなく、人として大きく成長。
10年以上続けてきたサッカーを辞める。進路に迷い、人生のどん底を経験するが、海外留学をすることを目標に大学に進学。
親元を離れ、愛知県の大学に進学。留学のために必死で勉強し、夢が叶う。人生で一番勉強した四年間。
新卒で就職した会社を退職し、WebデザイナーになるべくフェリカTAにて専門技術を学ぶ。
高校生
大学生
現在
You Only LIve Once趣味:サッカー、料理
一度きりの人生を楽しく !!何事にもチャレンジ !!
大学 3年次にウォルトディズニーワールドで半年間インターンシップを経験。世界最高水準のホスピタリティ、マネージメントを仕事を通して学ぶ。外国で働きながら生活する貴重な経験ができた。
Skills
Vision
Experience
1年後
3年後
5年後
(EPCOT 36周年時の記念写真)
希望職種WebデザイナーWebディレクター
一つの仕事を一任してもらえるようなデザイナーになる
ディレクターになることを視野に入れてキャリアップを目指す
ディレクターとなって様々なプロジェクトに携わり、信頼される人材になる
Dine in Good
使用ツール
制作時間
サイト規模 3ページ構成
http://fernando.starfree.jp/dine-in-good/
サイトURL
100時間
架空のアメリカンダイナーのHP制作
クライアント情報
プロジェクト概要
デザインコンセプト
名前:佐藤大輔さん(仮名)年齢:28歳出身地:神奈川県趣味:海外旅行、釣り
当ダイナーのオーナーで、千葉県南房総市に新規ダイナーをオープンするにあたり、そのホームページ制作を希望。学生時代にアメリカに留学をしていて、その時に訪れたダイナーが忘れられず、自身でお店を始めることにした。
メインカラー:#6AE51D
ベースカラー:#FFFFFF
アクセントカラー:#FA95F6
60 年代のアメリカをイメージしたダイナーの新規サイト制作所在地:千葉県南房総市の海沿い
コンタクトページは確認ページをPHPを使って表示
カラーマネジメント
・60年代のアメリカ風・シンプルなデザイン
ワイヤーフレーム カンプ
.
1ocaC
ola
上のイラストを作り、まとめて背景画像にしました
背景デザイン
ワイヤー・カンプはAdobe XDを使用。架空サイトの制作ということもあり、もし自分がお店を持つならと考えてデザインを考案。
1からWebサイトを作ってみて
Jquery の click イベントでボタンをクリックしたら、スムーススクロールでページ内遷移。要素が浮き上がるスクロールアニメーションの設定。コンタクトページの確認画面を PHPで作成し、入力画面と連動。
職業訓練校の課題の一環で行った今回のサイト制作では企画、デザイン、コーディングの全てを自分自身で担当し、サイト制作の流れを大まかに掴むことができました。デザイン通りにコーディングでうまく形作れないことや、納期までに終わらせるためのスケジュール管理の重要性など多くを学べました。また、一つのwebサイトをデザインやコーディングを学んで3ヶ月で制作できるようになったことで自信を付けることができました。
デザイン
カラー
苦労した点
60 年代風のダイナーのレトロなイメージを出すためビビットな水色とピンク色を使用。80年代ではあるが、映画「バックトゥザフューチャー」に出てきたダイナーの雰囲気などを参考にした。
実際にコーディングしてみて、カンプでイメージした雰囲気と違い、コーディングしながらデザインを改善した。また、背景が白のみだと殺伐としていたので、よりポップにするため、背景デザインを自分自身で作成した。
システム
60分
60分
参考画像
参考画像
初めて自分でバナーを作った思い出深い作品。デザインソフトがうまく使えず、見た目を寄せるだけで精一杯だった。
エンベロープの使い方をこのバナー制作を通して身につけた。色味やフォントの選びをもっと工夫できたと後悔が残る作品。
使用ツール
制作時間
使用ツール
制作時間
Traced
ポイント・気づき
ポイント・気づき
バナー制作を始めて初期に作成した作品です。ここからの成長過程を見ていただきたいです!
90分
60分
元画像をうまくトレースできた作品。よりクリックしてもらえるように下線を追加した。
男性向けのインパクトのあるビジュアルにし、文字の大きさを変えることで、見てもらいたいポイントを目立たせることができた。
参考画像
参考画像
ポイント・気づき
使用ツール
制作時間
使用ツール
制作時間
Redesigned
ポイント・気づき
フォントやジャンプ率なども学び、デザインソフトの扱いにも慣れてきた頃の作品です。見る人のことも考えて制作しました!
60分
45分
ハワイっぽさを出すために派手な色を使った。ボタンに丸みをつけることでわかりやすくした。
明るく元気なイメージを出すために親しみやすい色と吹き出しを使い目に止まってもらえるようにデザインした。
使用ツール
制作時間
使用ツール
制作時間
Originals
ポイント・気づき
ポイント・気づき
ここからは自分自身で考え、制作したオリジナルバーナーです。
: ターゲット :制作時間
50~80代30分
20代~50代
30分花粉症患者30分
ペットを買っている方30分
10~20代女性45分
20代 ~40代45分
20代 ~30代60分
20代 ~30代60分
30代45分
20~30代60分
10~30代男性45分
20代 ( 学生向け)45分
20~40代女性45分
10~40代45分
20~40 代30分
JUST
BURGER
G�ddictedG�ddicted
ス
Logoおもちゃメーカー
工具で文字を装飾し、親しみやすいような色を使ったデザイン。
パズルや知恵の輪などの製品を中心に作っている会社をイメージ。頭を使って遊ぶことから、会社名は思考の意味の thought。
ハンバーガーショップ
hamburgerとaddicted(毒される、〇〇中毒)を掛け合わせた造語。中毒になる程の美味しさを伝える店名。毒 し々さを表現するためにシルエットと色使いを調整。
王道のアメリカンなハンバーガー専門店。見た目から商品のボリュームを連想できるようなデザイン。文字には食欲をそそりそうな赤と黄色を使用。
60分使用ツール
制作時間
45分使用ツール
制作時間
45分使用ツール
制作時間
45分使用ツール
制作時間
デザインコンセプト
デザインコンセプト
The Salon
The SalonThe Salon
Illustrationアイソメトリックを使った3Dアートのトレース
ヘアサロン
高級感のあるヘアサロンをイメージ。3パターンの配色と 2パターンのフォルムを制作。
一つ目は、高級家具の椅子の色が茶色のイメージだったので、それをベースに濃いめの黄色を配色。二つ目は、フランスのトリコロールを使い、オシャレなイメージで制作。三つ目は、一つ目の黄色と茶色の間の色を背景に補色に近い青色をブランド名に配色。
サイト制作時に背景画像を作るためにデザインしたイラスト
60分使用ツール
制作時間
デザインコンセプト
https://www.youtube.com/watch?v=OebBG0z_GQY
参考URL
デザインコンセプト社名を大きく目立つようにデザインし、名前の一部に会社のメインカラーを使用。アクセントでエンジ色を職種と線に使用。
2021
Port- folio
Port-folio
P O
L
I
R
T F
O
O
Masaya Nagase
2021 TMasaya Nagase
長瀬雅哉Masaya Nagase
Exelent Design 株式会社
〒999-1234 東京都豊島区南池袋 0-12-3 Sout h ビル 3F
Tel : 987-6543-2100
E-mail : exelent_design@gmail .com
Web デザイナー
ExelentDesign
Buisiness card
Map
ポートフォリオ表紙デザイン(没案)
没理由
・デザインを中身に反映させるのが・コンテンツが映えない・堅すぎる etc...
60分使用ツール
制作時間
ポイントGoogle マップを参考に作成。道路の線端を丸くし、経路の周りに目印となるコンビニのアイコンを配置。
90分使用ツール
制作時間
お忙しい中私のポートフォリオをお手に取っていただき、誠にありがとうございました。まだまだ未熟者ではありますが、職業訓練校で得たスキルとこれまでの経験を活かし、一流のWebデザイナーになれるよう精進いたします。