Gallery
Webデザイン [商用サイト]
仕事では主にWebシステムの管理画面(非公開)などを作ることが多いのですが、
たまに一般公開サイトも作ることがあるので、なかから代表的なものを集めてみました。
画像をクリックすると画面(サンプル)が出ます。
2009 「モトショップ・ストラーダ」
いつもお世話になっているバイク屋さんのサイト、3年ぶりにリニューアルさせて頂きました。フレーム使用の古い設計だったのを XHTML+CSSによる一枚モノの新設計に。利用者の多いサイトなのでなるべく以前と違和感がないように、久々のリキッドデザインになっています。 更新のしやすさを優先し、メニューはjsではなくiframeを採用しました。
サンプル画面を表示
実サイト：http://www.ms-strada.com/
2008 「Wildlifejapan.com」
海外に向けて日本の野生動物を紹介するサイトのデザインを担当させて頂きました。同様のサイトで外国をターゲットにしたものは国内初との事で光栄に思っています。汎用性が高くシンプルなXHTMLテンプレートの作成に重点を置きました。以後、この設計をベースにすることにより、 サイトデザインに要する時間が大幅に短縮できるようになりました。
サンプル画面を表示
実サイト：http://www.wildlifejapan.com/
2008 「ヴァルアップテクノロジ株式会社」
勤め先のサイトをリニューアルしました。この頃から、凝った設計よりも汎用性の高い設計に意識を置くようになります。 なるべく余分な機能を省き、無駄なソースは排除しました。その分デザインの自由度は限られるものの、 メンテナンス性やシステムとの親和性は大きく向上しています。
サンプル画面を表示
実サイト：http://www.valup.co.jp/
2007～ 「日本手芸普及協会」
ヒアリングから設計・デザイン・制作までを一貫して担当させて頂きました。 財団法人としての格式と手芸の柔らかさ、というコンセプトを同時に表現するため、 配色チャートで何度も試行錯誤した記憶があります。
デザイン設計だけでなく、印刷専用CSSの実装など見えない部分も作りこんであります。
サンプル画面を表示
実サイト：http://www.jhia.org/
May.2007 「プロペリアンズ」
自家用パイロットのライセンサーの集いとして始まったフライトクラブのサイト。これはバージョン0.1の作品です。 このときは手元の写真素材などを使って、独断でかなり自由にやらせてもらいました。
なお、大規模リニューアル後のデザインは、広告入りの三段構成になりました。現在、実サイトはありません。
サンプル画面ver0.1
サンプル画面ver0.2
Apr.2007 「ハンドメイドスタイル」
とあるプロジェクトのプレゼン用にサンプルで作ったデザイン。手作り感を出すため わざと不揃いなレイアウトにしてありますが、見た目はCSSで制御しています。
文字サイズを変更する機能がついているほか、クリックするとショップ画面のサンプルも出ます。 現行サイトはありません。
サンプル画面を表示
Mar.2007 「GoYamagata.com」
アフリカ自然写真家の山形豪君のWebサイト。 何度も打合せしつつ現場で設計を行ったので、双方満足のいく仕上がりになったと思っています。 幸運だったのは、プロカメラマンならではのクォリティの高い写真素材を豊富に使わせて貰うことが出来たことと、先方にWeb知識があったので、コンテンツの大部分は本人にHTMLを記述して貰えたということです。
サンプル画面を表示
実サイト：http://www.goyamagata.com/
Feb.2007 「ヴァルアップテクノロジ株式会社」
青山の勤め先であるIT系ベンチャー企業のサイトです。システム系の技術力の高さがウリです。 サンプルを開くとわかりますが、右上のプルダウンからスタイルを選択するとデザインを着せかえできるようになっています。 HTMLを共有したままデザインを変更するという新しい挑戦でした。
サンプル画面を表示
実サイト：http://www.valup.co.jp/
Jan.2006 「モトショップ・ストラーダ」
いつもお世話になっているバイク屋さんのサイトです。実際に更新を行うのは店長ご自身なので、 可能な限り更新がラクにできるよう、あえてフレームセットを用いています。この頃はまだCSSデザインではなく、 今となっては設計が古いのですが、店長の魅力的な人柄とマメな更新で非常に人気あるサイトになっており、嬉しい限りです。
サンプル画面を表示
実サイト：http://www.ms-strada.com/
2009 「モトショップ・ストラーダ」いつもお世話になっているバイク屋さんのサイト、3年ぶりにリニューアルさせて頂きました。フレーム使用の古い設計だったのを XHTML+CSSによる一枚モノの新設計に。利用者の多いサイトなのでなるべく以前と違和感がないように、久々のリキッドデザインになっています。 更新のしやすさを優先し、メニューはjsではなくiframeを採用しました。
サンプル画面を表示
実サイト：http://www.ms-strada.com/
2008 「Wildlifejapan.com」海外に向けて日本の野生動物を紹介するサイトのデザインを担当させて頂きました。同様のサイトで外国をターゲットにしたものは国内初との事で光栄に思っています。汎用性が高くシンプルなXHTMLテンプレートの作成に重点を置きました。以後、この設計をベースにすることにより、 サイトデザインに要する時間が大幅に短縮できるようになりました。
サンプル画面を表示
実サイト：http://www.wildlifejapan.com/
2008 「ヴァルアップテクノロジ株式会社」勤め先のサイトをリニューアルしました。この頃から、凝った設計よりも汎用性の高い設計に意識を置くようになります。 なるべく余分な機能を省き、無駄なソースは排除しました。その分デザインの自由度は限られるものの、 メンテナンス性やシステムとの親和性は大きく向上しています。
サンプル画面を表示
実サイト：http://www.valup.co.jp/
2007～ 「日本手芸普及協会」ヒアリングから設計・デザイン・制作までを一貫して担当させて頂きました。 財団法人としての格式と手芸の柔らかさ、というコンセプトを同時に表現するため、 配色チャートで何度も試行錯誤した記憶があります。
デザイン設計だけでなく、印刷専用CSSの実装など見えない部分も作りこんであります。
サンプル画面を表示
実サイト：http://www.jhia.org/
May.2007 「プロペリアンズ」自家用パイロットのライセンサーの集いとして始まったフライトクラブのサイト。これはバージョン0.1の作品です。 このときは手元の写真素材などを使って、独断でかなり自由にやらせてもらいました。
なお、大規模リニューアル後のデザインは、広告入りの三段構成になりました。現在、実サイトはありません。
サンプル画面ver0.1
サンプル画面ver0.2
Apr.2007 「ハンドメイドスタイル」とあるプロジェクトのプレゼン用にサンプルで作ったデザイン。手作り感を出すため わざと不揃いなレイアウトにしてありますが、見た目はCSSで制御しています。
文字サイズを変更する機能がついているほか、クリックするとショップ画面のサンプルも出ます。 現行サイトはありません。
サンプル画面を表示
Mar.2007 「GoYamagata.com」アフリカ自然写真家の山形豪君のWebサイト。 何度も打合せしつつ現場で設計を行ったので、双方満足のいく仕上がりになったと思っています。 幸運だったのは、プロカメラマンならではのクォリティの高い写真素材を豊富に使わせて貰うことが出来たことと、先方にWeb知識があったので、コンテンツの大部分は本人にHTMLを記述して貰えたということです。
サンプル画面を表示
実サイト：http://www.goyamagata.com/
Feb.2007 「ヴァルアップテクノロジ株式会社」青山の勤め先であるIT系ベンチャー企業のサイトです。システム系の技術力の高さがウリです。 サンプルを開くとわかりますが、右上のプルダウンからスタイルを選択するとデザインを着せかえできるようになっています。 HTMLを共有したままデザインを変更するという新しい挑戦でした。
サンプル画面を表示
実サイト：http://www.valup.co.jp/
Jan.2006 「モトショップ・ストラーダ」いつもお世話になっているバイク屋さんのサイトです。実際に更新を行うのは店長ご自身なので、 可能な限り更新がラクにできるよう、あえてフレームセットを用いています。この頃はまだCSSデザインではなく、 今となっては設計が古いのですが、店長の魅力的な人柄とマメな更新で非常に人気あるサイトになっており、嬉しい限りです。
サンプル画面を表示
実サイト：http://www.ms-strada.com/
ネットショップ関連 (商用サイト)
他にもYahoo!や楽天など独自の運営システムを使ったネットショップをいろいろデザインさせて頂きました。画像をクリックすると当時の画面(スクリーンショット)が出ます。
2008 クイックコンタクト [Yahoo!Shopping]
Yahoo!がシステムを大幅に刷新したのと同じ頃に制作した店舗。旧システムより洗練されたものの、デザイン上の制約が多く勉強になりました。(店舗デザインのみ)
サンプル画面を表示
http://store.yahoo.co.jp/quickcontact/
2006 データゼロ [Yahoo!Shopping]
Yahoo!ショッピングでデータ消去ソフトを販売していた時のものです。ヴァルアップテクノロジ株式会社の直販サイト。 その後はYahoo!のシステム更新に合わせてデザインを一新しましたが、残念ながらスクリーンショットは残っていません。
サンプル画面を表示
http://store.yahoo.co.jp/valup/
2006 i-board [携帯ポータル]
ほしいものを登録し、マッチングする携帯向けのポータルサイト。画面のデザインとキャラクター制作を 担当させて頂きました。無料ブログやショッピング機能まで付いているかなり高機能なサイトです。
サンプル画面を表示
PC向け：http://official.i-board.com/
2005 大野屋WebShop [楽天市場]
楽天市場で仏具を販売するネットショップ。2004～2005年にかけて、店舗構築・更新・運用管理など担当しました。
サンプル画面を表示
http://www.rakuten.ne.jp/gold/mgohnoya/
2008 クイックコンタクト [Yahoo!Shopping]Yahoo!がシステムを大幅に刷新したのと同じ頃に制作した店舗。旧システムより洗練されたものの、デザイン上の制約が多く勉強になりました。(店舗デザインのみ)
サンプル画面を表示
http://store.yahoo.co.jp/quickcontact/
2006 データゼロ [Yahoo!Shopping]Yahoo!ショッピングでデータ消去ソフトを販売していた時のものです。ヴァルアップテクノロジ株式会社の直販サイト。 その後はYahoo!のシステム更新に合わせてデザインを一新しましたが、残念ながらスクリーンショットは残っていません。
サンプル画面を表示
http://store.yahoo.co.jp/valup/
2006 i-board [携帯ポータル]ほしいものを登録し、マッチングする携帯向けのポータルサイト。画面のデザインとキャラクター制作を 担当させて頂きました。無料ブログやショッピング機能まで付いているかなり高機能なサイトです。
サンプル画面を表示
PC向け：http://official.i-board.com/
2005 大野屋WebShop [楽天市場]楽天市場で仏具を販売するネットショップ。2004～2005年にかけて、店舗構築・更新・運用管理など担当しました。
サンプル画面を表示
http://www.rakuten.ne.jp/gold/mgohnoya/