sample portfolio

分かりやすさだけでもなく、見た目だけでもない。私がデザインを制作する 上で最も大切にしているのは、相手にとっての最適な「かたち」を提案する ことです。場合によっては見た目がフィーチャーされ、場合によってはわか りやすさを重視するかもしれません。最適なかたちは、相手への思いやりに 私自身のセンスを足すことで生まれると考えます。本誌には、思いやりとセ ンスを凝縮した作品を詰め込みました。

01

For

You.

INDEX

INDEX 02 Introduction 03-04

自己紹介

UI Desegin 05-08

ビビビット社コーポレートサイトリニューアル

Photography 09-10

東京の日常フォトセット

Graphic Desegin 11-12

ビビビット社イベントポスター群

13-14

その他グラフィック

About Current status あまりゲームをやる方ではないのですが、ひ ょんなことからゼルダの伝説 ブレス・オブ・ ザ・ワイルドに激ハマり中。プレイのしすぎ て結膜炎になり、今は目が真っ赤です。

Announcement UIデザインとグラフィックデザインを中心に 活動しています。制作のモットーは「マーケ ティング」 。デザインを届ける相手が誰なの か、何に課題を感じているのか、どうしたら その課題を取り除けるのかを真摯に考え、調 査し、デザインします。もちろん、制作後も デザインの一部。行動データやフィードバッ クをもとに分析を行い、取り組みの効果測定 ならびに修正を実施することでクオリティを 高めるようにしています。

03

INTRODUCTION

UI DESIGN

PHOTOGRAPHY

GRAPHIC DESIGN

Skills

Me04

HTML/CSS Javascript WebGL Ruby Ruby on Rails Photoshop Illustrator InDesign Experience Design Excel

Education 立教大学 観光学部 学位 2007 - 2011

Birth place 茨城県桜川市 つくば市の近く（車で１時間）

Point デスメタルバンドにて 2 年活動。生と死に ついて歌うボーカルの後ろで地味なギターを 弾いていました。速弾きが得意です。好きな バンドは何のひねりもなく Metallica です。

Equipment Macbook Pro 15inch Canon EOS 5D Mark III Kletter Flip

Movie バック・トゥ・ザ・フューチャー Part1 スター・ウォーズ エピソード 5 / 帝国の逆襲 ピーターパン スクール・オブ・ロック

Redesign corporate site of Vivivit, Inc.

UI / Branding ビビビット社 コーポレートサイトリニューアル AD + D : 田中秀征（株式会社ビビビット） SPECIAL KUDOS 受賞／ DOTD 受賞

会社が三期目を迎えるタイミングで、採用に力を入れようという意思決 定をしました。ファーストアクションとして、それまで放置していたコ ーポレートサイトをちゃんと整備しよう、ということで制作がスタート。 また、企業からの問い合わせ数を増やしたいという意図も込め、更新可 能なコンテンツを実装。問い合わせ数の増加に寄与しました。 URL https://vivivit.co.jp

05

INTRODUCTION

UI DESIGN

PHOTOGRAPHY

GRAPHIC DESIGN

Redesign corporate site of Vivivit, Inc.

Problem

Solution

Art Direction

リニューアル前のサイトは、採用応募な

実績を数字で掲載することにより、対外

視認性を意識した、陳腐化しにくいデザ

らびに企業問い合わせの絶対数が少なか

的に信頼性をアピールする構成を採用し

インを採用。大きく、太く、強いコント

ったことが課題でした。また、かつての

ました。デザインも陳腐化しにくいもの

ラストをイメージ。信頼性をアピールし

トレンドでデザインされたサイトだった

を意識し、永く問い合わせに繋がるよう

たかったので、落ち着いた色合いを採用

ので、若干の古さを感じるようになって

に設計。モバイル対応や SEO 対策も厳

しました。また、先端技術を使用するこ

いました。

密にすすめ、顧客や候補者との接触ポイ

とでデザインと技術に対する本気度を打

ントを増やすように実装しました。

ち出す狙いとしました。

06

Redesign corporate site of Vivivit, Inc.

Desktop Layout 画像を最大限魅力的に見せるために、UI はモノクロームで統 一。文字情報は大きく、太く、余白は存分に。視認性と絢爛さ を重視した仕上がりを目指しました。

