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サイトをデザインやコーディングを学んで３ヶ月で制作できるようになったことで自信を付けることができました。

デザイン

カラー

苦労した点

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代 ~３0代60分

20代 ~３0代60分

３0代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アイソメトリックを使った３Dアートのトレース

ヘアサロン

高級感のあるヘアサロンをイメージ。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デザイナーになれるよう精進いたします。