WORKS

見やすいとか、わかりやすいとか、そういうWEBサイト作ってます。

NOTICE.

WEBサイト上で公開・掲載できる制作実績のみ掲載しております。
その他の制作実績もご覧になりたい方は、大変お手数ですがお問い合わせフォームよりお問い合わせください。一般公開していない非公開実績ページへはIDとPASSが必要になります。

お問い合わせフォーム

2017.01.23

  • KAWANO
  • KAWANO
  • KAWANO
  • KAWANO

新宿を拠点に60年以上の歴史を持つ老舗アパレルブランド「KAWANO」のサイトリニューアルをいたしました。 WEBサイトのデザインとレイアウトはあくまでベーシックに保ちつつも、ビジュアルエリアとして自由度の高いナビゲーションの背景にはwebGL、three.jsを使い、「割れたガラスにKAWANOの世界が反射して煌めく」という演出を提案。 「シャープ・セクシー・エレガント」というKAWANOのコンセプトと、幻想的で妖艶ながらも先進性を感じさせるKAWANOのブランドを、WEB独自のインタラクションを使って美しく表現いたしました。

CREDIT

クライアント
株式会社カワノ
ILLUSTRATION
コミネマサシ
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML / WordPress
佐藤高光 (baqemono.inc.)
- WIN AWARDS -
The FWA
FWA Of The Day
AWWWARDS
Site Of The Day
CSS DESIGN AWARDS
Website Of The Day
このページの先頭へ戻る

2016.09.30

  • 信越電装株式会社
  • 信越電装株式会社
  • 信越電装株式会社

信越電装株式会社

南アルプスに囲まれた自然豊かな長野県・大町から、国内だけではなく世界へ向けて自動車部品の再生(リビルト)事業をおこなう老舗企業「信越電装株式会社」のWEBサイトのリニューアルをいたしました。 画像・素材は現地で新たに撮影し、実際の業務内容をわかりやすく掲載するだけではなく、信越電装株式会社の強みでもある「即日発送」という武器を効果的に使えるよう、モバイル対応はもちろん、LINEやメール、電話といった多くの問い合わせのパイプを持たせました。 創業50年を前に、ホームページビルダーで構築された旧WEBサイトから、しっかりとした堅牢な企業のWEBサイトへと大きくリニューアルされました。

CREDIT

クライアント
信越電装株式会社
PHOTOGRAPHY
小野正志
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / 撮影
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML
佐藤高光 (baqemono.inc.)
このページの先頭へ戻る

2016.06.19

  • KAZ ARAHAMA
  • KAZ ARAHAMA
  • KAZ ARAHAMA
  • KAZ ARAHAMA

KAZ ARAHAMA

ファッション・ビューティー・ジュエリー、その他世界の一流ブランドのビジュアルを撮影するフォトグラファー、KAZ ARAHAMA氏のポートフォリオサイトを制作いたしました。「光は自分にとっての永遠のテーマ、必ず光をコンセプトにしたい」という氏の強い希望から、webGL、three.jsのGodRay,blurを使った光の表現を提案。「氏の作品自体が光となって画面内を縦横無尽に駆け回る」というコンセプトのもと開発が進みました。ポートフォリオらしいシンプルな構成ながらも、webGLによる不思議な美しさと、演出による驚きを与えるWEBサイトとなっています。

CREDIT

クライアント
KAZ ARAHAMA
プロデュース / 画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML
小山貴彬
- WIN AWARDS -
AWWWARDS
Honorable Mention
CSS DESIGN AWARDS
Website Of The Day
このページの先頭へ戻る

2016.02.28

  • CRISP SALAD WORKS
  • CRISP SALAD WORKS
  • CRISP SALAD WORKS
  • CRISP SALAD WORKS

CRISP SALAD WORKS