07

INTRODUCTION

UI DESIGN

PHOTOGRAPHY

GRAPHIC DESIGN

Redesign corporate site of Vivivit, Inc.

Mobile

スマートフォンは、その画面の 狭さからマルチカラムレイアウ トに向かないと考え、徹頭徹尾 シングルカラムレイアウトで構 成しました。視認性を最優先し たアウトプットです。

振り返り

制作よもやま話

Skills

Infos

問い合わせが月平均 2 件から月平均 13 件に伸びました。他の施策

Photoshop

製作時期

2016/5

も連動しているが、成果を残せたと思います。苦労した点はファー

Illustrator

要件定義

5日

ストビューのアニメーション。処理として重く、ボトルネックを見

Jade/SASS

ビジュアライズ

1 週間

つけるのに苦労しました。デザイン面では、味気なくなりがちな色

Javascript

実装

3 週間

味をリッチに見せるのは想像以上に大変でした。

PHP Wordpress

08

Ordinary Tokyo.

Photography 東 京の日常フォトセット 日本全国を周遊した際のフォトセット。 ひとつの場所に粘りまくってようやく撮れたもの ばかりで、どれも思い入れのある写真です。

Skills EOS 5D3 Lightroom

Infos 制作時期

2016/8

制作期間

4 時間 「三ツ星ハンター」

09

INTRODUCTION

UI DESIGN

PHOTOGRAPHY

GRAPHIC DESIGN

Ordinary Tokyo.

「いろんな人がいる」

Beginning

Art Direction

インスタグラムでのいいねを獲得したく

インスタグラムで消費される写真は正方

て写真を撮り始めました。「どういった

形に近いため、作品の多くを縦構図で撮

ものがウケるのか」をひたすら研究した

るようにしました。要素が入り交じる東

結果、「構図」 「瞬間」 「レタッチ」を研

京を一歩引いた目線で見てもらうため

究すればいけると思い、 行動をスタート。

に、トーンを落としました。人物を中心

Lightroom をいじり、時には 1 時間以上

にしてストーリー性の演出を目指しまし

張り込みながら撮り集めました。

た。

10

Posters of our events

Graphic Design 建築・インテリアを浴びる一日。

SUNDAY

建築・インテリアを浴びる一日。

間

DE -SIGN

ディー・サイン

11:00

17:00 ポートフォリオのつくり方講座 担当：AD + D

学校にはゴテゴテしたポスターが多い。あえて３色のみを使 うことで、 新鮮さをアピールする狙いを持って制作しました。

建築・空間のしごと展 担当：AD + D

建物は部材の組み合わせ、というところから着想。縦構図、 横構図でも成立するようにデザインしました。

11

INTRODUCTION

UI DESIGN

PHOTOGRAPHY

GRAPHIC DESIGN

Posters of our events

イベントポスター 全国の美大に配布するポスター。ビビビットのイベントを告知するためのもので、他の就活サービ スとの差別化を意識したデザインとしたものを多く制作しました。

講座

先輩も使った！

Online por t folio

ViViViT で Web ポートフォリオサイトの 見せ方を知ろう 日時

6 月 2 3 日（ 金 ）1 6 : 2 0 ∼ 1 7 : 5 0

場所

32 教室

持込

作品データ（jpeg/png データ） PC（※スマホでの参加可）

申込

参加希望者は、2 階就職窓口の 「説明会参加申込書」に記入してから ご参加ください。この件に関するお

H o w we m a k e?

H o w we t o b e a t t r a c t i ve?

L e a r n a b o u t m a k i n g we b p o r t f o l i o . 問い合わせは就職担当まで。

先 輩 も 使 った

オンラインポートフォリオ つ く り方 ／ 魅 せ 方

の

ポートフォリオでは、Web・紙の媒体を問わず、相手を考えた「見せ方」 が重要です。Web ポートフォリオサイトにあたる ViViViT でも、レイ アウトや作品の順番などが見る人（＝企業）を引きつける大事な要素 となります。このガイダンスでは、ViViViT への作品投稿を通し、紙 のポートフォリオを構成する際にも活きる効果的な見せ方・構成を考 えます。当日は ViViViT を使いながら進行します。

