カテゴリー別に実績をご覧いただけます

Web

Webサイトは移り変わりが激しいため必ずしも現サイトで上記デザインを確認することができません。
またデザインを担当して後、閉鎖したサイトもあります。
600ページ以上におよぶDSサイトも制作しております。
ソースは適宜「Another HTML-lint gateway」によるチェックを行いながら制作を進めております。
※IE6を対象ブラウザに含めた場合やJacascriptの記述の関係で100点は無理ですが。

Annual Report/Investor Relations

Pamphlet/Leaflet

その他

Webの検証環境は以下の通りです。
・Mac — Safari5.x.x(適宜バージョンアップ)/Firefox3.x.x(適宜バージョンアップ)/Chrome(たまに)
・Win — IE6.0(案件により対象外となる場合あり),7.0,8.0/Firefox3.x.x(適宜バージョンアップ)
※そろそろIE6は外した方がよろしいかと、web標準を考えるなら。(当サイトはIE6は検証外です

ActionScript制御による複雑なFlash制作は守備範囲外ですが、
ajaxで代用または効果的な作用ができる部分については取り入れていくつもりです。
キャンペーンサイトでなければ、保守・SEOの観点からもこの方法が望ましいと考えております。

プリントアウトでのカンプ提出は行っておりません。pdfでのご確認となります。

ただいま作品集pdfは配布しておりません。ご了承ください。

html5とcss3を使用してみて

当サイトは実験的にhtml5とcss3を組み合わせて制作しております。たしかに少し楽になった気はするのですが、まだフルには使っておりません。基本的な記述のみです。(html5には「HTML構文」と「XML構文」がありますが、当サイトは「HTML構文」を使用しています。)
基本的な「article」「nav」「aside」「header」「footer」を加えるだけでも劇的に構成がわかりやすくなります。どちらもIEに対応させるために「html5.js」と「ie9.js」を使用しておりますが、これだけではcss3に対応せず、cssファイルに「behavior: url(/PIE/PIE.htc);」を追記(PIE.htcをサーバにアップ)しています。
ただしこれでもcss3をすべてカバーしている訳ではありません。これではweb標準ではありませんね。

safariは5になってからプリフィックスなしでも正確に対応するプロパティもあるし、divの入れ子がなくなるだけでかなりわかりやすい記述になります。早く標準ブラウザが双方に対応することを願います。いやそれより、検証ブラウザが減ることを願います。まだIE6が必要でしょうか?

今の時期に(2011年)果たしてhtml5に移行するのがありかと言えば、まだ時期尚早ではないかと。
ie用に別の管理ファイルが増え、css3もほとんどカバーできない状態で、果たして効率的なサイト運営ができるのでしょうか。勉強のために、個人サイトなどで試験なら管理もできるでしょう。
html5にして、ie7用のcssハック(*:first-child+html 〜)が効かなくなりました。(ie9.jsの影響かな)
cssも記述の仕方によっては正確に反映しません。(またまたieだが)
動作の不安定なjsもあります。
shadowbox.jsはIE7だけ正確に動作しませんでした。IE7はほかにも挙動がおかしなところがありますので、もう少しして6、7と対象ブラウザから外れればいいですね。

広告について

最近広告の仕事をしていないせいか、あまり魅力を感じなくなってきました。以前は絵作りに意欲的でしたが。まず広告をとリまく媒体の環境が変わっていくのと、今の広告のスタイルがワンパターンで面白くないのと、労力の割にデザインを楽しんでいるとは思えなくなったから。Webをやってつらいと思う事もありますが年々進歩している自覚があるし(技術的な事ですが)。
一番実感したのは、広告は読み飛ばされるという事。苦労して、徹夜までして制作した広告をあっさり読み飛ばされると、何のために仕事をしたのかと、がっくりします。webは目的があって来てくれるから、広告よりはおそらく役に立っているし、見てもらえるという感じがあります。ほかのツール(紙)もそうですね。資料として取り寄せてくれるとか。報われない労力なのです、広告は。

既存サイトの更新について

つらいですねぇ〜。前任者がどういう記述をしていたか、その癖を理解するのがつらいです。css1つとっても記述の仕方が違いますから。依頼主は、既に出来上がっているものの更新だから簡単だろうって考えるんでしょうが。
タグの使い方だって違うんですよ、サイトに対する認識が違うと。

Works-top

フリーグラフィックデザイナー菊谷郁夫

フリーグラフィックデザイナー菊谷郁夫

制作環境

携帯サイトの制作は行っておりません。
プリントアウトでのカンプ提出は行っておりません。pdfでのご確認となります。

web デ=デザイン/コ=コーディング/メ=メンテナンス

レジャー・サービス企業
レジャー・サービス企業 企業サイト
(主にコ、メ)
総合設備企業
総合設備企業
(デ・コ・メ)
水廻り製品の輸入販売・企画制作会社
水廻り製品の輸入販売・企画制作会社
(デ・コ・メ ~04年)
麦工房カルチャー教室
麦工房カルチャー教室
(デ・コ・メ)
東大和チャーチルこども絵画教室
東大和チャーチルこども絵画教室
(デ・コ・メ)
精肉加工・販売会社
精肉加工・販売会社
(デ・コ・メ)

その他、各種企業、学園、個人サイトの制作や既存サイトの更新(最近はこちらが多い)など

作品はPCサイトでご確認いただけます

Webサイトは移り変わりが激しいため必ずしも現サイトで上記デザインを確認することができません。またデザインを担当して後、閉鎖したサイトもあります。
ソースは適宜「Another HTML-lint gateway」によるチェックを行いながら制作を進めております。
※IE6を対象ブラウザに含めた場合やJacascriptの記述の関係で100点は無理ですが。

pageTop

アニュレポ/パンフ・リーフなど

作品はPCサイトでご確認いただけます

pageTop

Home