麻生十番・恵比寿・六本木ヒルズ内にレストラン展開しているカスタムチョップドサラダ専門店「クリスプ・サラダワークス」のサイトリニューアルをおこないました。よくあるレストランのメニュー紹介のサイトではなく、働く人(パートナー)の顔がリアルに見え、また、それが熱狂的なリピーター、ファンに向けてのメッセージになるWEBサイトとなるよう、ライター・フォトグラファー・イラストレーターはもちろん、クライアントも制作チームの中心に巻き込み、コンセプト・デザインを時間をかけて制作いたしました。関係者全員が明確な一つの目標を持つことでメッセージ性の強いサイトとなりました。

CREDIT

クライアント
CRISP, Inc.
コピー / ライティング
株式会社ROCKAKU
PHOTOGRAPHY / MOVIE
株式会社MASAKI PHOTOS
ILLUSTRATION
株式会社KOUBOU
プロデュース / 画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML
小山貴彬 (baqemono.inc.)
佐藤高光 (baqemono.inc.)
このページの先頭へ戻る

2015.11.01

  • alpharobe inc.
  • alpharobe inc.
  • alpharobe inc.
  • alpharobe inc.

alpharobe inc.

広告、雑誌媒体において高品質なフォトレタッチ、画像合成作業等のイメージCG処理を行う「alpharobe inc.(アルファローブ)」のサイトリニューアルを行いました。2010年に弊社でリニューアルした際はFLASHを使って大胆なデザイン&表現を提案したのに対し、5年後の2015年のリニューアルではHTML5とCSS3を使ったシンプルでクールなWEBサイトといたしました。営業色を強く押し出すビジネスサイトではなく、スマートフォンやタブレットで持ち歩く事を前提としたポートフォリオサイトとなっています。

CREDIT

クライアント
alpharobe inc.
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML , CMS設計 , フルスクラッチ構築
小山貴彬 (baqemono.inc.)
- WIN AWARDS -
CSS DESIGN AWARDS
Website Of The Day
このページの先頭へ戻る

2015.10.10

  • HAIR EXPERT GUILD
  • HAIR EXPERT GUILD
  • HAIR EXPERT GUILD
  • HAIR EXPERT GUILD

HAIR EXPERT GUILD

LUXの広告を15年以上、数多くの海外セレブのヘアメイクを担当するヘアディレクター田中勇輝氏と、数多くの広告レタッチを手掛けるalpharobe inc.代表のレタッチャー福岡修氏によるヘアビューティ専門のクリエイティブユニット「HAIR EXPERT GUILD」のWEBサイトリニューアルを行いました。次世代のヘアビューティを体現させるような斬新で新しい表現、美しいポートフォリオをメインとしたWEBサイトとなるよう、今まではできなかったような新しい技術、アニメーションやインターフェースに挑戦いたしました。

CREDIT

クライアント
HAIR EXPERT GUILD
プロデュース / 画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML , CMS設計 , フルスクラッチ構築
小山貴彬 (baqemono.inc.)
- WIN AWARDS -
AWWWARDS
Honorable Mention
CSS DESIGN AWARDS
Website Of The Day
OTHER AWARDS
Design Of The Day
Website Of The Day
このページの先頭へ戻る

2015.06.20

  • MIKIYA KOBAYASHI
  • MIKIYA KOBAYASHI
  • MIKIYA KOBAYASHI
  • MIKIYA KOBAYASHI

MIKIYA KOBAYASHI

国内だけでなく、海外からも高い評価を受けるデザイナー「小林幹也」氏のポートフォリオサイトをリニューアルいたしました。「シンプルで美しく、でもただ美しいだけではなく使いやすさまで考えられたサイトにしたい。」というクライアントの希望に沿い、画像をメインにしたシンプルなグラフィックと大胆なレイアウトを提案。直感的なボタンレイアウトとインターフェース、画面遷移時のトランジションやUIアニメーションによってサイトの使いやすさを飛躍的に向上させました。iPhoneやiPadといったモバイルデバイスにも対応しています。

CREDIT