オンラインポートフォリオのつくり方／魅せ方

キャリア展

担当：AD + D

担当：AD + D

キレイにまとめようとせず、一番ドギツイ色づかいで勝負し

就活のポスターは人物写真とストレートキャッチで表現され

たらどうなるだろう？と考えて制作。ただキツくならないよ

ることが多いと考え、真逆のビジュアルで訴求しようと考え

うに、バランスを考慮してデザインしました。

た。集客人数は前年比１５０％を達成。学生からのフィード バックも良いものが多く、一定の狙いは達成できたかなと思 います。

12

Branding / O 出 展 者 募 集 中 募 集 期 間 2 0 1 7. 2 .14

6

夏 、イ ン タ ー ン と 、

2017.3.25

広 告 業 界 部 門 ／ ウェブ 業 界 部 門 ／ ゲ ーム 業 界 部 門 ／ 出 版 業 界 部 門 https://www.vivivit.com/portfolioten

クリエイティブな 仕 事 を G RAP H I C DE S I G N UI DESIGN

18:45

Talk about the modern creative job hunting way.

I L L U S T R AT I O N

17:30

ビ ビ ビ ットで さ が す AD DESIGN

14

Wednesday

仲 間 と 出 会 う 展 示

Ag e n c y, Production, I n t e g r a t e d c o m p a ny, Artistic company

場 所 ： 視 聴 覚 教 室 / 対 象 ： １∼３ 年 生 V i V i V i﹂ T は、作品をアップ すると企業の方に見てもらえる新しいしくみです。6月にな

ンシップを探したい方はぜひご参加ください。

集中の企業もご紹介します！夏休みにデザイン系でインター

トフォリオや会社探しについて考えてみませんか？当日は、

スカウトさ れ る 展 示

みなさんが興味のありそうな企業や、インターンシップを募

りインターンシップの募集も始まるこのタイミングで、ポー

since 2014. over 300 portfolios were displayed ever!

ポ ートフォリオ 展

デザイン業界の就職活動で必須となる、ポートフォリオ。デ

Por tfolio exhibition,

ザイナー特化の就職サービス﹁

50 companies, m e e t e a c h o t h e r.

Find your mate, future, by talking & displaying the works.

距 離 を 超 える 展 示

スカウトされる 展 示

50 creators,

主催 ： 株式会社ビビビット 会場提供 ： 株式会社セプテーニ・ホールディングス 参加方法 ： 完全審査制。制作した画像もしくは動画一点以上をメールにてevent@vivivit.co.jpまで送信くださいませ。応募締切 ： 3/20 当落通知 ： 3/25 参加企業 ：日本全国のクリエイティブ系企業約50社（広告業界, 制作会社, ゲーム業界, ウェブ業界） ※参加企業は変動する可能性がございます。

2017年4月21日金曜日

住 友 不 動 産 新 宿グランドタワー 2 7 F

東京都新宿区西新宿8-17-1

Place 27F Sumitomo Fudosan Shinjuku Grand Tower Owner Vivivit, Inc. Sponsor Septeni Holdings CO.,LTD. How to exhibit It’s an examination system. Email event@vivivit.co.jp with your work ( jpg / png / pdf ). Deadline 3/20, election 3/25.

Participant 50 more creative companies

1. UI 展

2. ポートフォリオ展

3. 業界研究ポスター

ワークショップセミナー

建 築を 仕 事 に する

教室：講義棟第三講義室 対象：全学部・全学年 これからポートフォリオをつくる人 つくりかたに悩んでいる人 持物：ノート PC (事前にInDesign をインストール ) 作品データ３点 ※jpg もしくは png 形式で準備を お願いいたします。 ①縦構図の作品データ ②横構図の作品データ ③プロフィール写真（自己紹介ページ） 連絡：学務課 就職支援まで

履歴書と違うのは、つくりかたに決まった手順がない

付けたら良いのか分からなくなる、といったことになり がちです。ポートフォリオジムでは、ビビビット社が 培ったポートフォリオの制 作ノウハウを学べます。デ ザインソフト I n D e s i g n を使い、ポートフォリオづく りにいかせる基 本 のレイアウトを身につけましょう！

持 参 作 品 画 像

ポートフォリオは、クリエイターの履歴書です。一般の

