KATOSHUN.com | 加藤俊司作品集

株式会社クライマークス

Pjaxを用いたページをめくるような画面遷移や、カードが回転するようなモーダルウィンドウ、Canvasを用いた強みページなど、マイクロインタラクションを用いた実験的なUIを実装しました。

担当業務

企画 / 情報設計 / デザイン / コーディング / JavaScriptプログラミング

掲載

I/O 3000 / Web Design Clip / MUUUUU.ORG / 81-web.com / 81-web.com / WEB PRODUCTION JAPAN / gooodmark / ドコドア / Webデザインまとめギャラリー / Web Design Stock / 魅せるプロのWEBデザイン / Grids / Web Designing Portal ほか多くのサイトに掲載いただきました。

翠江堂

創業80年の老舗和菓子店のサイトです。スプリットスクリーンを採用し、商品を大きく魅力的に訴求できるよう工夫しました。

担当業務

企画 / 情報設計 / デザイン / コーディング / JavaScriptプログラミング

掲載

Webデザイン勉強の参考にしたい、魅力的なサイト35選 2017年2月度 - PhotoshopVIP / I/O 3000 / Choicely / Web Design Clip [S] / イケサイ / 81-web.com / Webデザインまとめギャラリー ほか多くのサイトに掲載いただきました。

レスポンシブWebデザインテクニックブック

レスポンシブWebデザインの作り方を開設した書籍を執筆しました。執筆の他、サンプルページをデザイン/コーディングしています。

担当業務

執筆 / デザイン / コーディング / JavaScriptプログラミング

掲載

「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」(MdN)

Responsive Web Design JP

日本国内の秀逸なレスポンシブWebデザインを集めた個人運営のギャラリーサイトです。25万PV/月で、多くのWebデザイナーに見ていただいています。

担当業務

企画 / 情報設計 / デザイン / コーディング / JavaScriptプログラミング

掲載

「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック」(ソシム) / ウェブデザインの参考に!ウェブデザイナーがよく見るウェブデザインギャラリーサイトをまとめました! | YouKnow.jp / デザイナーなら常にチェックしておきたい!Webデザインギャラリーまとめ | デザインメモ / nanomal / Choicely ほか多くのサイトに掲載いただきました。

福嶋歯科医院

門前仲町の親子3代続く歯科医院のサイトです。制作の他、撮影も行いました。

担当業務

企画 / 情報設計 / 撮影 / デザイン / コーディング / JavaScriptプログラミング

このサイトについて

このサイトは、Webデザイナー 加藤俊司のポートフォリオ(作品集)です。本サイトでは自身の制作実績の内、自社サイトや個人制作のサイトを掲載しています。

プロフィール

氏名
加藤 俊司
所属
株式会社クライマークス 取締役クリエイティブ部 部長 / アートディレクター
運営サイト
自己紹介
東京大学法学部を卒業後、大手通信会社に勤務していたが、30歳を過ぎてWeb業界に転身。デザイン / アートディレクションを中心に、企画 / 情報構造設計 / Flash・JavaScript制作などを手がける。総合電機メーカー / 精密機械メーカー / 大学 / テーマパークなど国内を代表する大手企業の実績多数。大手企業から直接指名を受けるなど、クライアントからの信望も厚い。
実績
  • 大手総合電機メーカー デザインガイドライン策定・テンプレート開発・コーポレートサイト / グローバルサイト構築 デザイン
  • 大手大学 本学サイト構築 アートディレクション・テンプレート開発
  • 大手事務設備メーカー コーポレートサイト構築 アートディレクション
  • 大手Sier コーポレート・サービスサイト構築 デザイン / アートディレクション
  • 大手テーマパーク ポータルサイト構築 デザイン / アートディレクション
実績の詳細はこちら
受賞歴
  • 2014Webグランプリ 企業サイト賞 優秀賞
  • 2013日本BtoB広告賞 銀賞

ビジョン

Web業界は、立ち上がってから20年が経ち、現在でも日進月歩で新たな技術やビジネスモデルが登場する、今後も大きな可能性を秘めた業界です。

実際に日本におけるインターネット広告費は、すでにラジオ・雑誌・新聞を抜いており、このことは企業のインターネットに対する期待の高さを示しているものといえます。特に2008年のリーマンショック以降は、Webを単なる広告としてでなく、総合的なマーケティングツールとして活用する動きが顕著になってきました。

インターネットは、情報通信革命として産業革命以来のパラダイムシフトをもたらすものとも言われています。Webはその中心的な役割を担うものであり、Webの技術・ビジネスモデルの進歩は、社会に対しても大きな影響力を持っているといえるでしょう。

Webデザイナーは、フロントエンドにおいて技術とエンドユーザーとを結ぶインターフェースや表現の提供者であり、エンドユーザーに最も近い位置から直接価値を提供する立場にあります。その意味では、Webデザイナーはデザインを通じて社会に対して影響を与えることも可能といえます。

常に技術やビジネスモデルの進歩をとらえ、Webデザインを通じた新しい価値に提供することにより、クライアントやエンドユーザーはもちろん、社会の発展にも貢献できるかもしれないのです。

私は、新しい価値を提供し、Webや社会の発展に貢献するため、常に精進していきたいと考えています。

お知らせ

2017.08.25
「マイナビクリエイター」に当サイトを掲載いただきました。
イケてるWebデザインで作られたポートフォリオサイト21選まとめ
2013.11.12
paperboy&co.主催のレスポンシブWebデザインセミナーでカラーミーユーザーを対象に講師をしました。
魅せるスマホ対応!?レスポンシブWebデザインセミナー
2013.07.02
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」(エムディエヌコーポレーション)に執筆しました。
2013.02.18
Web Designing(マイコミ)2013年3月号の特集記事に執筆しました。
レスポンシブWebデザイン テンプレートレシピ
2012.12.01
ブログを開設しました!20代後半/30代でWeb業界をめざす人へのお役立ち情報や、Webに関する情報を書き綴っていきます。「A40
2012.10.16
「コメンター - クリエイターのための匿名コメント共有サービス」に当サイトを掲載いただきました。「国内のレスポンシブWebデザインを採用したイマドキのWebサイトまとめ15個」
2012.09.02
「KATOSHUN.com」をリニューアルしました。レスポンシブWebデザインに対応しています。ぜひ、タブレットやスマートフォンなど、様々な端末でご覧ください。
2011.08.18
Web Designing(マイコミ)2011年9月号の特集記事に執筆しました。
グリッドレイアウトによるレスポンシブデザインでPCとiPadに対応

メッセージ

メッセージがありましたら、以下のフォームよりお送りください。

申し訳ありませんが、現在このページからのWebサイト制作のご依頼は承っておりません。
*印がついている項目は、必ずご記入くださいますようお願いいたします。
お名前 *
メールアドレス *
メッセージ *

送信