クライアント
MIKIYA KOBAYASHI INC.
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTML , Movable Typeカスタマイズ
小山貴彬 (baqemono.inc.)
- WIN AWARDS -
AWWWARDS
Site Of The Day
Honorable Mention
CSS DESIGN AWARDS
Website Of The Day
OTHER AWARDS
Site Of The Day
Website Of The Day
Winner Of The Day
このページの先頭へ戻る

2014.11.12

  • CODE BLUE
  • CODE BLUE
  • CODE BLUE

CODE BLUE

世界トップクラスのセキュリティ専門家が一同に集う、"日本発"の情報セキュリティ国際会議「CODE BLUE」のWEBサイトを制作いたしました。開催概要や講演者プロフィール、会議への登録方法など、わかりづらかった各ページの情報を直感で理解できるよう、すべて分解・整理し、一新いたしました。また、まだフワフワしていた「CODE BLUE」のイメージも、よりグラフィカルなイメージで提案。サイトのトップページにもノイズが走るようなギミックを入れ、少しの遊び心を演出いたしました。更新管理のしやすさも考慮したうえで、iPhoneやiPadといったモバイルデバイスにも対応しています。

CREDIT

クライアント
CODE BLUE
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTML , PHPコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2014.10.06

  • Tatsuo Yamamoto Design Inc.
  • Tatsuo Yamamoto Design Inc.
  • Tatsuo Yamamoto Design Inc.
  • Tatsuo Yamamoto Design Inc.

Tatsuo Yamamoto Design Inc.

インテリアデザイナーの山本達雄氏が主宰するデザイン事務所「Tatsuo Yamamoto Design Inc.」のWEBサイトをリニューアルいたしました。旧サイトではFlashによる過度な動き(アニメーション)が非常に使いづらかったため、動きはトランジションのみに抑え、サイト内のUIもシンプルなUIのみとしています。事務所内のインテリアに印象的に使われていた"磨りガラス"のような淡いブルーのパネルをWEBサイトにも採用。ページ毎に切り替わる淡いブルーの背景が画面全体の広がりと、最小限に抑えられたシンプルなインターフェースを印象付けています。iPhoneやiPadといったモバイルデバイスにも対応するよう、4段階のアダプティブデザインとなっています。

CREDIT

クライアント
TATSUO YAMAMOTO
DESIGN INC.
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2014.07.01

  • 佐久間徹設計事務所
  • 佐久間徹設計事務所
  • 佐久間徹設計事務所
  • 佐久間徹設計事務所

佐久間徹設計事務所

東京都武蔵野市吉祥寺にある建築設計事務所「佐久間徹設計事務所」のWEBサイトをリニューアルいたしました。旧サイトでは、外部のブログサービスを使って運営していましたが、その運営方法からデザイン・システムにいたるすべてを提案し、刷新いたしました。トップページには設計した建築物を全画面で大きく表示。堅めの明朝と縦書きを効果的に使い、"和"を感じる色使い・直線的なレイアウトで落ち着いたデザインといたしました。CMSとしてWordPressを実装。実績を含めた主要なコンテンツをクライアント側で自由に更新できるようになっています。

CREDIT

クライアント
佐久間徹設計事務所
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング / WordPress
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2014.06.01

  • 株式会社ファブリック(FABRIK Co.,Ltd.)
  • 株式会社ファブリック(FABRIK Co.,Ltd.)
  • 株式会社ファブリック(FABRIK Co.,Ltd.)
  • 株式会社ファブリック(FABRIK Co.,Ltd.)

株式会社ファブリック(FABRIK Co.,Ltd.)

クラフトマンとプロダクトデザイナーのふたりによるクリエイティブカンパニー「株式会社ファブリック(FABRIK Co.,Ltd.)」のWEBサイトを制作いたしました。写真家 コテツ氏による"浮遊感のある製品写真"を効果的に使い、シンプルながらもインパクトのあるトップページを提案。製品一覧ページではカラフルな革小物が美しく整列するようにレイアウトし、見ているだけでもワクワクするようなデザインといたしました。iPhoneやiPadといった最新のデバイスにも対応するよう、レスポンシブデザインを採用しています。