ところ。いざつくりはじめようとしたときに、何から手を

どなたでもご参加ください。

6月16 日 金 曜 日 16 : 0 0 ∼1 7 : 0 0 7 0 1教 室 西神田校舎 オンラ インポートフォリ オ が 拡 げ る 、建 築 就 活 の 可 能 性

ソフト の 使い 方 か ら 、 ﹁ レ イ ア ウ ト ﹂ま で 。

日時 ：2016 年11月9 日( 水) 14:30 -17:40

基 本 的な使い方から始めるので、デザインソフト初 心 者の方も安 心です。 https://www.vivivit.com @vivivit_jp

セミナー：建築を仕事にする／ 6 月 16 日（金）／ 16:00―17:00 ／対象：建築デザイン科 2 年生／西神田校舎 701 教室／持ち物：作品データ 株式会社ビビビット主催

4. レイアウト・デザインジム

13

INTRODUCTION

5. ポートフォリオジム

UI DESIGN

PHOTOGRAPHY

GRAPHIC DESIGN

6. 建築を仕事にするワークショップ

Other works What is the

ビビビットの就活セミナー

人 事 目 線 の

ポートフォリオとは

PORTFOLIO which is liked by recruiters.

B401教室 2016.11.22 Tue 15:00 クリエイティブ業界特化の就職サービス “ビビビット”の使い方セミナー 作 品 の ア ップ ロ ード で 企 業 と 出 会 え る 就 職 サ ー ビ ス 「 V i V i V i T 」 に つ い て 、 使 い 方 や 概 要 をご 紹 介しま す 。 実 際 の 画 面 を 見 せ な がら 、 作 品 の アップ ロ ード の 仕 方 をご 紹 介しま す 。 また 、 掲 載 企 業 約 3 8 0 社 の な か から 、 千 葉 大 学 の み なさ ん が 興 味 の ありそうな 企 業 の ご

日時

4 月 11 日（火）18:00∼19:30

クリエイター就活の支援を行う株式会社ビビビットが、人事

対象

クリエイティブ業界を目指す方どなたでも

目線のポートフォリオとは何かをアドバイス。ポートフォリオを制

内容

ポートフォリオが完成していないから就活

作する上で抑えるべきポイントを、実例を交えてご紹介いたしま す。

が始められない、企業の見つけ方がいまい ちわからない…という方は、ぜひご参加く ださい！

紹 介 も！就 職 活 動 中 の 方 、 どう動 こうか 迷 い 中 の 方 … 、 ぜ ひ お 気 軽 に お 越しくだ さ い 。

Vivivit, Inc. talk about “Good portfolio which is liked by recruiters”.

株式会社ビビビット・https://www.vivivit.com/・@vivivit_jp

7. ビビビットの使い方セミナー

8. 人事目線のポートフォリオとは

夏 career exhibition の

ポ ー ト フ ォ リ オ が

16

for all designer.

th in k ab

で き て い な い か ら

キャリア

9. サンリオ採用告知

o u t fu

就 活 が で き な い 。

tu r e.

ec n n co

品 に 時 間 を 割 き た

t in

g

th

e

d

o

ts

.

履 歴 書 よ り も 、作

7.9

い 。企 業 の ク リ エ イ

14:00

c om p a nie s whic h ha v e v a rious c re a tiv ity wil l m e e t y ou!

比 較 し た い 。そ の 悩 み 、す べ て ビ ビ ビ ット

夏のキャリア展 ‘16 会場：ベルサール新宿グランド5F 日時：2016年7月9日 （土） 開催時間：14 時∼17時 （入退場自由） 主催：株式会社ビビビット 夏のキャリア展は、 クリエイティブ系に特 化した 就 活イベントです。 【参加企業】 株 式 会 社アカツキ 株 式 会 社アドウェイズ グリー株 式 会 社 株 式 会 社サイバーエージェント 株 式 会 社ディー・エヌ・エー

が解決します。

10. ビビビットの告知グラフィック

Sat START

e d5F llran sau g lljuk bsehin

テ ィ ブ を な ら べ て

ヤフー株 式 会 社 レバレジーズ株 式 会 社 And more!

11. キャリア展 16

12. 数字でみるクリエイターの就活

14

Thank you for looking.