制作実績 WEB制作・設計・提案 - ウェブサイト制作ウェブデザインスタジオ QUALT GRAPH クオルトグラフ

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

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

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

昨年に引き続き、プロダクトデザイナー、家具デザイナー、建築家など様々なジャンルで活動するデザイナーによるプロトタイプの展示会｢PROTOTYPE 04 - new action｣のティザーサイトを制作いたしました。"new action"という本展示会コンセプトのもと、iPhoneやiPadといった新デバイスにも対応するよう、FLASHは使わず、cssとJavascriptによるアニメーションで構成いたしました。

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

ブランディング、グラフィックデザインを手がけるデザイン事務所「株式会社KOUBOU」のサイトリニューアル制作を行いました。サイトのグラフィックは"KOUBOU (工房)" という社名の通り、「人の手によるモノ作り」という企業ブランドを感じさせる、一味違ったグランジ感のあるグラフィックとなっています。画面遷移が一切無い直感的でシンプルな構造は、ページ内をストレス無くスムーズに閲覧することができます。そのようなシンプルな構成ながら、WORKSではしっかりと実績を見せることが出来る仕組みを構築し、今後増えていく実績はクライアント様でも簡単に更新できる設計といたしました。

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

デザイナー自らが企画し、生産、流通までを一貫して手掛けているセルフプロダクトを展示販売する展示会「CARAVAN（キャラバン）」のサイトを制作いたしました。「呼ばれればどこにでも駆けつけるCARAVANの世界観を踏襲した、どことなく愛嬌のあるシンプルなサイトに。」というコンセプトを元に、あくまでヴィジュアルは明快、極端なまでに単純にしつつも、スムーズな左右画面遷移が"駆けつける感"を感じさせるようなニヤリとなるコンセプトで制作しています。

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

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

上野を拠点に物撮、ポートフォリオ、風景写真等、様々な撮影を手がけるクリエイティブフォトスタジオ「Hotlens(ホットレンズ)」のサイトを新規に制作いたしました。 「写真家のサイトによくあるようなクールでピンと張り詰めたようなサイトではなく、温かみと気楽さのあるサイトにしたい。」というHotlens代表小野正志氏のご依頼を受け、全体的に温かみのある色合いと手書きフォントでまとめています。インターフェースもフルFLASHで構築し、写真閲覧はマウスホイールのみという極端にシンプルながらも直感でサイト内を自由に泳げる設計となっています。「気軽に頼める凄腕写真家」というコピーの通り、ワクワク感を感じさせながらも、裏ではしっかりとしたロジックに基づくサイトとなっています。

嵐、コブクロ、徳永英明といった有名アーティストのレコーディングに年間200回以上参加する「弦一徹ストリングス」の主宰、バイオリニスト弦一徹のオフィシャルサイトを制作いたしました。 弦一徹こと落合徹也氏のイメージする無垢で澄みきった世界感を表現しつつも、子供心や遊び心を忘れないユーモラスなサイトとなっています。FLASHとJavascriptによってサイト訪問毎にサイトのキーカラーをランダムで抽選するプログラムや、トップページの隠し要素、ブラウザサイズによってサイトの表情を巧みに変える美しいバイオリンの見せ方など、一風変わったニヤリとできる仕掛けが散りばめられています。

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

プロダクト、家具、建築など様々なジャンルで活躍する19組の若手デザイナーによる「プロトタイプ」の展示会、「PROTOTYPE 03」のオフィシャルサイトを制作いたしました。東京ミッドタウンにて開催となる本展ではTVや雑誌でも取り上げられる旬のデザイナーを集め、POINTによる革新的なグリッドを使用した展示を展開いたします。オフィシャルサイトではNAKANO DESIGN OFFICEによるDM、フライヤー、ポスターのグラフィックを踏襲し、同時にPOINTによるグリッドデザインをサイト上でロジカルに、また感覚的に表現いたしました。

株式会社マーレの新規ウェブサイト制作に伴い、ディレクションとサイトのグラフィックデザインをいたしました。 イタリア語で海という意味を持つ社名をサイトのデザインコンセプトとし、ブルーをサイトのキーカラーとして採用。メインビジュアルには無限に広がる大海原をコピーと掛け合わせ、ダイナミックでインパクトのあるウェブサイトにいたしました。信用や信頼を感じさせるブレの無いカッチリとした企業特有のサイトデザインながらも、角の丸みや、柔らかいグラデーションで全体を統一することによって、堅さを感じさせず、親しみやすさを感じるサイトになっています。

滝口裕美子氏のウェブサイト制作と同時に、普段からパソコンを使用することのないお客様のために、モバイルサイトを新規で制作いたしました。 ショップカードや名刺にQRコードを掲載することで、自然とユーザーをモバイルサイトへ導く事ができるため、美容室の予約には強力なツールのひとつとなります。もちろん、モバイルサイトからの予約も可能。古い携帯からでも閲覧できるようにCSSやXHTMLといった最新の技術は一切使わず、最も単純なHTMLのみで構築しておりますが、ウェブサイトの世界観を高いクオリティで再現いたしました。

吉祥寺の美容室で活動するフリーランスヘアスタイリスト滝口裕美子氏のウェブサイトを新規に制作いたしました。 何百人というお客様から不規則に入る予約に効率良く対応できるよう、美容室予約システムを導入。24時間365日インターネットから予約ができるようにいたしました。また、フリーランスという業務形態にある不定期なお休みにも柔軟に対応できるよう、サイトにはCMSとしてWordPressを組み込んでおります。トップページに表示されているカレンダーをWordPressと連結し、スケジュールを滝口氏が自ら更新できるようにいたしました。

株式会社マーレの名刺をデザインいたしました。株式会社マーレでは海外との業務を執り行っている事から、片面英字表記による両面印刷を採用。また一目で表記内容が理解できるよう、CIを上部に、役職、名前、各メールアドレスといった個人情報を中心、会社情報は下部に、各項目が3つのセグメントとなるロジカルなデザインとなっています。高品位なオフセット印刷とヴァンヌーボVGの採用により、紙のマット感、印刷のグロス感を同時に見ることのできる美しく高級感のある名刺となっています。

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

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

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