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

靴下やレギンスといった女性のためのレッグウェアを扱うオンラインストア、｢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対策まですべてを行っています。珍しいスタイルの照明を制作しているユニットなので、サイトでは黒を基調とし、内容が伝わりやすいよう、雑誌媒体のような読みやすいレイアウトを採用しています。日本はもとより、ヨーロッパ圏からのアクセスが多いため、日本語・英語は常時同時表示とし、色の切り替えで日本語・英語が目障りにならないデザインとなっています。