CREDIT

クライアント
株式会社ファブリック
PHOTOGRAPHY
コテツ
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
クリエイティブディレクション / JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
- WIN AWARDS -
AWWWARDS
Honorable Mention
CSS DESIGN AWARDS
Website Of The Day
このページの先頭へ戻る

2014.04.01

  • KJUS uncompromising skiwear
  • KJUS uncompromising skiwear
  • KJUS uncompromising skiwear
  • KJUS uncompromising skiwear

KJUS uncompromising skiwear

オリンピックで通算5つのメダルを獲得、ノルウェーのスキーヤーLasse Kjusが立ちあげたスキーアパレルブランド「KJUS(チュース)」のWEBサイトをリニューアルいたしました。2010年に弊社がFLASHを使用して制作した旧サイトを、時代に合わせサイト内のアニメーションすべてをJavaScriptに刷新。トップページは各パネルをクライアント側で自由に変更できるようにデザイン・提案いたしました。マウスホイールとマウスドラッグで各パネルを左右にスライドできるというインターフェースをオリジナルで制作し、新しさと共に使いやすさも両立いたしました。

CREDIT

クライアント
株式会社ノースブレイン
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2014.02.01

  • RUMI UTSUGI OFFICIAL WEBSITE
  • RUMI UTSUGI OFFICIAL WEBSITE
  • RUMI UTSUGI OFFICIAL WEBSITE

RUMI UTSUGI OFFICIAL WEBSITE

フランス女子リーグ、モンペリエHSCに所属し、サッカー女子日本代表"なでしこJAPAN"の「宇津木瑠美選手」のオフィシャルWEBサイトを制作いたしました。「宇津木選手の強さやカッコよさを表現するグラフィックと、凝りすぎないシンプルなインターフェースのサイトにしたい。」というクライアントの希望に沿い、トップページには宇津木選手の躍動感のある画像をリタッチで制作し、インパクトのあるデザインを提案。下層ページはわかりやすくシンプルなデザインといたしました。更新管理にはWordPressを一部カスタマイズして使用しています。

CREDIT

クライアント
宇津木瑠美マネジメント
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング / WordPress
山本幸平
このページの先頭へ戻る

2013.07.20

  • Junio Design
  • Junio Design
  • Junio Design
  • Junio Design

Junio Design

イタリアで毎年行われる世界最大規模の家具見本市「ミラノサローネ」でデザインレポートアワードを受賞、その他国内外で高い評価を得るインテリアデザイナー・多摩美術大学環境デザイン学科准教授の橋本潤氏の主宰するデザイン事務所「Junio Design」のサイトをリニューアルいたしました。デザインには白い空間と澄んだ空気を感じる美しいグラフィックを提案。サイト内のページ遷移はAjaxを使用し、シームレスに表示。遷移時にはスライドによるアニメーションがあるため、画面全体はスタンダードでシンプルな構成ながらも、閲覧していて気持ちの良さを感じるWEBサイトといたしました。

CREDIT

クライアント
Junio Design
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2013.02.01

  • SOSO
  • SOSO
  • SOSO
  • SOSO

SOSO IKAZAKI WASHI DESIGN PROJECT

愛媛県にある伝統和紙・ギルディング・壁紙の手工業所「株式会社 五十崎社中」と、"素材の力"をキーワードに独自のライフスタイルを提案するオリジナル文房具ブランド「MUCU」による、コラボレーションプロジェクト「SOSO(ソソ)」の新規WEBサイト制作を行いました。画面は白をベースにスライドリンクのみという非常にシンプルな構成。"楚々"というプロジェクト名のとおり、清らかで、瑞々しさを感じさせる空気感のあるデザインとなっています。

CREDIT

クライアント
株式会社五十崎社中
画面設計 / 構成 / アートディレクション
K-DESIGN WORKS
ディレクション / デザイン
井関俊介 (baqemono.inc.)
このページの先頭へ戻る

