木下 裕哉 Yuya Kinoshita

デザイナー・フロントエンドエンジニア。1984年生まれ。北海道札幌市出身、東京都在住。グラフィックデザイン専門学校を卒業後、2006年からデザイナーとして出版社やWeb制作会社で経験を積む。

独学でWebデザインやコーディングを学び、Web戦略立案、Webサイト・アプリのUIデザイン、フロントエンド開発のほか、ブランドコンセプト設計、ロゴデザイン、情報設計、システム要件定義、CMSサイト構築、プロジェクト管理などを総合的に手がける。

主な実績は、BE@RBRICK SERIES 26およびSERIES 29のデザインやアニメーション設計、SHIBUYA GAMEのブランドロゴデザインおよびサイト構築、マナビタのシステム仕様設計やデザインおよびフロントエンド開発、NOTTVのサービスサイト運用、クラウド決済サービスWebアプリのUIデザイン、陸別町のサイト構築、北海道大学各学部のサイト構築など。

タイポグラフィを軸とした使い心地の良さを追求するデザインと、拡張性の高いコーディングの両立が強み。欧文組版のABC第1期を修了。趣味はスプラトゥーンと映画鑑賞とタイポグラフィに関すること全般。

Expertise

得意分野

  • Web戦略立案
  • UI/UXデザイン
  • Webデザイン
  • ロゴデザイン
  • タイポグラフィ
  • 情報設計
  • システム要件定義
  • コーディング(HTML・Sass)
  • WordPressの実装・カスタマイズ
  • 業務効率化の仕組みづくり

Career

経歴

2019 -

事業会社

  • デザイナー

デザイナーとして、Webサイトのデザイン、アプリのUIデザインなどを主に担当しています。サービス成長の実践を通してマーケティングやユーザー体験の知見を広げ、デザインによって効果を最大化することを目指しています。

フロントエンド実装においてはVue.jsやNuxt.js、WP REST APIに興味があり、WordPressとの効果的な連携方法を模索したいと思っています。

2018 -

フリーランス

  • デザイナー
  • フロントエンドエンジニア

ユーザー体験向上のための仕組み設計に領域を広げたいと考えており、UIデザインの品質向上、行動経済学や心理学を含むマーケティングの知見拡大、JavaScriptのさらなる理解と応用の3点を、直近の強化対象として捉えています。

主な習得技術・経験内容

  • Web戦略立案
  • 情報設計
  • UI/UXデザイン
  • VIデザイン(ロゴデザイン)
  • コーディング(HTML・Sass・JavaScript・PHP)
  • コーディングルール策定(FLOCSS)
  • WordPressによるポートフォリオサイト構築
  • Advanced Custom Fields Proのカスタマイズ
  • WordPressのログイン管理カスタマイズ
  • ディレクション
  • プロジェクト管理
  • 実験的タイポグラフィ制作
2012 - 2018

コロニーインタラクティブ株式会社

  • Web & UI/UXデザイナー
  • フロントエンドエンジニア
  • ディレクター

デザイナー兼フロントエンドエンジニアとして、プロモーションサイトやサービスサイト、ECサイト、メディアサイトのデザインやコーディング、アプリのUIデザインや情報設計などを担当しました。

主な実績としては、BE@RBRICK SERIES 26BE@RBRICK SERIES 29SHIBUYA GAMEマナビタNOTTVなどのサイト構築や運用のほか、iPhone・iPad・決済端末アプリのUIデザインなどがあります。

プロジェクトによってはデザインやフロントエンド開発のほか、Web戦略立案やディレクション、プロジェクト管理、プロトタイピング、デザインシステム設計なども経験しました。

個人の活動としては、デッサン教室への通学、欧文組版の講義受講、金属活字の活版印刷体験、カリグラフィ、After Effectsによるアニメーション制作、Premire Proによる動画編集などがあり、興味を持ったことに挑戦してきました。

