私について

東京都渋谷区在住。静岡県出身。酪農家からデザイナーになった変わり者です。

得意分野としては、新規・既存問わず要件を定義して、UI / UXを考え、実際に実装、テストを回してクリエイティブの定量評価も行う、高速でPDCAを回すのが得意なタイプのデザイナーです。

好きなものは、「料理」「お菓子作り」「お絵かき」「アニメ鑑賞」「ゲーム」「音楽鑑賞」「サイクリング」。

ロゴマークに込めた思い

このロゴマークには、チームで仕事をする際に、働く仲間のダイヤモンドの様にキラリと輝く「希望」「誇り」を見ていたいという気持ちと、自分自身が常にダイヤモンドの様に、「気高さ」を持って光り輝く存在になりたいという気持ちを込めました。

配色は、#ED2F78#EA352Dのグラデーションを使っています。これは、赤を代表する宝石のルビーでも、最上級の宝石である「スタールビー」を表しています。

ダイヤモンドの様な「誇り」「輝き」「気高さ」、ルビーの様な「情熱」「勇気」「自由」の精神を持って、常に仕事をしていきたいという気持ちを表しました。

デザインツール

Adobe Illustrator

古くからあるAdobeのドローソフトである、Illustratorを使って、現在は主にアイコンを作っています。

紙媒体の場合は、CMYKによる色補正も行います。

素材がない場合は、ほとんどIllustratorで1から素材を作っています。

Adobe Photoshop

古くからあるAdobeのフォトレタッチツールである、Photoshopを使って、現在は主にバナー画像作成、写真の加工・修正を行っています。

素材をそのまま生で使うことはほぼない為、人物の切り抜きや、素材作成に主に使っています。

Figma

比較的新しいプロトタイプツールであるFigmaを使って、デザインを作成しています。

バージョン管理機能、チームで同時に同じファイルを編集できる、直接遷移図とコメントを作成できる、Slack通知等、デザインを作る上で便利な機能が標準で揃っている為、とても重宝しております。

分析ツール

Google Analytics

Googleが提供しているGoogle Analyticsを使って、デザインの定量評価 / 数値分析を行なっています。

基本的な画面の見方はもちろん、数値分析、CVRの計測、イベントの計測も行なっております。後述のOptimizeと連動する事により、さらに高度な数値分析を行う事ができます。

Google Optimize

Googleが提供しているGoogle Optimizeを使って、A/Bテストを行なっています。

成果を図るための指標は、「数字」以外ありません。Optimizeのテスト結果とAnalyticsの数値分析に基づき、サービスのPDCAを回しております。

開発ツール

Vim

コーディングは、主にVimを使って実装しています。

.vimrcの基本的な改造ができるほか、プラグインをインストールして、自分独自のVimに作り直しています(ツールはdeinを使用)

基本的にマウスは使わず、全てキーボード操作で行っています。

Git

ソースコードのバージョン管理ツールである、Gitを使用することができます。

ソースコードだけでなく、デザインデータの管理もGitを使用しています。

GUIを使わず、全てターミナルで操作しています。

HTMl5

Webの標準言語である、HTML5を主に使っています。

メンテナンス性が高く、拡張性が高いコードを書くようにしています。

なので、上記2点の観点から、生のHTML5を使うより、フレームワークや静的サイトジェネレーターを使って、実装することが多いです。

CSS3

Webの装飾の標準言語であるCSS3を使って、デザインの装飾を行なっています。

メンテナンス性が高く、拡張性が高いコードを書くようにしています。

なので、上記2点の観点から、生のCSS3を使うより、後述のSassやPostCSSを使って、実装することが多いです。

Sass

CSSの拡張メタ言語である、Sass(Scss仕様)を使って、デザインの装飾を行なっています。

実務で使う場合は、普及率から言ってこちらを使うことが多いですが、自分で作る場合や、新規のプロジェクトの場合は、後述のPostCSSを導入することが多いです。

PostCSS

Node.JS製のCSSフレームワークである、PostCSSを仕様して、デザインの装飾を行います。

トランスパイルの速さ、プラグインによるカスタマイズ製などに惹かれて、新規で作る場合は、PostCSSを積極的に導入しています。

Gatsby

React製の静的サイトジェネレーターであるGatsbyJSを使って、ホームページと、簡単なWebアプリを作る事ができます。

このポートフォリオサイトは、GatsbyJSで作られております。

NuxtJS

NuxtJSとは、Vue.jsで作られた、Webアプリを作る為のフレームワークです。

このポートフォリオサイトは、以前はNuxtJSを使っていました。理由は、分かりやすいHTMLとJSが書けるからです。

最後に

ここまで読んでいただいて、ありがとうございました。最後に私がこれからやっていきたい事を書いて終わりにしたいと思います。

世界最高のクリエイティブチームを作りたい

漠然とした野望ですが、最高のクリエイティブチームを作ってみたいと思っています。

良くも悪くも、最初のデザイナーや0→1のフェースが多かったので、これからはチームを作っていく、もしくは大きいチームで仲間のデザイナーの能力を吸収したいと思っています。

企画が作れるデザイナーになりたい

理由は企画が作れれば、情報設計やビジュアル力も必然的に高まり、更に自分でビジネスを始める事も出来るからです。

SPAのWEBアプリのデザインをもっとやってみたい

ネイティブアプリと遜色ない体験設計ができるSPAで、WEBアプリのデザインをもっとやってみたいと思っています。

CIやブランディング、デザインシステムの構築

企画や経営・戦略まで練ったCI/ブランディングの経験が少ない事が弱点だと思っている為、積極的に経験していきたいと思っています。

お問い合わせはこちら