2013.01.17

  • PHOTOGRAPHER ASA SATO
  • PHOTOGRAPHER ASA SATO
  • PHOTOGRAPHER ASA SATO

サトウアサ写真事務所

ファッション雑誌、カタログ、広告媒体を中心に撮影をする「サトウアサ写真事務所」のポートフォリオ用WEBサイト制作を行いました。「黒をベースに美しく、極限までにシンプルなUIにしたい。」というクライアントの希望に沿い、サムネイルを一覧で並べる"だけ"のトップページを提案。事務所名もナビゲーションのボタンもすべてサムネイル上に配置。サムネイルをクリックすることで写真がモーダルウインドウで表示されるようになっています。

CREDIT

クライアント
サトウアサ写真事務所
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2012.06.20

  • rev-a group 株式会社
  • rev-a group 株式会社
  • rev-a group 株式会社
  • rev-a group 株式会社

rev-a group 株式会社

デザイン・機能性に優れた賃貸住宅を日本全国に多数所有・管理している「rev-a group株式会社」の新規WEBサイト制作を行いました。「希望するWEBサイトは単なるコーポレートサイトではなく、会社の顔となる"ポートフォリオサイト"。シンプルかつスタイリッシュ、デザイン性が高く美しいWEBサイトに。」というクライアントの希望に沿い、一切の無駄を排した真白を、画面全面に大きく使ったミニマリズムなトップページといたしました。シームレスな遷移を可能とするAjaxと共に、JavaScriptによるアニメーションを導入。トゥイーンやフェード効果など、各パーツのトランジションにも徹底的にこだわってデザイン・構築いたしました。

CREDIT

クライアント
rev-a group 株式会社
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2012.06.20

  • Sebastian Schwartz Composer
  • Sebastian Schwartz Composer
  • Sebastian Schwartz Composer
  • Sebastian Schwartz Composer

Sebastian Schwartz Composer

株式会社セガや日産自動車株式会社といった日本企業の製品・プレゼンテーション用のミュージックを数多く制作しているドイツの作曲家、「Sebastian Schwartz」氏のポートフォリオサイトをリニューアルいたしました。「ダークグレイな雰囲気を持つ、美しいWEBサイトを。」というクライアントの希望に沿い、ベースカラーには淡いブルーグレイのグラデーション。背景には、JavaScriptとCanvasを使用し、抽象的な音の波を表現いたしました。画面いっぱいに表示されるロゴタイプにはSVGを使用し、ブラウザの横幅に関わらず常に高解像度に表示されるようになっています。CMSにはWordPressをカスタマイズして実装いたしました。

CREDIT

クライアント
Sebastian Schwartz
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング / WordPress
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2012.05.24

  • SHIGEICHIRO TAKEUCHI
  • SHIGEICHIRO TAKEUCHI
  • SHIGEICHIRO TAKEUCHI

Shigeichiro Takeuchi

東京を拠点に、家具・プロダクト・空間・グラフィックデザイン等、トータルにデザイン・ディレクションを行うプロダクトデザイナー、「竹内茂一郎」氏のポートフォリオサイトをリニューアルいたしました。前回のサイトリニューアルから3年が経ち、実績・作品も増えたため、改めてリニューアルとなりました。今回のリニューアルでは作品を大きく見ることができるよう、トップページで全画面表示にて作品を紹介。もちろん、iPadやiPhoneといったデバイスにも対応し、ポートフォリオとして持ち運び使用できるように構成されています。英語・日本語にも対応し、サイトの美しさはそのまま、よりグローバルなデザインとなっています。

CREDIT

クライアント
竹内茂一郎
PHOTOGRAPHY
小野正志
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング
井関俊介 (baqemono.inc.)
JavaScriptコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2011.03.17

  • KENTA ICHIKAWA photographer
  • KENTA ICHIKAWA photographer
  • KENTA ICHIKAWA photographer
  • KENTA ICHIKAWA photographer

KENTA ICHIKAWA Photographer

