執筆・講演

日付 メディア
2014/04 CSS Nite back2basic 2014「WebデザイナーのためのPhotoshop神速テクニック」に出演しました。
CSS Nite LP, Disk 34「Webデザインで使うPhotoshop」に出演しました。
2014/03 執筆した神速Photoshop [Webデザイン編]がKADOKAWA/アスキー・メディアワークスより発売されました。
WordBench東京3月: 春のデザイナー祭り!に登壇しました。
2013/07 執筆したプロになるためのWebデザイン入門講座が技術評論社より発売されました。
2013/01 MdNのWEBデザイン ゼロからあれこれわかる本に、PhotoshopやIllustratorを使ってWebデザインするための環境設定に関する記事を書きました。
2012/09 WordCamp 2012 TokyoにてWordPress で Web アプリケーションを作る方法 〜 Croppy 編 〜の公演を行いました。
ブログの関連記事: [WordCamp資料]WordPressでWebアプリケーションを作る方法~Croppy編~
2012/06 MdN 2012年7月号の「2012年からはじめるWebデザイン」特集に、「Photoshop と Illustrator を使ったWebデザインの作法」に関する記事を書きました。
2012/03 CSS Nite LP, Disk 22「Webデザインで使うPhotoshop」で講演しました。
2012/02 Web Designing 2012年3月号「WordPressカスタマイズTips35」特集に8つの Tips を執筆致しました。
ブログの関連記事: Web Designing 3月号にWordPressカスタマイズ記事を書きました
2011/11 Web Designing 2011年12月号「先端事例に学ぶ jQuery のテクニック」特集に「jQuery と WordPress で構築したソーシャル Web サービス」という記事を執筆しました。
ブログの関連記事: Croppyの作り方
2011/09 WordCamp KOBEにて「WordPressサイトをデザインする時に気をつけていること」と「WordPressでWebサービスを作る方法」という公演を行いました。
ブログの関連記事: WordPressサイトをデザインする時に気をつけていること
2011/07 Web Designing 2011年8月号「あのWordPressサイトの舞台裏」特集におすすめのWordPressプラグイン等を執筆しました。

Q&Aなう

Webサービス

株式会社Q&Aなう(現在は株式会社オウケイウェイヴに売却)のQ&Aなうのデザインをリニューアル致しました。

それまでのゆるいデザインから「ベージュ系で信頼感のあるデザイン」というご依頼があったため、ベージュをベースに信頼感のあるすっきりとしたデザインを心がけました。

※ロゴや iPhone 版をデザインしたのは別の方です。

ログイン前のトップページは新規登録に結びつくよう、最低限の要素だけを配置しすっきりとさせています。

設定ページも見直し、より分かりやすくしました。

株式会社 大塚商会

サービス紹介ページ

大塚商会様の「セキュリティワンコインサービス」というウイルス対策・Windows Update対策・管理者画面の3つのサービスを月額¥500で提供するソリューションの紹介ページのデザインを担当しました。

従来は500円玉をモチーフにしたデザインだったのですが、デザインリニューアルに伴い「500円玉をイメージさせないデザインに」という事でしたので、Adobe Illustratorを使いオフィスを斜め上から見下ろしたイラストを書き起こしました。

デスクやPCなどのイラストはAdobe Illustratorで制作し、Adobe Photoshopで光彩や半透明などの処理を施しています。

人物のシルエット部分は素材集を使用しております。

ページ全体のデザインはAdobe Photoshopで制作しています。枠の角など細かい部分までゆるやかな曲線やグラデーション処理を施し、硬過ぎず、カジュアル過ぎないデザインを心がけました。

キャンペーンページ

大塚商会様の「たよれーるASPキャンペーン」というキャンペーンページのデザインを担当しました。

残念ながら、現在はキャンペーン期間終了のため該当ページを見ることはできません。

その他、「LED照明で節電・コスト削減」ページの図版デザインを担当しました。

背景や丸囲みも1色で塗りつぶすのではなく光沢や薄いテクスチャを使用し、美しく見栄えがするよう心がけました。

その他、「ISO取得支援 ISO10社ユニット」ページの図版デザインを手がけました。

SBMグルメソリューションズ株式会社
(ソフトバンクグループ)

サービス紹介サイト

SBMグルメソリューションズ様はソフトバンクモバイルグルメYahoo!グルメなどを運営するソフトバンクグループの会社です。

私が手がけたのはEPARK(イーパーク)という飲食店や病院などのタッチパネル端末+混雑状況を携帯電話から見れるようにするシステムの事業者向けサイトです。

デザイン、コーディング、内部SEO、ライティング等一通り私が担当し、エンドユーザー様向けの携帯サイトも制作しました。

※現在トップページに表示されている「導入実績・シェア共にNo.1」という画像は私がデザインしたものではありません。

導入店リストのページにある日本地図はマウスカーソルを載せた地域の色が変わりますが、これはFlashやJavaScriptを一切使わずHTMLとCSSのみで動かしています。

リンクの貼られている画像にマウスカーソルを乗せると一瞬光りますが、これは軽量なJavaScript(jQueryライブラリ)を使用しています。

株式会社DeNAモバオク

キャンペーンページ

モバオクおよびau one モバオクはモバゲータウン(現Mobage)の姉妹サイトです。

私が手がけたのは、主に携帯電話向けのキャンペーンページと特集ページです。

※現在検証端末がないため、ガラケー(日本の従来の携帯電話)向けのコーディング案件は承っておりません。デザインテイストの参考程度にご覧ください。

WebデザインやWebデザインレッスン(プライベートレッスン)のご依頼は↓のフォームよりお願いいたします。