主な習得技術・経験内容

  • Web戦略立案
  • 情報設計
  • UI/UXデザイン
  • VIデザイン(ロゴデザイン)
  • VIマニュアル(ロゴ使用ガイドライン)作成
  • 欧文組版
  • カリグラフィの基礎
  • サービスサイトのスクラッチ開発
  • システム要件定義
  • プロトタイピング
  • コーディング(HTML・Sass・JavaScript)
  • コーディングルール策定(MindBEMding)
  • PHPの基礎
  • WordPressによるメディアサイト構築
  • ディレクション
  • プロジェクト管理
  • サービスサイト運用
  • Git運用(Sourcetree)
  • 動画編集
  • イラスト制作
  • DFP広告管理の導入
  • Googleアナリティクス
2007 - 2011

合資会社アイタス

  • Webデザイナー
  • フロントエンドエンジニア
  • ディレクター

Webデザイナーとして、リサーチ・Web戦略立案・情報設計・デザイン・コーディングなど全般的に担当しました。即戦力としての働きが求められており、入社後まもなく新規のCMS(コンテンツマネジメントシステム)サイト構築プロジェクトを単独で担当するようになります。

情報共有を重要視している社風で、メールやSkypeを活用したコミュニケーション方法を身に付けます。情報開示にも力を入れており、会社ブログの記事作成や運用などの広報的な活動も経験しました。

Webサイト構築では大学や地方自治体のプロジェクトが多く、プロジェクトリーダーとして北海道大学の各学部、酪農大学、陸別町、ルスツリゾートなどのサイトデザインやコーディング、CMSカスタマイズやディレクションなどに携わります。

アイタス在籍時にWordPressのカスタマイズ方法やPHPの基礎を学び始め、2010年以降のCMSサイト構築プロジェクトではWordPressの導入が増えていきます。

主な習得技術・経験内容

  • Web戦略立案
  • 情報設計
  • Webデザイン
  • ロゴデザイン
  • ディレクション
  • プロジェクト管理
  • ブログ記事作成・広報
  • コピーライティング
  • 採用・組織ルール整備
  • WordPressのカスタマイズ
  • Movable Typeのカスタマイズ
  • コーディング(HTML・CSS・JavaScript)
  • PHPの基礎
  • コーディングルール策定
  • Googleアナリティクス
2005 - 2006

株式会社インテリジェンス

  • グラフィックデザイナー

グラフィックデザイナーとして、求人情報誌の「an」や「DODA」などに掲載される求人広告を制作しました。

依頼主が掲載を希望する情報を整理し、求人内容に合わせた表現を意識して写真やイラスト、文字情報をレイアウトします。

業務とは別に個人のグラフィック作品づくりも続けており、Webサイトでの管理方法を改善したいと思い始めます。

この頃からMovable Typeのカスタマイズ方法を独学で学び始め、自身のポートフォリオサイトのCMS(コンテンツマネジメントシステム)化を進めていきます。

主な習得技術・経験内容

  • 広告デザイン
  • 印刷データ作成
  • コーディング(HTML・CSS)
  • Movable Typeのカスタマイズ
2003 - 2005

札幌デザイナー学院

  • グラフィックデザイン専攻

グラフィックデザインを専攻し、平面構成や配色などデザインの基礎を学びました。2006年に卒業。

在学中にデジタルコラージュに魅力を感じ、課題とは別の個人的な作品づくりに熱中します。独学で制作したWebサイトにデジタルコラージュ作品を掲載したり、友人と見せ合ったり、日々競うように作り続けました。

この頃からタイポグラフィに強い魅力を感じるようになり、文字を主体としたグラフィック制作を始めます。

卒業制作では「白と黒でどれだけ多様な表現ができるか」をコンセプトとした約70点のコラージュ作品集を制作し、その期の卒業制作展で唯一の外部審査員賞を受賞しました。

主な習得技術・経験内容

  • グラフィックデザインの基礎
  • デジタルコラージュ
  • 画像補正
  • タイポグラフィの基礎
  • Webデザイン
  • コーディング(HTML・CSS)

Skill

主な技術・経験

2018年9月時点の概算を記載しています。

Tool

主な使用ツール・機材

2018年9月時点の概算を記載しています。