写真家「市川健太」氏のポートフォリオサイトを制作いたしました。ポートフォリオサイトとなるよう、ギャラリーページをメインとしたシンプルな構成となっています。「シンプルでどこまでも真白な世界。フワッとした浮遊感と空気感のある美しいサイト」というクライアントの希望に沿い、白をベースに、シンプルながらも柔らかさを感じるデザインといたしました。画面遷移のフェードイン・アウト、ポートフォリオページのインターフェースなど、ゆっくりとした時間を感じるようになっています。アニメーション・ブラウザサイズによる写真のリサイズはすべてJavaScriptによる制御を採用し、iPhone/iPadでも問題なく表示できるように構築されています。

CREDIT

クライアント
市川 健太 (BAU STUDIO)
画面設計 / 構成 / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2011.03.03

  • 知のアトリエ
  • 知のアトリエ
  • 知のアトリエ

知のアトリエ

弁護士「田村佳弘」氏のWEBサイトを新規制作いたしました。「最小限のシンプルな要素と構成だけで、空間の広がりや、澄んだ空気を感じることのできるサイトに。」とのクライアントの希望に沿い、シンプルで美しいデザインにする事はもちろん、画面遷移にJavaScriptによるフェードイン・アウトを実装。シンプルな見た目、品の良いインターフェースによって澄んだ空気のひんやりとした冷たさを感じるサイトとなっています。CSSを効果的に使い、閲覧ブラウザの幅に合わせてコンテンツとナビゲーションの余白の調整をするなど、細かい部分まで閲覧時の画面バランスを取るようにデザインされています。

CREDIT

クライアント
田村 佳弘
画面設計 / 構成 / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
JavaScript , HTMLコーディング / WordPress
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2010.11.27

  • prototype_04
  • prototype_04
  • prototype_04

PROTOTYPE 04

プロダクトデザイナー、家具デザイナー、建築家など様々なジャンルで活動するデザイナーによるプロトタイプの展示会「PROTOTYPE 04 - new action」のサイトを制作いたしました。ティザーサイトと同じコンセプトのもと、iPhoneやiPadといった新デバイスにも対応するようFlashは一切使わず、すべてのページをcssとJavaScriptで構築しています。トップページではツイッターのハッシュタグ「#prototype04」を検索、流れるように表示する機能を実装いたしました。展示会のリアルタイムの情報、生の声を聞くことができるので、展示会の盛り上がりをサイトでも感じることができます。

CREDIT

クライアント
プロトタイプ展実行委員会
グラフィックデザイン
中野豪雄
編集
加藤純
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
トランジションディレクション / JavaScript , HTMLコーディング
小山貴彬 (baqemono.inc.)
HTMLコーディング /
WordPress カスタマイズ
山本幸平
このページの先頭へ戻る

2010.09.15

  • KJUS uncompromising skiwear
  • KJUS uncompromising skiwear
  • KJUS uncompromising skiwear
  • KJUS uncompromising skiwear

KJUS uncompromising skiwear

オリンピックで通算5つのメダルを獲得、ノルウェーのスキーヤーLasse Kjusが立ちあげたスキーアパレルブランド「KJUS(チュース)」の新規WEBサイト制作を行いました。高いデザイン性、所持欲を掻き立てる高級感、抜群の機能性を持つスポーティーさといった商品のブランドが伝わるよう、サイト内でもデザイン・高級感・インターフェースには細部にまでこだわり、スキーブランドのフラッグシップとなるサイトを目指し構築いたしました。魅せる必要のある部分にはFlash、情報を伝える部分はHTMLと、使いやすさを考えハイブリッド構成となっています。何度来ても新しい発見があるよう、ランダムで複数枚切り替わる背景を実装し、ユーザーの記憶に残る設計といたしました。

CREDIT

クライアント
株式会社ノースブレイン
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
Flashオーサリング / スクリプティング / JavaScript , Xml , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2010.09.01

  • alpharobe inc.
  • alpharobe inc.
  • alpharobe inc.

