木下 裕哉 Yuya Kinoshita

デザイナー、フロントエンドエンジニア。1984年生まれ。北海道札幌市出身、東京都在住。デザイン専門学校を卒業後、デザイナーとして出版社やWeb制作会社で経験を積んだのち、現在は事業会社に所属しながら個人事業主としても活動。より質の高いものを丁寧につくりたいという思いから、ユーザーに心地良いと感じていただけるデザインを模索します。

Expertise

得意分野

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

Career

経歴

2019 –

事業会社

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

主にUIデザイナーとして、WebアプリケーションやWebサイトのUIデザインを担当しています。ユーザーに「使いやすい」「便利」「気が利いてる」と思っていただけるデザインを心がけています。

現在はデザインシステムの構築が主な領域です。

2018 –

個人事業主

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

UIデザイナー兼フロントエンドエンジニアとして、Webサイトの戦略立案、Webデザイン、ロゴデザイン、実装、改善などを一貫してお請けしています。

主な習得技術・経験内容

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

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

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

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

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

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

主な習得技術・経験内容

  • Web戦略立案
  • 情報設計
  • Webデザイン
  • UIデザイン
  • 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)

Skills

主な技術・経験

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