alpharobe inc.

広告、雑誌媒体において高品質なフォトレタッチ、画像合成作業等のイメージCG処理を行う「alpharobe inc.(アルファローブ)」のサイトリニューアルを行いました。「数百点以上になる実績を、斬新でダイナミックな表現、かつストレス無く閲覧できる美しいサイトに。」というクライアントの要望に答え、サイトはFull Flashで制作、ポートフォリオのコンテンツには3Dを使用し、サイト内の世界感をまとめる主役といたしました。上下に移動する画面遷移も、白い空間を活かしたダイナミックな表現となっています。iPad、iPhoneでの閲覧も考慮し、HTML ver.も実装しています。

CREDIT

クライアント
alpharobe inc.
画面設計 / 構成 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
Flashオーサリング / スクリプティング / JavaScript , Xml , HTMLコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2010.07.05

  • MUCU ONLINE STORE
  • MUCU ONLINE STORE
  • MUCU ONLINE STORE
  • MUCU ONLINE STORE

MUCU ONLINE STORE

"素材の力"をキーワードに独自のライフスタイルを提案する「K-DESIGN WORKS」主催のオリジナル文房具ブランド「MUCU」のサイトリニューアル・オンラインストアの制作を行いました。「シンプルで無駄のないオンラインストアをFlashでリッチに」というクライアントの要望に答え、サイトはFull Flashで制作、ショッピングシステムもスムーズに購入できるよう、すべてFlashで完結しています。商品登録等、更新作業もクライアントにて可能、TOPICSページではWordPressによるブログを実装いたしました。スマートでシンプル、まさに"無垢なサイト"となっています。

CREDIT

クライアント
K-DESIGN WORKS
構成 / PHOTOGRAPHY
K-DESIGN WORKS
画面設計 / ディレクション / アートディレクション / デザイン
井関俊介 (baqemono.inc.)
Flashオーサリング / スクリプティング / Xmlコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2009.12.15

  • MARE ONLINE STORE
  • MARE ONLINE STORE
  • MARE ONLINE STORE

MARE ONLINE STORE

靴下やレギンスといった女性のためのレッグウェアを扱うオンラインストア、「MARE ONLINE STORE(マーレオンラインストア)」を制作いたしました。オンラインストア制作にあたってはオープンソースの「EC-CUBE」をベースにカスタマイズし、大きな商品画像スペース、在庫表示機能の実装など、商品購入のしやすさを重視した設計となっています。デザイン・構築・実装まで約1ヶ月という短納期でしたが、グラフィックにも一切妥協を許さず、角の丸みによる全体の柔らかさ、質感のあるベース色など細かい部分まで統一感を持たせることで、老若男女に好まれる安心感のある実直なサイトとなっています。

CREDIT

クライアント
株式会社マーレ
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / Flashオーサリング / EC-CUBEカスタマイズ
井関俊介 (baqemono.inc.)
HTMLコーディング / JavaScriptオーサリング / EC-CUBEカスタマイズ
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2009.10.30

  • In Design onlinestore
  • In Design onlinestore
  • In Design onlinestore

In Design ONLINE STORE

池内昭仁氏、石井保幸氏からなるプロダクトデザインユニット 印デザイン(インデザイン) によるセルフプロダクトのECサイト、「印デザインオンラインストア」を制作いたしました。 オンラインストア制作にあたってはオープンソースの「EC-CUBE」をカスタマイズし、デザインはもとより、親切な入力フォーム、直感で購入できるシンプルな導線、見やすい画像の切替など様々な部分でユーザビリティを高めています。白をベースにカラースペクトルを印象的に使った透明感のあるグラフィックはオフィシャルサイトの裏設定となっており、別色でありつつも、オフィシャル・オンライン共に、同じコンセプトを自然と感じさせる設計になっています。

CREDIT

クライアント
印デザイン
PHOTOGRAPHY
小野正志
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング / Flashオーサリング / EC-CUBEカスタマイズ
井関俊介 (baqemono.inc.)
このページの先頭へ戻る

2009.06.24

  • 株式会社プレーン
  • 株式会社プレーン
  • 株式会社プレーン

株式会社プレーン

エレコムやコクヨなど、企業の製品デザインを行うインダストリアルデザイン事務所、「株式会社プレーン」のサイトリニューアルを行いました。アートディレクター佐藤卓氏により刷新したCIをデザインの軸に、サイト全体をソリッドでシンプル、一切の無駄をそぎ落とした、その名の通りプレーンなデザインとなっています。ポートフォリオのページでは数多くの製品を掲載するため、どのような環境でもストレスなく閲覧できるようにFlashとJavaScriptを組み合わせ、直感でつかえるシンプルなUIをデザイン、実装いたしました。

CREDIT

クライアント
株式会社プレーン
PHOTOGRAPHY
小野正志
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング
井関俊介 (baqemono.inc.)
JavaScript , Flashオーサリング / Xmlコーディング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る

2009.03.20

  • shigeichiro Takeuchi
  • shigeichiro Takeuchi
  • shigeichiro Takeuchi

Shigeichiro Takeuchi

ヨーロッパを中心に活動するフリーのプロダクトデザイナー、「竹内茂一郎」氏のポートフォリオサイトのリニューアルを行いました。クライアントの要望は、ユーザビリティが高く、シンプルで見やすい清潔感のあるサイトをとの事でしたので、空間を広く使い、間のある構成といたしました。ポートフォリオということで画像が主体となるこのサイトにおいても、SEOの観点からFlashは使わずにJavaScriptを導入し、HTMLで製作しています。竹内氏のプロダクトがもつ清潔感を表現することで、サイト全体が先鋭的なイメージとなりました。

CREDIT

クライアント
竹内茂一郎
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング
井関俊介 (baqemono.inc.)
このページの先頭へ戻る

2009.01.30

  • 印デザイン(インデザイン) website
  • 印デザイン(インデザイン) website
  • 印デザイン(インデザイン) website

In Design

池内昭仁氏、石井保幸氏からなるプロダクトデザインユニット「印デザイン(インデザイン)」のサイトリニューアルを行いました。画面設計からディレクション・アートディレクション、デザイン、テキスト・コピーライト、HTMLコーディング、Flashオーサリング、内部・外部SEO対策まですべてを行っています。珍しいスタイルの照明を制作しているユニットなので、サイトでは黒を基調とし、内容が伝わりやすいよう、雑誌媒体のような読みやすいレイアウトを採用しています。日本はもとより、ヨーロッパ圏からのアクセスが多いため、日本語・英語は常時同時表示とし、色の切り替えで日本語・英語が目障りにならないデザインとなっています。

CREDIT

クライアント
印デザイン
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング / Flashオーサリング / CMSカスタマイズ
井関俊介 (baqemono.inc.)
このページの先頭へ戻る

2009.01.30

  • QUALT GRAPH
  • QUALT GRAPH
  • QUALT GRAPH
  • QUALT GRAPH

QUALT GRAPH

「株式会社バケモノ」の前身、2009年に立ち上げた個人事業屋号「QUALT GRAPH(クオルトグラフ)」のWEBサイト。サイトのデザインコンセプトは「とにかくわかりやすく、使いやすく」。過度な装飾はせず、キーカラーのスカイブルーと背景の白色でページ内を統一し、親しみやすさのあるFUTURAフォントと、インパクトのある長体のフォントを使用いたしました。この「わかりやすく、使いやすく」のコンセプトは「株式会社バケモノ」でも変わらずブランドコンセプトとして引き継がれています。

CREDIT

クライアント
QUALT GRAPH
画面設計 / 構成 / ディレクション / アートディレクション / デザイン / HTMLコーディング
井関俊介 (baqemono.inc.)
JavaScript , Flashオーサリング
小山貴彬 (baqemono.inc.)
このページの先頭へ戻る